TECNOLOGIAS DA INFORMAÇÃO E COMUNICAÇÃO

CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE

Formatação e melhoramento da apresentação das páginas Web

TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Adição de estilos

A componente texto num sítio assume especial importância, já que

normalmente a maior parte da informação que aí se encontra assume esta forma.

Quer a dimensão do texto quer a própria fonte devem contribuir para a sua
legibilidade.

Na construção do texto, deve-se ter em conta que a utilização de tipos de letra
comuns (Times NewRoman, Arial, Verdana ou Tahoma) é a melhor forma de
garantir que o sítio que se está a criar seja visto com o formato que se pretende.

Em cada estilo existente ou criado pelo utilizador poderão ser definidos
parâmetros que têm que ver com tipo e cor de letra, alinhamentos, limites e
sombreados de parágrafos, tipos de marca e numeração a utilizar, ou ainda
posicionamento de gráficos e tabelas.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Adição de estilos

Os estilos permitem a construção

de formatos de páginas coerentes ao
longo de todo o sítio, sem que nos
tenhamos de preocupar em decorar o
tipo de letra, tamanho e cor que
estamos a utilizar para os títulos e
subtítulos, ou que tipos de numeração
decidimos colocar em listas
numeradas, por exemplo.

Para utilizar um estilo bastará seleccionar a

palavra ou parágrafo ao qual pretendemos aplicar
o estilo e, através da Barra de formatação,
definir o estilo desejado.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Adição de estilos – Folhas de estilo

As folhas de estilos ou CSS (Cascade Style

Sheets) permitem a separação física entre o
desenho de uma página ou de um conjunto de
páginas e o seu conteúdo.

Essa tecnologia traduz-se na aplicação a

uma página Web de um conjunto de regras e
características que definem a forma como esta se
apresenta, coexistindo estas regras e
características no mesmo ficheiro, ou num ficheiro
à parte.

Graças a esta característica, é possível

automatizar e tornar mais homogénea a
apresentação de um sítio.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Formatação

Tamanho de página.
Quando se cria uma página Web, estuda-
se e aplica-se um determinado layout, tendo em
mente a forma como os diferentes elementos
vão interagir em cada página.

Existe um conjunto de resoluções de ecrã

que são aquelas para os quais normalmente se
trabalha e que limitam a forma como a página
Web se vai apresentar.

O FrontPage permite que se faça a

visualização nos formatos mais comuns, Através da sequência do menu Ver > Tamanho de
possibilitando o estudo das melhores página, é possível verificar a aparência da página
combinações para cada formato diferente. com cada uma das resoluções mais comuns.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Formatação

Temas Através da sequência do menu

Formatar > Tema… ou do
Os temas apresentam-se como uma
painel de tarefas é
ferramenta muito simples para, de uma forma extremamente fácil aplicar um
rápida, implementar um conjunto de tema à(s) página(s) que se
definições para o texto, adicionar esquemas encontra(m) correntemente
de cor aos diferentes elementos, permitindo aberta(s), bastando para isso
ainda a determinação das imagens a serem seleccionar o tema pretendido

utilizadas na representação dos diferentes de uma longa lista apresentada.

botões que uma página Web contém

normalmente.

É possível, tal como nos estilos, utilizar um

modelo predefinido, modificar um tema ou criar
de raiz um novo tema.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Formatação

Tabelas

As tabelas têm como objectivo a

melhoria da organização do espaço
existente numa página Web.

Se pretendermos, por exemplo, ter

uma página com nomes de entidades e
respectivos endereços de e-mail, será
melhor criar uma tabela com duas
colunas, em que a coluna da esquerda
conterá o nome da entidade e a da direita
o correspondente e-mail.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Formatação

Tabelas

Através da Barra de ferramenta Tabelas, é

possível desenhar, alterar, inserir, unir ou
separar células, definir alinhamentos e
cores, assim como aplicar esquemas de
formatação automática de tabela já definidos,
de uma forma muito similar ao funcionamento
em Word.

É possível determinar todo o conjunto de

propriedades de uma tabela através da janela
de diálogo apresentada quando se executa a
sequência Tabela > Propriedades da tabela.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Formatação

Marcas e numeração

Sempre que exista informação do

tipo texto que se pretenda que surja
como uma listagem, ordenada ou não,
pode-se recorrer a uma lista de
marcas ou numeração.

O seu funcionamento é em tudo

semelhante ao que existe no Word,
sendo acessível através da Barra de
ferramentas de Formatação ou da
sequência do menu Formatar > Marcas
e numeração.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Inserção de imagens

