11
JML - ESDAH 2009/2010 1 Módulo 3 Criação de páginas Web Criação de páginas Web Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010 Utilização de molduras (frames) na criação de páginas Web. Resolução de uma ficha de trabalho.

JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Embed Size (px)

Citation preview

Page 1: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

JML - ESDAH 2009/2010

1

Módulo 3

Criação de páginas Web Criação de páginas Web

Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Utilização de molduras (frames) na criação de páginas Web.

Resolução de uma ficha de trabalho.

Page 2: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Criação de páginas Web

2

Nas aulas anteriores …

Page 3: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

03-01-08

Page 4: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

03-01-08

Page 5: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

5

No final desta aula deves saber:

Conhecer o conceito e utilidade das frames

Criar página com frames utilizando os modelos existentes Associar página existente à frame Associar nova página à frame

Alterar propriedades das frames

Gravar página com frames

Conhecer as vantagens e desvantagens da utilização das frames

Criação de páginas Web

Page 6: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Utilização de molduras (frames)

6

Criação de página com frames

Uma página com frames consiste em …

… uma página Web dividida em partes distintas …

… e cada parte apresenta uma página Web diferente.

Frames são uma outra forma de apresentar páginas web.

Page 7: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Associar página a cada frame

Seleccionar o esquema da página

Ficheiro Novo Mais modelos de páginas Páginas com frames

Utilização de molduras (frames)

7

Criação de página com frames

demonstração

1

2

3

Page 8: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Alterar propriedades das frames

Utilização de molduras (frames)

8

Alteração das propriedades das frames

demonstração

4

Page 9: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Gravar página com frames

Utilização de molduras (frames)

9

Gravação de página com frames

demonstração

5

Página que contém a estrutura das frames

Página A

Página C

Página B

Quantas páginas terão de ser gravadas?

Page 10: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

DesvantagensVantagens

Utilização de molduras (frames)

10

Vantagens e desvantagens da utilização de frames

Partes da página sempre visíveis

Carregamento das páginas mais rápido

Codificação e manutenção fácil

Problemas de funcionamento com:

Impressões da página

Botões Avançar e Retroceder

Favoritos (Bookmarks)

Alguns browsers (muito antigos!) não suportam frames

Page 11: JML - ESDAH 2009/2010 1 Criação de páginas Web Módulo 3 Criação de páginas Web Joaquim Lopes Escola secundário Dão Afonso Henriques Vila das Aves 2009/2010

Revisões da matéria dada

Ficha de trabalho

Utilização de molduras (frames)

Na próxima aula ...

Nesta aula vimos ...

11