Você está na página 1de 4

160945 Agrupamento de Escolas de Esgueira Direo Regional de Educao do Centro 401456 Escola Secundria Dr.

Jaime de Magalhes Lima

Curso de Educao e Formao de Adultos Tcnico de Informtica Sistemas - Formao Tecnolgica


UFCD 0792 Criao de pginas Web em Hipertexto

Ficha de Trabalho 9
INTRODUO:

possvel dividir a nossa pgina em vrias pginas distintas, isto , vrias pginas a serem mostradas ao utilizador em simultneo, sem que este se aperceba disso. Com a ajuda dos frames possvel dividir a pgina, como se de uma tabela com clulas independentes se tratasse. A tag responsvel pela insero de frames a <frameset> e deve ser inserida aps a tag </head>e antes da tag <body>. Nesta tag, define-se o nmero de frames que sero adicionados pgina. Cada um deles ser ento precedido da tag <frame>. Aps a declarao dos frames, a tag <frameset> tem de ser fechada </frameset>. Atributos aceites pela tag <frameset>: rows atributo da tag frameset que define frames em forma de linha cols atributo da tag frameset que define frames em forma de coluna Atributos aceites pela tag <frame>: name atributo da tag frame para atribuir um nome ao frame scrolling atributo da tag frame que permite visualizar (ou no) a barra de movimento horizontal/vertical (scrolling) noresize atributo da tag frame que permite ao utilizador alterar (ou no) o tamanho dos frames frameborder atributo da tag frame para mostrar ou omitir a borda da frame bordercolor atributo da tag frame para alterar a cor da borda da frame marginwidth atributo da tag frame para definir o valor em pixis (px) da margem lateral marginheigth atributo da tag frame para definir o valor em pixis (px) da margem superior

UFCD-0792-Criao de pginas Web em Hipertexto

Pgina 1 de 4

Escola Secundria Dr. Jaime Magalhes Lima

EXEMPLOS: Exemplo 1: Para este exemplo, foi necessrio criar 3 pginas. Duas para as frames e uma para a pgina principal (index.html) para chamar as restantes. Para esse efeito, as pginas frame1.html e frame2.html encontram-se no mesmo diretrio da ndex.html

()index.html </head> <frameset cols="15%,85%> <frame src= frame1.html name=esquerda> <frame src= frame2.html name=direita> </frameset> <body> () Exemplo 2: Neste caso, foram definidas trs frames em linha que so chamados pela pgina ndex.html. A introduo de um asterisco (*) em vez de um valor em vez de um valor em percentagem para a segunda frame, indica que este ter o tamanho eu faltar para atingir os 100% ( no caso concreto, 100%-40%-25% = 35%)

()index.html </head> <frameset rows="40%,*,25%"> <frame src= "frame1c.html" name="cima"scrolling="no"> <frame src= "frame2m.html" name="meio" scrolling="yes"> <frame src= "frame3b.html" name="baixo" noresize scrolling="no"> </frameset> <body> ()

UFCD-0792-Criao de pginas Web em Hipertexto

Pgina 2 de 4

Escola Secundria Dr. Jaime Magalhes Lima

EXERCCIOS: Utilizando a aplicao Notepad ++, crie uma pgina web em que: 1. O Ttulo da Pgina seja EXERC CIO 9 FRAMES 2. A pgina dever ser constituda por 4 (quatro frames) conforme figura seguinte.
Frame logo Frame titulo

Frame info

Frame menu

3. As frames logo e titulo devem ter uma altura de 100 px. As outras, a restante altura. As frames logo e menu devem ter a largura de 20% e 80%, respetivamente. 4. Os limites das frames logo, ttulo e menu devem ser fixos. Deve ser permitido scrolling auto na frame info 5. Deve existir um limite (border) igual a 2. 6. Na frame titulo deve existir uma pgina com a seguinte inscrio ESTAES DO ANO ( com formatao a seu gosto)

UFCD-0792-Criao de pginas Web em Hipertexto

Pgina 3 de 4

Escola Secundria Dr. Jaime Magalhes Lima 7. Na frame logo deve existir uma pgina com uma pequena imagem relativa s estaes do ano. ( com formatao a seu gosto) 8. Na frame menu deve existir uma pgina com uma lista no ordenada com as seguintes palavras: Primavera Vero Outono Inverno ( com formatao a seu gosto) 9. Na frame info deve surgir uma pgina, a seu gosto, relativa Primavera 10.Grave o ficheiro com o nome exerc9HTML (em formato .htm) 11.Visualize a pgina num browser disponvel. 12.Envie os ficheiros, para o local apropriado na plataforma moodle. Bom Trabalho!

UFCD-0792-Criao de pginas Web em Hipertexto

Pgina 4 de 4