Nesta primeira aula de Autocad, aprendemos a construir polígonos com as ferramentas Line, Polyline, através da criação de diversos layers com cores distintas nos polígonos. Aprendemos a esconder e a visualizar layers e a utilizar a ferramenta MOVE.
domingo, 30 de outubro de 2011
quarta-feira, 19 de outubro de 2011
Aula 2 - 20/10/2011 - Criação de páginas web em HTML e Photoshop
CRIAÇÃO DE PÁGINAS EM HTML
HTML, que significa "HyperText Markup Language", é uma linguagem universal que permite a construção de páginas Web.
diferença entre http e ftp
"http", que significa "HyperText Transfer Protocol" é do protocolo público
"ftp" (de "File Transfer Protocol") é protocolo privado em que é estabelecida a relação quase como uma ponte, de um ponto ao outro (do nosso computador ao computador remoto). É uma transferência de ficheiros entre dois computadores. Iremos utilizar este do domínio privado com o programa base FILEZILLA.
COMO FAZER UMA PÁGINA HTML
Programa utilizado: Notepad +++ (embora se possa também fazer em notepad)
Programa utilizado: Notepad +++ (embora se possa também fazer em notepad)
- Todo o conteúdo da página se deve seguir ao código inicial "<html>"
A página HTML tem duas partes suas constituintes fundamentais: - Title (título da página)
- Body (corpo da página)
Para introduzir primeiro o título da página, começa-se por colocar <head> <title> "nome da página que quisermos" </title> </head>
Passando para a parte do corpo da página, começamos por introduzir todos os códigos que pretendemos na página após a abertura <body>
CÓDIGOS para serem colocados no corpo da página:
1) colocar o nosso nome centrado na página
<center> <h1> "nome" </h1> </center>
2) colocar uma fotografia centrada na página:
<center> <imgsrc "
3) colocar uma hiperligação para outra página (no nosso caso, uma hiperligação para o nosso blog da disciplina):
<center> <ahref="endereço da página a que queremos levar"> Texto/Imagem </a>
- Para fazer parágrafos, basta inserirmos o código <br> (de "break line")
- Nota: para as imagens cujo nome colocamos nos códigos aparecerem, têm de ser colocadas sempre na mesma pasta que a página HTML. Quando pomos a página HTML numa pasta do filezilla para ser transposta para a Internet, a imagem também terá de ser colocada nessa mesma pasta.
CRIAÇÃO DE PÁGINAS HTML EM PHOTOSHOP
Após criar o layout da página, a criação desta página baseia-se em dois pontos essenciais:
1) se quisermos colocar alguma hiperligação dentro do documento para uma outra página da Internet, basta: clicar na ferramenta "slice", seleccionar com a ferramenta a área que vai ser considerada para clicar e levar à nova página e colocar o URL correspondente da página destino;
2) Em vez de guardarmos a página como "Save as...", guardamos como "Save for Web" e guardamos o documento com o nome que queremos e com a extensão de ficheiro ".hmtl"
Após criar o layout da página, a criação desta página baseia-se em dois pontos essenciais:
1) se quisermos colocar alguma hiperligação dentro do documento para uma outra página da Internet, basta: clicar na ferramenta "slice", seleccionar com a ferramenta a área que vai ser considerada para clicar e levar à nova página e colocar o URL correspondente da página destino;
2) Em vez de guardarmos a página como "Save as...", guardamos como "Save for Web" e guardamos o documento com o nome que queremos e com a extensão de ficheiro ".hmtl"
Como publicar as nossas páginas HTML na Internet (a partir do programa Filezilla):
- Criação de uma pasta no filezilla chamada "public.html"
- Arrastar directamente a página HTML para essa pasta com as imagens que aparecerão aquando a sua abertura, se existirem
- Para essas páginas abrirem automaticamente, o seu nome deve ser sempre mudado para "index.hmtl" através do botão direito do rato "Mudar o nome"
- Para essas páginas abrirem automaticamente, o seu nome deve ser sempre mudado para "index.hmtl" através do botão direito do rato "Mudar o nome"
Resultado dos meus primeiros dois trabalhos experiência em HTML e PHOTOSHOP:
Photoshop: http://gaudi.fa.utl.pt/~20101307/phtml.html
Subscrever:
Mensagens (Atom)