[

INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO SERTÃO PERNAMBUCANO

CAMPUS: PETROLINA CURSO: LICENCIATURA EM COMPUTAÇÃO

MÓDULO: 6º TURNO: MANHÃ DISC.: PROGRAMAÇÃO WEB PROFESSOR: NÍCOLAS TRIGO

ATIVIDADE PRÁTICA DATA: 11/5/2015

NOMES:

1. Prepare um website, utilizando códigos HTML e CSS, que deverá ter os seguintes arquivos com seus

respectivos subtítulos:

� index.html – <Este não tem subtítulo>

� listanoticias.html – NOTÍCIAS

� noticia.html – NOTÍCIAS <Acrescentando

abaixo o título da notícia específica>

� busca.html – BUSCA POR NOTICIAS

� mapa.html – MAPA DO SITE

� estilo.css – todo código CSS

2. Siga as dimensões estabelecidas em cada área da estrutura.

� O título de CABEÇALHO deve ter o tamanho 30pt, fonte Arial e de cor “#FFFFFF”.

� As cores de fundo de CABEÇALHO, MENU, CONTEÚDO, DESTAQUES e RODAPÉ são

“#00468E”, “#EEEEEE”, “#FFFFFF”, “#EEEEEE” e “#00468E”, respectivamente.

� Os subtítulos de CONTEÚDO devem ter o tamanho 20pt, fonte Arial e cor “#00468E”.

� Os textos comuns de CONTEÚDO devem ter o tamanho 10pt, fonte Arial, cor “#000000”

alinhamento justificado.

� O texto de RODAPÉ deve ter o tamanho 10pt, fonte Arial e cor “#FFFFFF”.

� Os links de MENU, CONTEÚDO e DESTAQUES devem ter o tamanho 10pt, fonte Arial e cores:

“#00468E” (padrão e visitado) e “#888888” (mouse sobrevoando e ativo).

� No formulário do arquivo “busca.html”, coloque:

<FORM NAME=”buscarNoticia” METHOD=”GET” ACTION=”busca.html”>

� Os campos do formulário “buscarNoticia” do arquivo “busca.html” devem ser do tipo text

<INPUT TYPE=”TEXT” ... >

� As fotos de CONTEÚDO devem flutuar à direita e com margem externa de 10px.

� O título no canto superior direito.

[

� Os links de MENU centralizados

� O título da notícia, junto com o nome do autor em negritos.

� Em “noticia.html”, colocar um <HR> após o subtítulo.

� Criar uma margem interna de 10px em CONTEÚDO e DESTAQUES.

Siga o visual estabelecido nos layouts propostos abaixo:

Boa Prova!

Prof. Nícolas Trigo