LICENCIATURA EM ENG INFORMTICA TECNOLOGIAS WEB INTRODUO S TECNOLOGIAS MULTIMDIA

FICHA DE TRABALHO N 9 HTML5 SITE LAYOUT

AUDIO/VIDEO

1. Utilizando o Dreamweaver crie uma pgina html com aspecto da figura N1 o qual dever recorrer s novas tags do HTML5 para criao do respectivo layouts, nomeadamente: nav header section article footer

Estruture o documento HTML e tenha em considerao que: A pgina contem a imagem de fundo bg.jpg A zona onde aparece o titulo tem uma imagem de fundo caixa.jpg A ligao do menu seleccionada dever ter um bordo inferior As cores utilizadas so: o o o o Cor geral texto: #5a5143 Cor do tiulo Tecnologias Web: #1c5f75 Cor do titulo h2 Audio e Video HTML5 - #251f1b Cor dos ttulos h3 dos artigos Video/Audio... - #504842

Note que cada artigo constitudo pela imagem/vdeo/udio e respectivo texto direita, logo, a pgina apresentada na figura 1 contm 3 artigos com as mesmas caractersticas. No primeiro artigo, ao lado esquerdo poder ser apresentado o vdeo video1.mp4. No segundo artigo, apenas apresentada uma imagem e a possibilidade de ouvir o udio audio1.pm3. E por fim, no terceiro artigo, apresentada apenas uma imagem do lado esquerdo. As imagens disponveis para elaborao do layout encontram-se disponveis no moodle.
~1~

LICENCIATURA EM ENG INFORMTICA TECNOLOGIAS WEB INTRODUO S TECNOLOGIAS MULTIMDIA

Figura 1 - Pgina HTML5

~2~