Apresentação frontpage 10º9

1.994 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.994
No SlideShare
0
A partir de incorporações
0
Número de incorporações
6
Ações
Compartilhamentos
0
Downloads
47
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Apresentação frontpage 10º9

  1. 1. 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 Criação de Páginas Web Prof. : Amadeu AfonsoCriação de Páginas Web – Microsoft FrontPage
  2. 2. TIC - 10º Ano Lectivo 2011/2012Pá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 Afonso Criação de Páginas Web – Microsoft FrontPage
  3. 3. TIC - 10º Ano Lectivo 2011/2012Pá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 Afonso Criação de Páginas Web – Microsoft FrontPage
  4. 4. TIC - 10º Ano Lectivo 2011/2012FrontPage - 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  5. 5. TIC - 10º Ano Lectivo 2011/2012FrontPage – 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  6. 6. TIC - 10º Ano Lectivo 2011/2012FrontPage - ConcorrênciaOutros editores do tipo WYSIWYG: Macromedia Dreamweaver Adobe GoLive Etc. (http://en.wikipedia.org/wiki/list_of_html_editors) Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  7. 7. TIC - 10º Ano Lectivo 2011/2012Planeamento de um sítio WebO planeamento da página ou do sítio é a primeira tarefa aexecutar antes de utilizar o FrontPage.Para construir uma página devem ser feitas as seguintesperguntas: 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  8. 8. TIC - 10º Ano Lectivo 2011/2012Planeamento de um sítio WebOutro aspecto importante é o arranjo gráfico do sítio, oqual 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  9. 9. TIC - 10º Ano Lectivo 2011/2012Estrutura do sítio - HierarquiaDepois de definir o conteúdo do sítio, é necessário organizar ainformação a incluir nas páginas. Essa tarefa inclui a divisão dainformação em unidades a incluir em cada página, o estabelecimentode uma hierarquia entre esses blocos de informação e, finalmente, adeterminação das ligações entre esses blocos de informação.Eis um exemplo: Página principal 1.ª 2.ª 3.ª 4.ª 5.ª 6.ª página página página página página página 7.ª página Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  10. 10. TIC - 10º Ano Lectivo 2011/2012Consistê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 visualprópria que se deve manter ao longo de todas as páginas paraque o leitor encontre a informação que deseja utilizando sempreos mesmos procedimentos. Esta identidade visual é conseguidaatravés de:Utilizaçãode 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  11. 11. TIC - 10º Ano Lectivo 2011/2012Consistê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 noacesso rápido à informação. Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  12. 12. TIC - 10º Ano Lectivo 2011/2012Consistência das páginas e do sítioNa definição do aspecto visual do sítio Web, a informação e osobjectos que nela forem inseridos deverão estar organizados edispostos em locais estratégicos que são importantes para a leituradas páginas e que lhe conferem uma identidade própria. Um dosprocedimentos que se deve adoptar é a utilização de molduras outabelas que estruturam a página em áreas de informação separadas,como pode ser visto nos exemplos seguintes: Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  13. 13. TIC - 10º Ano Lectivo 2011/2012Site Web – Fases de construçãoDefiniçã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 Afonso Criação de Páginas Web – Microsoft FrontPage
  14. 14. TIC - 10º Ano Lectivo 2011/2012Site Web – EstruturaVamos supor que estamos a desenvolver um site de uma empresaque comercializa determinados produtos e serviços:Secções do Site - Informação geral - Contactos - Produtos - Serviços - Links - EtcDiagrama do Site Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  15. 15. TIC - 10º Ano Lectivo 2011/2012Site Web – EstruturaEsquema de uma páginaDeve fazer-se um esboço no papel sobre o esquema que irá serutilizado em todas as páginas do site a desenvolver.Ex: Título da página Cor do fundo Barra de botões de menus Separador Caixa para imagens Área de inserção de texto Rodapé para inserção de links ou outras informações Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  16. 16. TIC - 10º Ano Lectivo 2011/2012Páginas Web – ConteúdosUma página Web pode ser composta por: etc etc ext os T Vídeos etc linksetc etc Sons Imagens etc Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  17. 17. TIC - 10º Ano Lectivo 2011/2012Páginas Web – “Truques e Dicas”Começar por desenhar a estrutura de uma página e quandoconcluí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 eoutros ficheiros.Evitar a utilização de acentos, caracteres especiais e do “c”cedilhado.Teratenção à utilização de letras maiúsculas e minúsculas paraos nomes dos ficheiros. Escolher de preferência letrasminúsculas Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  18. 18. TIC - 10º Ano Lectivo 2011/2012Páginas Web – “Truques e Dicas”A extensão dos ficheiros que representam páginas web sãosempre *.html ou *.htm. Ter em atenção e gravar sempre com umadestas extensões, de preferência utilizar sempre a mesma nomesmo 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, podendoesta ter sub-pastas. Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage
  19. 19. TIC - 10º Ano Lectivo 2011/2012Páginas Web – “Truques e Dicas”Utilizartabelas ou molduras (frames) de forma a estruturarmelhor 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 Afonso Criação de Páginas Web – Microsoft FrontPage
  20. 20. TIC - 10º Ano Lectivo 2011/2012Páginas Web – AlojamentoExistem vários servidores na Internet, uns gratuitos outrospagos, 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 nummotor de busca por “alojamento web” ou caso queiramos obtermais resultados fazer uma procura através dos termos em inglês“web hosting”. Prof. : Amadeu Afonso Criação de Páginas Web – Microsoft FrontPage

×