Apostila Internet - 2011
CAPÍTULO 3
13
Página inicial:
Todo e qualquer site quando publicamos, vai para área FTP, e para que o servidor da web
identifique nossa página inicial, é necessário chamá-la de índex. Este nome é padrão para todos os
servidores web.
Regras de salvamento de página html:
Quando trabalhamos com sites, é necessário tomar alguns cuidados na hora de salvar
nossos arquivos para quando for publicado, não ocorra a quebra nos links. Para prevenirmos esse
tipo de erro, basta levar em conta algumas regrinhas:
Não utilizar acentos;
Evitar nomes compostos;
Identificar as páginas com nomes referentes as mesmas;
Não utilizar letras maiúsculas e minúsculas juntas;
Não utilizar caracteres especiais;
Não é recomendado o uso de underline (_);
Trabalhando com imagem:
Quando pensamos em inserir uma imagem em nosso site, devemos tomar muitos cuidados,
pois ninguém gosta de acessar um site e esperar por seu carregamento. Por isso, ao adicionar-las,
tenha o cuidado de verificar seu tamanho e se realmente será necessária.
Há vários tipos de imagens hoje em dia, as mais utilizadas pela internet são GIF, JPEG e
PNG. Os mais conhecidos são GIF e JPEG, porém o arquivo PNG é mais leve, facilitando o seu
carregamento.
Conhecendo um pouco sobre os tipos de gráficos:
GIF (Graphic Interchange Format) - Os arquivos GIF usam um máximo de 256 cores e são
mais adequados para a exibição de imagens em tom não-contínuo ou imagens grandes de cores
simples, como barras de navegação, botões, ícones, logotipos ou outras imagens com cores e tons
uniformes.
JPEG (Joint Photographic Experts Group) - O formato de arquivo JPEG é o formato preferido
para imagens fotográficas ou em tom contínuo, pois os arquivos JPEG podem conter milhões de
Professora Thaís Ramos Viegas
Apostila Internet - 2011
cores. À medida que a qualidade de um arquivo JPEG aumenta, também aumentam o tamanho e o
14
tempo de download do arquivo.
PNG (Portable Network Group) - O formato de arquivo PNG é um substituto sem patentes
para GIFs que inclui suporte a imagens true-color, em tons de cinza e de cores indexadas, além de
suporte a canal alfa para transparência. Os arquivos PNG retêm todas as informações originais de
camada, vetor, cor e efeitos (como sombras) e todos os elementos são completamente editáveis,
continuamente.
Adicionando imagens ao site:
Para adicionarmos uma imagem em nossa página, utilizamos a TAG <IMG> juntamente com
o atributo SRC que é a abreviação de source (origem). Uma dica bastante útil é salvar as imagens em
uma única pasta chamada de imagem para melhor organização do site.
Exemplo: <IMG SRC=”../imagem/bola.png>
Atributos da TAG <IMG>:
ALIGN – alinhamento da imagem no site em relação ao texto, que pode ser LEFT
(esquerda), RIGHT (direita), TOP (topo), TEXTOP (primeira linha), MIDDLE (meio), BASELINE (linha de
baixo) e CENTER (centro).
Exemplo: <IMG SRC=”../imagem/bola.png ALIGN=”middle”>
BORDER – borda da imagem.
Exemplo: <IMG SRC=”../imagem/bola.png BORDER=”2”>
WIDTH e HEIGHT – largura e altura, respectivamente, podem usar medidas em pixel ou
porcentagem.
Exemplo: <IMG SRC=”../imagem/bola.png WIDTH=”100px” HEIGHT=”100px”>
ALT – quando colocamos o cursor sobre a imagem, o texto aqui descrito aparece para o
usuário.
Exemplo: <IMG SRC=”../imagem/bola.png ALT=”Desenho de casa”>
Quebra de linha:
Quando estamos programando em HTML, ao digitar um texto, o “enter” não é válido para
isso temos uma TAG <BR> que faz essa quebra de linha. Obs.: esta TAG deve vir ao final da linha na
qual queremos separar.
Professora Thaís Ramos Viegas
Apostila Internet - 2011
Exemplo:
<BODY>
<P ALIGN="justify">
GIF (Graphic Interchange Format) - Os arquivos GIF usam um máximo de 256 cores e são
mais adequados para a exibição de imagens em tom não-contínuo ou imagens grandes de
cores simples, como barras de navegação, botões, ícones, logotipos ou outras imagens
com cores e tons uniformes. <BR/>
JPEG (Joint Photographic Experts Group) - O formato de arquivo JPEG é o formato
preferido para imagens fotográficas ou em tom contínuo, pois os arquivos JPEG podem
conter milhões de cores. À medida que a qualidade de um arquivo JPEG aumenta,
também aumentam o tamanho e o tempo de download do arquivo. <BR />
PNG (Portable Network Group) - O formato de arquivo PNG é um substituto sem patentes
para GIFs que inclui suporte a imagens true-color, em tons de cinza e de cores indexadas,
além de suporte a canal alfa para transparência. Os arquivos PNG retêm todas as
informações originais de camada, vetor, cor e efeitos (como sombras) e todos os
elementos são completamente editáveis, continuamente.
</P>
</BODY>
Visualmente ficará:
Figura 6 - Com quebra de texto
Professora Thaís Ramos Viegas
15