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: digitais.html, impressos.html, cadastro.html e encomendas.html. Os links do menu estão numa lista não numerada, com cada item indicado por um quadrado. 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 (logoDeitado.png) foi utilizada para o logotipo da livraria exibido no canto superior esquerdo da página. As cores utilizadas foram: Fundo - #006600, Texto - #FFCC00, Link - #FFFFFF e Link Visitado - #CCCCCC. [2 pontos]
Fig. 1 – Página do Site da livraria Rex Libris
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 livraria, 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, imgLogo, imgEsquerda, imgDireita 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. [2 pontos]

Cor de fundo #006600, cor de texto #FFCC00