Apresentação frontpage 10º9

Criação de Páginas Web

Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage

Escola Secundária João de Deus Curso Profissional Técnico de Óptica Ocular

TIC – 10ºAno Lectivo – 2011/2012

Módulo 3 - Edição Web

Páginas e Sítios Web

Uma página Web é… …um documento multimédia que contém hiperligações.

Um conjunto de páginas Web é……um sítio (site) Web.

O conjunto dos sítios (sites) Web constitui……a Web ou World Wide Web (WWW) que não é mais do que um conjunto de documentos hipermédia unidos pelas hiperligações que permitem a navegação com um simples clique do rato.

Prof. Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage

TIC - 10º Ano Lectivo 2011/2012

Páginas WebO que há dentro do documento criado como página Web?

Linguagem de programação: HTML (Hypertext Markup Language) – 1993 outras.

Como é criada uma Página Web?

Editores de Páginas: Editores de texto normal (Ex: Bloco de notas, word, etc.) WYSIWYG (what you see is what you get)

Ex: Microsoft Frontpage 2003


Ano Lectivo 2011/2012TIC - 10º

FrontPage - HistóriaVersão 1.0 - 1995:

Criada e comercializada pela Vermeer Technologies.

Versão 1.1 - 1996: a Microsoft compra a Vermmer Technologies para poder comercializar o

FrontPage juntamente com os seus produtos.

Versão 6 ou FrontPage 2003 - 2003: após várias versões lançadas esta é a que é utilizada na actualidade sendo

a que vai ser leccionada nas aulas de Técnicas de Multimédia.

Futuro do FrontPage: No Office 2007 o Microsoft FrontPage será dividido em 2 novas aplicações:

Microsoft Office Share Point Designer 2007 Microsoft Expression Web Designer



FrontPage – Vantagens e DesvantagensPrincipal vantagem:

Fácil e intuitivo: Qualquer pessoa conseguirá de forma fácil criar uma página

web com um aspecto profissional e sem necessidade de aprender a linguagem HTML.

Principal desvantagem: Código com “lixo”:

Cria código desnecessário aumentando o tempo da página carregar e é possível que a informação surja com a formatação incorrecta em alguns browsers.



FrontPage - Concorrência

Outros editores do tipo WYSIWYG:

Macromedia Dreamweaver

Adobe GoLive

