1. Crie um novo site Web, com o nome OMeuWebSite, em D:\, com a seguinte
estrutura:
Figura 1
2. As páginas apresentadas deverão ser gravadas nos seguintes ficheiros, tal como
indicado a seguir:
3. Reproduza as páginas o mais fielmente possível. Utilize o tipo de letra Comic Sans
Ms e tons de azul.
3.1. Para a formatação da página índex.htm (Figura 2) deverá seguir as indicações
das alíneas que se seguem:
a) Insira o título da página como na figura 2.
b) Coloque uma linha horizontal a separar o título do corpo da página.
c) Insira quatro botões interactivos coluna fixa 1, com hiperligação para:
A Minha Escola, Os Meus Hobbies, Os Meus Links e Descontraindo.
d) Digite E-Mail e insira uma imagem animada adequada. A imagem deve estar
associada ao seu endereço de correio electrónico.
e) Coloque um painel rolante com o texto “Bem - Vindos!!!”, com opções a
seu gosto.
f) Coloque uma imagem animada da
bandeira de Portugal.
g) Crie um pequeno texto sobre si para
colocar ao lado da bandeira.
h) Coloque uma imagem no fundo.
i) Guarde a página. Todos os ficheiros
devem ser guardados na pasta images.
Figura 2
Figura 3
3.2. Para a formatação da página a_minha_escola.htm (Figura 3) deverá seguir as
indicações das alíneas que se seguem:
a) Insira o título da página como na figura 3.
b) Coloque uma linha horizontal a separar o título do corpo da página.
c) Construa uma tabela com a mesma estrutura que a apresentada,
completando o preenchimento dos campos.
d) Na célula da página da escola deve colocar o endereço do site e respectiva
hiperligação.
e) Coloque um clipart e linha no fim da tabela.
f) Seleccione a tabela e coloque-a sem limites.
g) Associe ao desenho da casa uma hiperligação à página índex.htm.
h) Insira um fundo na página.
i) Guarde a página. Todos os ficheiros devem ser guardados na pasta images.
Figura 5
b) Coloque uma linha horizontal a separar o título do corpo da página.
c) Construa e formate uma tabela como o apresentado na figura 5. preencha os
campos com alguns dados sobre motores de pesquisa, criando hiperligações
para os mesmos, como mostra a figura 5.
d) Insira um clipart a seu gosto sobre o tema, no lado direito da tabela.
e) A seguir a Outros Sites de Interesse deve colocar endereços com
hiperligações para os sites educativos do seu interesse.
f) Coloque o desenho Casa.jpg no fundo da página e associe-lhe uma
hiperligação para a página índex.htm.
g) Insira o ficheiro Fundo.jpg como fundo da página.
h) Guarde a página. Todos os ficheiros de imagem devem ser guardados na
pasta images.
3.5. Para a formatação da página Descontraindo.htm (Figura 6) deverá seguir as
indicações das alíneas que se seguem:
a) Insira o título da página como na figura 6.
b) Coloque uma linha horizontal a separar o titulo do corpo da página.
c) Por cima da linha horizontal coloque uma sequência de 9 imagens com
smileys sorridentes, aos quais deve acrescentar o efeito de, ao passar o rato
por cima, as imagens trocarem por smileys tristes.
d) Construa e formate uma tabela com a mesma estrutura que a apresentada e
628 pixels de largura, completando o
preenchimento dos campos com os
dados apresentados e acrescentando
outros do seu agrado.
e) Insira um clipart semelhante ao
apresentado na tabela.
f) Coloque o desenho Casa.jpg no fundo
da página e associe-lhe uma
hiperligação para a página índex.htm.
g) Insira o ficheiro Fundo.jpg como fundo
da página. Figura 6
h) Guarde a página. Todos os ficheiros de imagem devem ser guardados na
pasta images.
i) Visualize a página com o browser e teste as hiperligações.
4. Melhore o aspecto gráfico do seu site, incluindo Gifs Animados e outros efeitos de
animação.