Introdução à Criação De Páginas Web Aula1

4.198 visualizações

Publicada em

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

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

Nenhuma nota no slide

Introdução à Criação De Páginas Web Aula1

  1. 1. Criação de Páginas Web Casa da Juventude de Vialonga
  2. 2. Objectivos <ul><li>Conhecer a história da Web </li></ul><ul><li>Apreender os conceitos básicos de funcionamento da Web </li></ul><ul><li>Conhecer a estrutura do HTML </li></ul><ul><li>Utilizar um editor WYSIWYG para construir páginas </li></ul><ul><li>Construir um pequeno site </li></ul>
  3. 3. Plano do curso <ul><li>Aula 1: Introdução </li></ul><ul><li>Aula 2: Elementos Básicos </li></ul><ul><li>Aula 3: Elementos Avançados </li></ul><ul><li>Aula 4: Construir e publicar um site </li></ul><ul><li>Aula 5: Case Studies e Projecto </li></ul>
  4. 4. 1. Introdução
  5. 5. Internet e World Wide Web
  6. 6. Cliente/Servidor Pedido do utilizador através do browser Resposta do servidor com a página desejada 1 2
  7. 7. URL <ul><li>Uniform Resource Locator, ou seja, o endereço </li></ul><ul><li>Protocolo </li></ul><ul><li>Indicação de Web server </li></ul><ul><li>Nome do servidor (domínio) </li></ul><ul><li>Extensão indicativa de tipo de servidor ou página </li></ul><ul><li>Pasta que contém o recurso </li></ul><ul><li>Nome do ficheiro </li></ul>1 2 3 4 5 6 http://www.netprof.pt/imagens/123.jpg
  8. 8. Estrutura de Ficheiros C:/ Meus documentos Programas Windows fotografias CARTAS CONTAS CONDOMINIO
  9. 9. Paleta Cromática Web-Safe Colors <ul><li>256 cores «seguras» </li></ul>
  10. 10. Browsers INTERNET EXPLORER NETSCAPE NAVIGATOR OPERA FIREFOX
  11. 11. HTML <ul><li>HTML são as iniciais de Hypertext Markup Language , a linguagem de código que compõe as páginas. </li></ul><ul><li>Não se tratando de uma linguagem de programação informática, este código constitui a formatação básica dos conteúdos das páginas web. </li></ul><ul><li>O desenvolvimento deste código foi fundamental para a massificação da Internet, principalmente devido à sua característica hyper , isto é, a capacidade de fazer com que determinado texto ou elemento possam ser accionados mediante o clique do rato de modo a que sejam exibidos conteúdos com ele relacionados. </li></ul>
  12. 12. Editores de HTML <ul><li>Para evitar a tarefa de construir as páginas para a Web simplesmente introduzindo código, que pode ser uma tarefa extremamente dura, foram criados os editores de HTML, que permitem que a construção seja tão simples como criar um documento no Word. </li></ul><ul><li>A razão desta simplicidade é que estas aplicações se baseiam no WYSIWYG, ou seja “what you see is what you get” que no fundo significa que todos os elementos que estamos a visualizar durante a construção serão idênticos aos que aparecerão no resultado final. </li></ul><ul><li>Frontpage, Dreamweaver e outras são aplicações do tipo Editor de HTML WYSIWIG </li></ul>
  13. 13. Estrutura do código HTML <ul><li><html> </li></ul><ul><li><head> </li></ul><ul><li><title>Nova página 1</title> </li></ul><ul><li></head> </li></ul><ul><li><body> </li></ul><ul><li></body> </li></ul><ul><li></html> </li></ul>

×