WWW e HTML HTML - Básico Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP.

Apresentação em tema: "WWW e HTML HTML - Básico Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP."— Transcrição da apresentação:

1 WWW e HTML HTML - Básico Curso de Formação de Usuários WWW e Projetistas de Paginas HTML Organização: LSI - EPUSP

2 WWW & HTML - 2 HTML o Hypertext Markup Language (HTML) ß linguagem para criação de páginas Web ß permite a formatação do lay-out da página ß interpretado pelo browser para apresentação da página

3 WWW & HTML - 3 HTML o elementos de um documento HTML ß texto ß o o documento HTML é composto por ß um único elemento do tipo: … documento tipo HTML ß que por sua vez é composto pelos seguintes elementos: … cabeçalho do documento … corpo do documento

4 WWW & HTML - 4 HTML o elementos colocados no cabeçalho do documento HTML ß … título do documento –apresentado na barra da janela do browser ß determina a base para endereços relativos presentes no documento ß especifica que o documento descreve uma base de dados –usado para implementar mecanismos de busca ß especifica relações entre o documento HTML e sua URL

5 WWW & HTML - 5 HTML o elementos colocados no cabeçalho do documento HTML ß … estilo do documento –reservado para futuras versões ß … reservado para ser usado com scripts –reservado para futuras versões ß meta informações do documento –name / value

6 WWW & HTML - 6 HTML o exemplo Título do Documento

7 WWW & HTML - 7 HTML o elementos colocados no corpo do documento HTML - blocos ß … parágrafo (formatado antes de ser apresentado) ß break (muda de linha) ß barra de separação ß … texto pre-formatado em outro sistema (apresenta como é) ß … divisão do documento ß …

8 WWW & HTML - 8 HTML o elementos colocados no corpo do documento HTML - blocos ß … arcaico ß arcaico ß …

9 WWW & HTML - 9 HTML o elementos colocados no corpo do documento HTML - headers ß “Texto do Cabeçalho” (cabeçalho principal) “Texto do Cabeçalho” “Texto do Cabeçalho”... “Texto do Cabeçalho” (cabeçalho menor)

10 WWW & HTML - 10 HTML o elementos colocados no corpo do documento HTML - Estilo Físico ß “Texto Qualquer” (Bold) ß “Texto Qualquer” (italico) ß “Texto Qualquer” (sublinhado)  “Texto Qualquer” (typewriter fonte)

11 WWW & HTML - 11 HTML o elementos colocados no corpo do documento HTML - Estilo Lógico ß “Texto Qualquer” (enfase) ß “Texto Qualquer” (forte enfase) ß “Texto Qualquer” (código de programas) ß “Texto Qualquer” (saída de programas) ß “Texto Qualquer” (entrada pelo usuário) ß “Texto Qualquer” (define variável) ß “Texto Qualquer” (definição) ß “Texto Qualquer” (citação)

12 WWW & HTML - 12 HTML o elementos colocados no corpo do documento HTML - Lista Não Ordenada ß... (delimita a lista) ß “Elemento da Lista”(elementos da lista) o elementos colocados no corpo do documento HTML - Lista Ordenada ß... (delimita a lista) ß “Elemento da Lista”(elementos da lista) o elementos colocados no corpo do documento HTML - Menu ß... (delimita o menu) ß “Elemento do Menu”(elementos do menu)

13 WWW & HTML - 13 HTML o elementos colocados no corpo do documento HTML - Diretório ß... (delimita o diretório) ß “Elemento do Diretório”(elementos do diretório) o elementos colocados no corpo do documento HTML - Glossário ß... (define o glossário) ß “Termo”(termo a ser definido) (1.) ß “Definição do Termo”(definição do termo) (2.)

14 WWW & HTML - 14 HTML o elementos colocados no corpo do documento HTML - Tabelas ß “titulo” “nome_elem” “nome_elem” “elem_1.1” “elem_1.2” “elem_2.1” “elem_2.2” “elem_3.1” “elem_3.2” cabeçalho da tabela linhas da tabela elementos da tabela (BOLD) elementos da tabela

15 WWW & HTML - 15 HTML o elementos colocados no corpo do documento HTML - ancora ß “texto” define um ponto de referencia dentro do documento ß “texto” identifica a referencia externa ß “texto” identifica a referencia no documento externo o elementos colocados no corpo do documento HTML - imagem ß

16 WWW & HTML - 16 HTML name=local href=#local name=local href=#local href=doc_1 doc_1doc_2 href=doc_1#local href=doc_1v href=doc_2#local

17 WWW & HTML - 17 HTML o elementos colocados no corpo do documento HTML - applet (Java) ß ….. o elementos colocados no corpo do documento HTML - fonte ß ….. o elementos colocados no corpo do documento HTML - endereços ß “endereço eletrônico do autor”

18 WWW & HTML - 18 HTML Criando paginas em HTML HTML: Criando paginas na WWW HTML (Hypertext Markup Language) e a linguagem que permite a criacao de paginas na WWW (World Wide Web) utilizando recursos de multimedia e hipertexto. Introducao Listagem dos comandos

19 WWW & HTML - 19 HTML "A Beginner's Guide to HTML" The HTML Language O Webmaster (webmaster@lsi.usp.br) Laboratorio de Sistemas Integraveis Universidade de Sao Paulo

20 WWW & HTML - 20 HTML o Formulários ß ….. –o método pode ser post ou get –tipos podem ser text, checkbox, radio, submit, reset, hidden e image –determina variáveis de entrad, cujo valor será definido pelo usuário

21 WWW & HTML - 21 HTML ….. –define um conjunto opcional de itens, dos quais o usuário pode escolher um ou mais “nome da opcao” –usado em conjunto com select –selected identifica o valor default da opção “texto no formulário”. –define uma área de texto dentro do formulário

22 WWW & HTML - 22 HTML o exemplo Teste de Formularios Teste de Formularios campo de texto rad1 rad_1 rad_2 rad_3

23 WWW & HTML - 23 HTML o chk1 chk_1 chk_2 chk_3 rad2 rad_1 rad_2 rad_3 chk2 chk_1 chk_2 chk_3

24 WWW & HTML - 24 HTML o "laranja" "banana" "maca" isto e uma area especial para entrada de texto

25 WWW & HTML - 25 HTML o referencias (páginas sobre HTML) ß http://www.uerj.br/www_tutor/inichtml.html ß http://www.w3.org/pub/WWW/MarkUp/Wilbur/features.html ß http://search.netscape.com/assist/net_sites/html_exte nsions_3.html ß http://www.lsi.usp.br/usp/html/facil.html