Exercicio pratica 20150511 - IF...
Transcript of Exercicio pratica 20150511 - IF...
[
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