Disciplina: ICORLI :

2009/2010

Exerccio 15 - Estrutura em Frames

O objectivo das aulas de hoje construir um site com FRAMES, ou seja, criar uma seja pgina inicial dividida noutras 3 subpginas com funes distintas tal como mostra o outras pginas seguinte layout:

Este site pretende ser um curso de HTML e cada vez que clicares num exerccio na pgina menu (ao lado) este deve abrir na pgina principal, onde diz:" , diz:"CURSO DE HTML". 1. A primeira coisa IMPORTANTE a fazer criar uma pasta com o nome FRAMES e l dentro colocar todos os exemplos de HTML que foram feitos ao longo d aulas de das ICORLI, numerados de 01 a 1 (exemplo01.htm, exemplo02.htm, ...,exemplo15.htm). umerados 15 , ...,exemplo1

Unio Europeia Fundo Social Europeu

Disciplina: ICORLI
2009/2010

2. Vais criar a pgina menu.htm. Abre o bloco de notas e digita o seguinte cdigo:

2.1. No cdigo anterior onde est Exerccio1.htm, Exerccio2.htm e Exerccio3.htm altera para exemplo01.htm, exemplo02.htm, exemplo03.htm, e insere mais linhas de cdigo iguais at exemplo15.htm. 2.2. Onde surge apenas o texto Exerccio 1, 2 e 3, deves manter e acrescentar Exerccio 4, Exerccio 5,...at Exerccio 15. 2.3. Verifica se a pgina menu est com o aspecto que pretendes e guarda-a com o nome menu.htm na pasta FRAMES.

Unio Europeia Fundo Social Europeu

Disciplina: ICORLI
2009/2010

3. Vais agora criar a pgina rodape.html (sem acento). Abre o bloco de notas e digita o seguinte cdigo:

3.1. Insere uma tag no cdigo depois de </center> com o seguinte cdigo:

<Marquee> O teu nome </Marquee>.

3.2. Guarda este cdigo com o nome rodape.htm na pasta FRAMES. 3.3 Procura na Web um tutorial de HTML e coloca na pgina menu o cdigo <a href="nome do site">Tutorial</a> que seja uma hiperligao para esse site.

Unio Europeia Fundo Social Europeu

Disciplina: ICORLI
2009/2010

4. Vais agora criar a pgina principal.htm (sem acento). Abre o bloco de notas e digita o seguinte cdigo:

4.1. Pesquisa na Web a imagem HTML que est por baixo de "CURSO DE HTML" e guarda-a na pasta FRAMES com o nome html.jpg ( IMPORTANTE ela estar na mesma pasta das pginas htm). 4.2. Depois insere-a no cdigo anterior de modo a que esta aparea na pgina principal centrada tal como est. O cdigo : <CENTER><IMG SCR="html.jpg"></CENTER> 4.3. Guarda o cdigo com o nome principal.htm na pasta FRAMES.

Unio Europeia Fundo Social Europeu

Disciplina: ICORLI
2009/2010

5. Deves agora criar a pgina da estrutura frame (layout inicial) e para tal vais criar uma pgina com o nome index.htm e guard-la dento da pasta FRAMES. Abre o bloco de notas e digita o seguinte cdigo:

NOTA! Com este pequeno cdigo vais dividir a tua pgina nos 3 frames (menu, principal e rodape) com as seguintes caractersticas:

Poders eventualmente alterar o valor destas percentagens no cdigo e ver quais as alteraes que produz em termos de layout.

5.1. O que achas que fazem os atributos FRAMESET, FRAMEBORDER="yes" e SCROLLING="no" 5.2 Guarda este cdigo com o nome index.htm na pasta FRAMES.

Unio Europeia Fundo Social Europeu

Disciplina: ICORLI
2009/2010

6. DESAFIO! Para avaliao... Copia a pasta FRAMES para outro local qualquer (Documentos, ambiente de trabalho,...) e abre com o browser a pgina index.htm e verifica se tudo continua a funcionar de forma correcta! Se assim for, sinal que o teu site est pronto a ser publicado na WEB. Deste modo apenas precisamos de um espao na Web e de usar um servidor de FTP para o publicar, algo que aprenderemos no prximo perodo! Agora vais realizar um site para avaliao sobre o tema que a professora vai distribuir.

ANTES DE TUDO DEVES! Abrir o blog http://cefaradas.blogspot.com e na parte de ICORLI deves fazer download dos Manuais 1 e 2 para a tua pasta de ICORLI. Estes alm de te permitirem estudar para o teste, so necessrios para construres o site sobre a disciplina de ICORLI. Pois deles que vais retirar toda a informao necessria para construres o teu site sobre a disciplina.

Unio Europeia Fundo Social Europeu