apresentação frontpage 10º9
DESCRIPTION
TRANSCRIPT
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
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
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
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
FrontPage - Concorrência
Outros editores do tipo WYSIWYG:
Macromedia Dreamweaver
Adobe GoLive
Etc. (http://en.wikipedia.org/wiki/list_of_html_editors)
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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?
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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:
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Página
principal
1.ª página
2.ª página
3.ª página
4.ª página
5.ª página
6.ª página
7.ª página
Ano Lectivo 2011/2012TIC - 10º
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;
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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:
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Ano Lectivo 2011/2012TIC - 10º
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
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012
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
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012
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:
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
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
TIC - 10º Ano Lectivo 2011/2012
Páginas Web – ConteúdosUma página Web pode ser composta por:
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
Textos
Imagens
etc
etc
etc
etc
etc
etc
Sons
linksVídeos
TIC - 10º Ano Lectivo 2011/2012
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
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012
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.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012
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.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012
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”.
Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
TIC - 10º Ano Lectivo 2011/2012