As seguintes seções explicam a importância da página de configurações considerações tamanho da tela, comprimento de página e layout de página para controlar como as suas páginas em um navegador web.
Considerações de tamanho de tela
A maioria dos usuários de computador são usados para rolar para cima e para baixo para ver as páginas que são mais do que a altura da tela. Mas alguns usuários gostam de deslocamento para a esquerda e à direita para ler as páginas que são demasiado grandes. Para evitar a rolagem horizontal, design suas páginas para que eles se encaixam dentro da largura da tela. Se você deseja direcionar os usuários que executam os seus computadores com resolução de 800 x 600 (que responde por quase todos os usuários que agora de 15 polegadas e monitores maiores são comuns), disparar para 780 como a largura de página máxima. Se as suas páginas inteiramente constituídos por texto, você não precisa se preocupar com o tamanho da tela, porque o navegador do usuário da Web ajusta automaticamente linhas de texto para ajustar a largura da tela. A única vez que você tem que se preocupar com a largura da página é quando você está criando uma página que inclui elementos que têm uma largura fixa, como tabelas, imagens ou quadros. A lista a seguir explica como ajustar a largura para aqueles três elementos:
--Quadros: Defina a largura total de uma tabela usando o atributo WIDTH no
--Imagens: O tamanho da imagem determina a largura da imagem exibida na página. Se a imagem é muito grande, você pode alterar a largura usando o atributo WIDTH no tag:
--Frames: Defina a largura da side-by-side frames usando as colunas (cols) atributo na
Comprimento Page
Mesmo que a maioria dos utilizadores não se importam de rolagem para baixo para ver as páginas que são mais do que a altura da tela, você deve ainda limitar a duração das suas páginas. Como regra geral, tentar limitar as suas páginas a duas ou três vezes a altura da tela sobre a mesma quantidade de informação que pode ser impresso em uma única folha de papel 81/2-x-11-inch.
Layout da página
A melhor maneira de criar um projeto eficaz para suas páginas da Web é a criação de uma rede básica de elementos comuns que irão aparecer no mesmo ou um acordo semelhante em todas as suas páginas. A lista a seguir indica alguns dos elementos que você pode necessitar de incluir em sua grade de design da web. (Dependendo do conteúdo do seu site, você pode não precisar de fornecer todos estes elementos.)
--Área do cabeçalho: A área de cabeçalho aparece no topo de cada página, indicando o título do site, título da página, o nome da empresa, os botões de navegação do site, e quaisquer outros elementos que você deseja colocar no topo de cada página.
--Área de rodapé: A área de rodapé aparece na parte inferior de cada página, possivelmente incluindo informações de contato, um aviso de direitos autorais, e os botões de navegação.
--Principal área de texto: Esta área contém o texto e ilustrações para cada página.
--Área lateral: A barra lateral ocupa uma faixa vertical na parte esquerda ou direita de cada página. Esta área pode conter elementos como uma tabela de conteúdo ou menu para o site.
Trabalhando com Backgrounds
Ao criar páginas da Web, não cometa o erro de usar uma imagem de fundo berrante que torna quase impossível a sua página para ler. Se você quiser usar uma imagem de fundo para suas páginas, escolher uma imagem que não interfira com o texto e outros elementos na página.
Definindo a cor de fundo
Para definir a cor de fundo da sua página Web, siga estas etapas:
1. Adicione a cor de fundo (BGCOLOR) Atribuem à tag.
2. Escreva um nome de cor para o BGCOLOR atributo. Por exemplo:
Para obter mais informações sobre o uso de cores, consulte "Color", anteriormente neste artigo.
Usando uma imagem de fundo
Para usar uma imagem de fundo para sua página Web, siga estas etapas:
1. Adicione o JUSTIFICATIVA atributo para a tag.
2. Digite o nome do arquivo de imagem que deseja usar para o fundo como a JUSTIFICATIVA valor do atributo, como este:
A imagem de fundo repete quantas vezes forem necessárias para preencher a página. Como resultado, o arquivo de imagem de fundo não tem que ser muito grande.
Adicionando Links
As ligações são uma parte integrante de qualquer página web. Links deixar o seu leitor de viagem para um local diferente, que pode ser uma parte do mesmo documento HTML, uma página diferente localizado em seu site ou uma página de um site diferente localizado em outro local na Internet. Tudo que o usuário tem que fazer para ser transportado para uma página diferente é clicar no link.
Usando links de texto
A Link de texto é uma parte do texto que alguém visualiza a página pode clicar para saltar para outro local. Para criar um link de texto, siga estas etapas:
1. Determinar o endereço da página que deseja que o link para saltar.
2. Tipo um tag onde você quer que o link apareça na página.Na etiqueta, use um atributo HREF para indicar o endereço da página que você deseja vincular. Por exemplo:
3. Após a sim, escreva o texto que você quer que apareça em seu documento como um link e adicione um fechamento sim, como este:
O Jornal Para o Google Web Page
O texto que aparece entre e é chamado de âncora. O endereço da Web que aparece no atributo HREF é chamado de alvo. O texto âncora é exibido na página da Web em uma cor especial (geralmente azul) e é sublinhada para que a pessoa visualizar a página sabe que o texto é um link. Se o destino remete para outra página no mesmo site como a página o link aparece, você pode usar apenas o nome do arquivo como o destino. Sempre coloque o nome do arquivo ou URL entre aspas. Por exemplo:
Ver o Assistente
Quando um usuário clica no link Ver o Wizard, o arquivo HTML emerald7.html nome aparece na tela.
Usando links gráfico
Um image link É uma imagem gráfica que um usuário pode clicar para saltar para outra página ou um local diferente na página atual. Para criar um link de imagem, siga o procedimento descrito na seção anterior, "Usando links de texto." Mas, na etapa 3, ao invés de digitar o texto para o link, digite um tag que contém um atributo SRC que identifica o arquivo de imagem para usar o link. Por exemplo:
Neste exemplo, a imagem gráfica arquivo chamado emerald.gif aparece na tela. Se um usuário clica nele, o navegador exibe a página emerald7.html.
Ligando na mesma página
Para criar um link que simplesmente move o usuário para outro local na mesma página, siga estas etapas:
1. Atribuir um nome para a seção que você deseja vincular, adicionando um etiqueta com o NOME atributo para a primeira linha de HTML da mesma secção. Imediatamente a seguir tag com um marca de fim.
2. Criar um link de texto ou gráfico para essa seção, digitando o nome da seção precedidos pelo símbolo # no HREF atributo.Aqui está um exemplo de uma marca que atribui um nome a um local em um documento:
Aqui está um trecho de HTML que cria um link que vai para o local chamado "Here":
Vá lá!
