Criação de Páginas Web Casa da Juventude de Vialonga
Objectivos Conhecer a história da Web Apreender os conceitos básicos de funcionamento da Web Conhecer a estrutura do HTML Utilizar um editor WYSIWYG para construir páginas Construir um pequeno site
Plano do curso Aula 1: Introdução Aula 2: Elementos Básicos Aula 3: Elementos Avançados Aula 4: Construir e publicar um site Aula 5:  Case Studies  e Projecto
1. Introdução
Internet e World Wide Web
Cliente/Servidor Pedido do utilizador através do browser Resposta do servidor com a página desejada 1 2
URL Uniform Resource Locator, ou seja, o endereço Protocolo Indicação de Web server Nome do servidor (domínio) Extensão indicativa de tipo de servidor ou página Pasta que contém o recurso Nome do ficheiro 1 2 3 4 5 6 http://www.netprof.pt/imagens/123.jpg
Estrutura de Ficheiros C:/ Meus documentos Programas Windows fotografias CARTAS CONTAS CONDOMINIO
Paleta Cromática  Web-Safe Colors 256 cores «seguras»
Browsers INTERNET EXPLORER NETSCAPE NAVIGATOR OPERA FIREFOX
HTML HTML são as iniciais de  Hypertext Markup Language , a linguagem de código que compõe as páginas. 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. 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.
Editores de HTML  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.  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. Frontpage, Dreamweaver e outras são aplicações do tipo Editor de HTML WYSIWIG
Estrutura do código HTML <html> <head> <title>Nova página 1</title> </head> <body> </body> </html>

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

  • 1.
    Criação de PáginasWeb Casa da Juventude de Vialonga
  • 2.
    Objectivos Conhecer ahistória da Web Apreender os conceitos básicos de funcionamento da Web Conhecer a estrutura do HTML Utilizar um editor WYSIWYG para construir páginas Construir um pequeno site
  • 3.
    Plano do cursoAula 1: Introdução Aula 2: Elementos Básicos Aula 3: Elementos Avançados Aula 4: Construir e publicar um site Aula 5: Case Studies e Projecto
  • 4.
  • 5.
  • 6.
    Cliente/Servidor Pedido doutilizador através do browser Resposta do servidor com a página desejada 1 2
  • 7.
    URL Uniform ResourceLocator, ou seja, o endereço Protocolo Indicação de Web server Nome do servidor (domínio) Extensão indicativa de tipo de servidor ou página Pasta que contém o recurso Nome do ficheiro 1 2 3 4 5 6 http://www.netprof.pt/imagens/123.jpg
  • 8.
    Estrutura de FicheirosC:/ Meus documentos Programas Windows fotografias CARTAS CONTAS CONDOMINIO
  • 9.
    Paleta Cromática Web-Safe Colors 256 cores «seguras»
  • 10.
    Browsers INTERNET EXPLORERNETSCAPE NAVIGATOR OPERA FIREFOX
  • 11.
    HTML HTML sãoas iniciais de Hypertext Markup Language , a linguagem de código que compõe as páginas. 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. 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.
  • 12.
    Editores de HTML 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. 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. Frontpage, Dreamweaver e outras são aplicações do tipo Editor de HTML WYSIWIG
  • 13.
    Estrutura do códigoHTML <html> <head> <title>Nova página 1</title> </head> <body> </body> </html>