É costume referir que uma boa imagem vale por mil palavras e, também no
caso da criação de páginas Web, continua esta afirmação a ser verdadeira.

As imagens vão-se utilizar normalmente como complemento do texto (apesar

de em alguma situações surgirem como substituição), contribuindo para ilustrar a
informação contida nas páginas.

Assim como deve existir grande preocupação nos conteúdos e na forma do

texto que se apresenta em cada página (boa legibilidade, ausência de erros,…),
também no capítulo das imagens deverá existir o cuidado de se optar por aquelas
que aliem a qualidade ao bom desempenho, no que respeita aos tempos de
carregamento das páginas.

Quanto mais imagens e de mais alta qualidade uma página tiver, maior será o
tempo de carregamento da página.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Inserção de imagens

É costume referir que uma boa imagem vale por mil palavras e, também no
caso da criação de páginas Web, continua esta afirmação a ser verdadeira.

As imagens vão-se utilizar normalmente como complemento do texto (apesar

de em alguma situações surgirem como substituição), contribuindo para ilustrar a
informação contida nas páginas.

Assim como deve existir grande preocupação nos conteúdos e na forma do

texto que se apresenta em cada página (boa legibilidade, ausência de erros,…),
também no capítulo das imagens deverá existir o cuidado de se optar por aquelas
que aliem a qualidade ao bom desempenho no que respeita aos tempos de
carregamento das páginas.

Quanto mais imagens e de mais alta qualidade uma página tiver, maior será o
tempo de carregamento da página.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Inserção de imagens

Para inserir e manipular imagens, o FrontPage disponibiliza uma barra específica. Através da sequência do
menu Ver > Barras de ferramentas > Imagens, acedemos à barra que a seguir se apresenta.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Adição de som de fundo

Tal como na questão da imagem,

em que um número excessivo pode
tornar um sítio muito “pesado” e
confuso, também no som é conveniente
evitar sons de fundo que se tornem
muito repetitivos e que contribuam
para tempos de carregamento
elevados.

Esta funcionalidade permite que um

utilizador ouça o som definido sempre
que entra na ou nas páginas em que foi
definido, e consegue-se através da
sequência do menu Formatar > Fundo.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas
Web
Criação de formulários

No dia-a-dia as pessoas utilizam muitas vezes

formulários nas mais variadas situações, fornecendo
dados que são recolhidos e aplicados nas mais variadas
circunstâncias.

Desde a folha de inscrição para a escola onde se

está a estudar no presente ano lectivo, até ao
preenchimento dos dados necessários para a assinatura
do telemóvel, tudo é passível de ser preenchido e
enviado numa página Internet.

Os formulários vão facilitar a simplificação na

recolha e envio de dados, permitindo que o gestor do
sítio (webmaster) fique a conhecer melhor os seus
utilizadores a nível de gostos ou necessidades.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Criação de formulários

Como em todas as situações em que

determinado conjunto de operações não é tão
acessível, ou em que a dificuldade aumenta, o
FrontPage fornece um Assistente (neste caso
de páginas de formulários), que vai guiar o
utilizador menos experiente na construção de
um formulário simples.

Para activar o Assistente de páginas de

formulários, utiliza-se o painel de tarefas,
selecciona-se Mais modelos de página e, na
janela de modelos de página, selecciona-se,
no separador geral, Assistente de páginas de
formulário.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Utilização de frames (molduras)
É possível, em html, fazer uma divisão da
janela do browser em várias áreas, denominadas
frames, e colocar diferentes elementos em cada área.

Enquanto que no caso das tabelas estamos a

trabalhar basicamente dentro do mesmo ficheiro html,
nas frames estamos a trabalhar com vários ficheiros
em simultâneo

Em cada uma das áreas que aparecem

poderemos proceder ao carregamento de uma página
diferente.

Para criar páginas com frames, o FrontPage

disponibiliza um conjunto de modelos que se
poderão utilizar a partir do painel de tarefas na
opção Nova página.
TIC PRO CRIAÇÃO DE PÁGINAS WEB - FRONTPAGE
Formatação e melhoramento da apresentação das páginas Web
Utilização de frames (molduras)

Escolhendo a opção Mais modelos de

página…, teremos acesso a um conjunto de
modelos de frame no separador Páginas
com frames.

Em qualquer altura, através da escolha

do Menu Frames, será possível alterar as
propriedades de cada frame, ou mesmo a
configuração geral da página.