Etc. (http://en.wikipedia.org/wiki/list_of_html_editors)



Planeamento de um sítio WebO planeamento da página ou do sítio é a primeira tarefa a executar antes de utilizar o FrontPage.

Para construir uma página devem ser feitas as seguintes perguntas:

qual o objectivo da página?a quem se dirige?que informação deve conter?que recursos gráficos são necessários?que estilo de página é o mais adequado?



Planeamento de um sítio WebOutro aspecto importante é o arranjo gráfico do sítio, o qual deve facilitar a navegação entre as páginas, nomeadamente através de:

ícones claros e consistentes;

identificação esquemática dos menus;

botões de navegação que permitam voltar à página inicial ou ir até qualquer outra página do sítio;

títulos, subtítulos, cabeçalhos, rodapés e links bem visíveis.



Estrutura do sítio - HierarquiaDepois de definir o conteúdo do sítio, é necessário organizar a informação a incluir nas páginas. Essa tarefa inclui a divisão da informação em unidades a incluir em cada página, o estabelecimento de uma hierarquia entre esses blocos de informação e, finalmente, a determinação das ligações entre esses blocos de informação. Eis um exemplo:


Página

principal

1.ª página

2.ª página

3.ª página

4.ª página

5.ª página

6.ª página

7.ª página


Consistência das páginas e do sítioOutro dos aspectos a ter em conta na construção de sítios Web é o da sua consistência, isto é, o de uma identidade visual própria que se deve manter ao longo de todas as páginas para que o leitor encontre a informação que deseja utilizando sempre os mesmos procedimentos. Esta identidade visual é conseguida através de:

Utilização de molduras (frames) ou tabelas que dividem a página em áreas para colocação de informação específica;

Localização de títulos em locais estratégicos;

Disposição e organização dos menus, dos cabeçalhos e rodapés;



Consistência das páginas e do sítio Ligações e barras de ferramentas sempre nos mesmos locais;

Código de cores idêntico em todas as páginas;

Formatação de caracteres semelhante;

Modelos de botões idênticos, etc.

Esta identidade gráfica ajudará o leitor na navegação e no acesso rápido à informação.



Consistência das páginas e do sítioNa definição do aspecto visual do sítio Web, a informação e os objectos que nela forem inseridos deverão estar organizados e dispostos em locais estratégicos que são importantes para a leitura das páginas e que lhe conferem uma identidade própria. Um dos procedimentos que se deve adoptar é a utilização de molduras ou tabelas que estruturam a página em áreas de informação separadas, como pode ser visto nos exemplos seguintes:



Site Web – Fases de construçãoDefinição do Tema

Procurar e organizar a informação e colocar “no papel”

Criar a estrutura do site “no papel”

Construção do site

Divulgação do site / Publicação

Manutenção



Site Web – EstruturaVamos supor que estamos a desenvolver um site de uma empresa que comercializa determinados produtos e serviços:

Secções do Site - Informação geral - Contactos

- Produtos - Serviços

- Links - Etc

Diagrama do Site



Site Web – EstruturaEsquema de uma páginaDeve fazer-se um esboço no papel sobre o esquema que irá ser utilizado em todas as páginas do site a desenvolver.

Ex:


Título da página

Separador

Área de inserção de texto

Cor do fundo

Barra de botões de menus

Caixa para imagens

Rodapé para inserção de links ou outras informações


Páginas Web – ConteúdosUma página Web pode ser composta por:


Textos

Imagens

etc

etc

etc

etc

etc

etc

Sons

linksVídeos


Páginas Web – “Truques e Dicas”Começar por desenhar a estrutura de uma página e quando concluída criar várias cópias do ficheiro com nomes diferentes.

Não utilizar espaços no nome das páginas e/ou das imagens e outros ficheiros.

Evitar a utilização de acentos, caracteres especiais e do “c” cedilhado.

Ter atenção à utilização de letras maiúsculas e minúsculas para os nomes dos ficheiros. Escolher de preferência letras minúsculas



Páginas Web – “Truques e Dicas”A extensão dos ficheiros que representam páginas web são sempre *.html ou *.htm. Ter em atenção e gravar sempre com uma destas extensões, de preferência utilizar sempre a mesma no mesmo site!

A primeira página de cada site tem sempre o nome index.html

Atenção ao tamanho de imagens, vídeos, sons, etc.Imagens: GIF, JPG, PNG.Vídeos: MPEG, AVI(Compressão), MOV.Sons: MIDI, MP3.

Colocar todos os ficheiros do site na mesma pasta, podendo esta ter sub-pastas.



Páginas Web – “Truques e Dicas”Utilizar tabelas ou molduras (frames) de forma a estruturar melhor a página.

Utilizar de preferência as fontes:Arial;Verdana;Times New Roman.

Tamanhos normalmente utilizados para fontes: 2 (10pontos) – Texto; 3 (12pontos) – Subtítulos; 4 (14pontos) – Títulos.



Páginas Web – AlojamentoExistem vários servidores na Internet, uns gratuitos outros pagos, onde se pode alojar um site.

Servidores Portugueses gratuitos:http://homepages.sapo.pt/http://planeta.clix.pt/http://pagpessoais.iol.pt

Para encontrar outros servidores basta fazer uma pesquisa num motor de busca por “alojamento web” ou caso queiramos obter mais resultados fazer uma procura através dos termos em inglês “web hosting”.



Apresentação frontpage 10º9

Documents

Transcript of Apresentação frontpage 10º9