Construção de paginas web

PÁGINA COM LAYOUT BASEADO EM TABELA
1. Escreva o código necessário para criar esta página mostrada na Fig. 1. O posicionamento dos elementos na página deve ser feito utilizando uma tabela de bordas invisíveis. Os textos da página devem utilizar o fonte “verdana” ou, caso este não esteja presente (como no Linux), o fonte “liberation” (fonte mostrado na figura). As referências do menu apontam respectivamente para as páginas: destinos.html, pacotes.html, cadastro.html e reservas.html. Os links do menu estão numa lista não numerada, com cada item indicado por um círculo. A seleção de um link deve causar a abertura da página correspondente em uma nova janela do navegador. Use uma tag para as informações de localização (endereço, telefone e e-mail). Uma imagem no formato PNG
(PeNaEstradaDeitado.png) foi utilizada para o logotipo da agência exibido no canto superior esquerdo da página. As cores utilizadas foram: Fundo - #FFFFFF, Texto #2255AA, Link - #FF0000 e Link Visitado - #DD0000. [1,5 pontos]

Fig. 1 – Página do Site da Agência Pé na Estrada

PÁGINA COM CSS E ESTRUTURA HTML5
O futuro chegou ao seu site. Leia o texto “Caminho até o HTML5” disponibilizado na seção “textos” da primeira semana para que você possa implementar uma nova versão de sua página inicial e todas as demais páginas do trabalho. É recomendável também que você tenha lido o material “Folhas de Estilo”.

2. Faça uma nova implementação da página inicial da agência, desta vez utilizando as novas tags de estrutura do HTML5 (Fig. 2). A aparência deve ser definida por estilos armazenados em um arquivo de extensão css (não devem ser usada na página atributos e tags obsoletas). Para esta página foram criadas seis classes de estilo: ender, textoNormal, apres, imgLogo e menu. Além disso, as tags , , , , e tiveram sua aparência modificada. A descrição do estilo que deve ser aplicado a estas classes e tags está no quadro 1 logo abaixo. [1,5 pontos]

Fig. 2 - Página do site na