Este documento fornece instruções para a criação de um site sobre carros e notícias utilizando HTML e CSS. O aluno deve criar várias páginas e aplicar estilos, tabelas, imagens, links e scripts para replicar o layout fornecido. O site deve incluir informações sobre categorias, uma seção sobre a empresa, galerias de fotos e links interativos entre páginas.
1. 1/3
Cursos Profissionais
Prova de Avaliação
– módulo em atraso
Tecnologias de Informação e Comunicação
Módulo: 3
Criação de
páginas web
Ano Lectivo: 2012/13 Época: set/out
Modalidade: Prova prática Duração da Prova: 90 minutos
CONSIDERAÇÕES GERAIS
Deverá ler com atenção todas as questões antes de responder.
Ao tempo de duração da prova não é concedido tolerância de tempo.
Todo o material necessário à construção do Web Site encontra-se na pasta de nome
Prova_TIC_M3.
O aspeto final do Web Site deverá ser similar às imagens que se encontram no
ficheiro printscreen.doc
Crie um novo Web site com o nome StandVirtual_nome_apelido, na pas ta “Os meus Wesites”.
1. Crie as páginas do site de acordo com a estrutura apresentada na fig1.
Figura1
2. Crie uma folha de estilos em cascata externa (CSS) com o nome Néon1, a partir do modelo Néon. Aplique
a todas as páginas do Site uma ligação ao estilo CSS que criou (Néon1).
3. Insira o esquema de tabelas: canto, cabeçalho, esquerda e corpo, à página index.htm. Altere a altura do
cabeçalho/linha para 154 pixels. A largura da 1ª coluna deverá ser de 178 pixels.
4. Insira a imagem Carocha.PNG no canto esquerdo do esquema da tabela. Aplique o seguinte efeito
DHTML à imagem: quando o utilizador passa o rato pela imagem deverá aparecer a imagem -
slogan.PNG.
5. No cabeçalho da página Index insira um painel rolante com o seguinte texto: “STANDVIRTUAL - Aqui tem
o que procura ;)”. Formate o fundo com a cor azul, altere o tipo de letra para Tahoma, tamanho 18 pt, cor
branco e estilo Negrito itálico. Defina uma altura de 130 pixels para o painel.
6. Na página índex.htm, na 1ª coluna digite o texto “Categorias”, “Carros” e “Notícias”, tal como se
encontram no ficheiro printscreen.doc.
2. a. Formate o texto categorias, com o tipo de letra Arial Rounded MT Bold, tamanho 14 pt, cor branco e
2/3
alinhamento centrado.
b. Os textos “Carros” e “Notícias” deverão estar evidenciados por marcas. Defina- os como
hiperligações, associando-os a cada uma das respectivas páginas.
7. Formate as ligações anteriores para activar efeitos para passagem com o rato, alterando o tipo de letra
para Tahoma, tamanho 18 pto e estilo negrito itálico e cor Hex={66,FF,33}.
8. Insira o texto “Quem somos” que se encontra no ficheiro textos.doc (página 2 ), no corpo da página.
Aplique ao título a cor Hex={CC,00,00}, tipo de letra Arial , tamanho 20 pto e sublinhado, o restante texto
deverá ficar a branco. Aplique aos parágrafos um avanço antes do texto de 8px.
9. Crie dois botões interactivos com os nomes IPO e Contactos na página índex.htm, no lado esquerdo e,
com as seguintes características:
a. Estilo: coluna entrelaçada 3;
b. Tipo de letra Verdana, tamanho 10 e negrito;
c. Cor original do tipo de letra – preta;
d. Cor temporária do tipo de letra – Verde;
e. Cor do tipo de letra clicando – vermelho;
f. Ligação, respectivamente às páginas IPO.htm e contactos.htm.
10. Na página Carros digite o texto Automóveis e uma tabela com 2 linhas e 2 colunas. Largura = 46 em
percentagem, alinhamento = centro, área de células =8, espaçamento entre células =6 e limites = 4.
11. Aplique um limite de cor HEX = {66,FF,33} a todas as células da tabela e um alinhamento centrado.
12. Insira a imagem e o calendário tal como é apresentado no ficheiro printscreen.
13. Insira a animação flash que se encontra na pasta e o texto associado.
14. Reproduza a página Notícias. Para organizar a informação deve utilizar uma tabela com 5 linhas e uma
coluna e as seguintes características: alinhamento – centro, Largura= 600 pixels e Altura = 500 pixels. A
tabela não deverá apresentar os limites. O texto (página 1) encontra-se no ficheiro “texto.doc”
15. Crie uma galeria de fotos na página “Notícias” com o esquema “apresentação de diapositivos” e,
crie uma legenda adequada para cada foto. Utilize três fotos.
16. No final da página, digite a palavra TOPO. Associe à palavra TOPO uma ligação para início da página
através de um Marcador.
17. Na página contactos insira o texto, que se encontra no ficheiro “textos.doc”, e associe uma hiperligação
de correio electrónico ao endereço de Email. Insira duas linhas horizontais de cor Hex={33,33,FF}, com
3 pixéis de altura tal como se encontra no printscren da página a cor do título e do link de email, é o
automático.
18. Na página IPO insira o texto, a barra e a imagem mapaportugal e, crie 1 ponto activo poligonial, na área
de Leiria com ligação à página LEIRIA.
19. Na página LEIRIA escreva o texto e insira as imagens tal como aparece na página printscreen.
a. Atracções turísticas (estilo= título1), Castelo e Estádio Municipal (estilo=título 4)
b. Imagens posicionadas como aparecem no printscreen.
Cotações