• Save
Desenvolvimento para a Internet - Aula 02
Upcoming SlideShare
Loading in...5
×
 

Desenvolvimento para a Internet - Aula 02

on

  • 2,864 views

 

Statistics

Views

Total Views
2,864
Slideshare-icon Views on SlideShare
2,838
Embed Views
26

Actions

Likes
3
Downloads
0
Comments
0

4 Embeds 26

http://www.mediahome.com.br 13
http://www.slideshare.net 7
http://leandrorcmprofessor.blogspot.com 4
http://leandrorcmprofessor.blogspot.com.br 2

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Desenvolvimento para a Internet - Aula 02 Desenvolvimento para a Internet - Aula 02 Presentation Transcript

    • Aula 2 - HTML Editores e Documento HTML / XHTML Prof. Leandro Rezende Carneiro de Mendonça, MSc.
    • Editores HTML
      • Página Web : basicamente um arquivo de texto, escrito em uma linguagem.
        • Página HTML (arquivo de texto ASCII, contendo tag’s HTML e extensão .htm ou .html).
      • Criação de uma página Web : pode ser auxiliada com editores WYSIWYG (What You See Is What You Get).
        • Editores WYSIWYG: Macromedia Dreamweaver, Microsoft FrontPage, NVU etc…
    • Editores HTML - Dreamweaver
    • Editores HTML - FrontPage
    • Editores HTML - NVU
    • Documento HTML
      • Visualização de uma página :
        • Solicitação HTTP (Navegador -> Servidor Web).
        • O Servidor recebe a solicitação e verifica se possui a página solicitada.
        • Em caso afirmativo o servidor empacota o conteúdo HTML (utilizando TCP) e os endereça (utilizando HTTP) e os envia através da rede.
    • Documento HTML
        • Se o servidor Web não encontra a informação solicitada, ele constrói uma página contendo uma mensagem de erro, empacota esta página e a envia ao navegador do cliente.
        • A mensagem enviada pelo servidor Web ao navegador é denominada Resposta HTTP .
    • Documento HTML
      • Informações Transportadas
        • URL ( U niform R esource L ocator ).
        • Cabeçalho HTTP.
        • Corpo HTTP.
    • Arquitetura Cliente Servidor
    • Documento HTML
      • Acrônimo de H yper T ext M arkup L anguage (L inguagem de Marcação de Hipertexto).
    • Documento HTML
      • Exemplo:
      • Documento HTML
    • Documento HTML
      • Tags HTML
    • Documento HTML
      • Exemplo:
      • exemplo_tag.html
    • Documento HTML
      • Categorias de Marcadores (Tags):
        • Estruturais: são marcadores que determinam a estrutura de um documento, dando a esse sua forma e integridade. Ex: <p>, <h1> etc...
        • Estilísticos : são marcadores que indicam como o conteúdo de um elemento será apresentado no navegador. Ex: <b>, <i> etc...
        • Descritivos : são conhecidos também como marcadores semânticos e descrevem a natureza do conteúdo de um elemento. Ex: <title>, <address> etc...
    • XML e HTML = XHTML
      • XHTML : linguagem que utiliza o vocabulário de HTML com a sintaxe de XML.
      • Como documentos XHTML utilizam a gramática de XML eles podem ser analisados e apresentados por agentes que lêem documentos XML.
    • XML e HTML = XHTML
      • Importância de HTML : linguagem amplamente utilizada por milhões de pessoas.
      • A Introdução de alterações no padrão implica em Problemas que implica em Solução que implica em Reformulação da linguagem HTML.
      • Melhor solução : unir as melhores características de cada uma delas.
    • XML e HTML = XHTML
      • Benefícios da XHTML:
        • Portabilidade : utilizando-se documentos bem formados, qualquer que seja o navegador utilizado, um documento será visualizado sempre da mesma maneira. A apresentação torna-se independente do navegador, fato que não ocorre hoje com HTML.
        • Facilidades de extensão da linguagem através dos DTD .
    • Diferenças entre HTML e XHTML
      • Um documento XHTML deve fornecer a declaração de um DTD no início do documento
        • <!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;>
    • Diferenças entre HTML e XHTML
    • Diferenças entre HTML e XHTML
      • Deve-se incluir uma referência ao namespace XML no elemento <html> do documento
        • <html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;>
    • Diferenças entre HTML e XHTML
    • Documento XHTML
      • Exemplo:
      • estrutura_documento_xhtml.xhtml
    • Diferenças entre HTML e XHTML
      • XML diferencia letras maiúsculas de minúsculas (linguagem case sensitive ).
      • Os marcadores XHTML devem ser inseridos em letras minúsculas.
    • Diferenças entre HTML e XHTML
      • Todos os marcadores iniciados devem ser fechados “ documentos bem formados ”.
      • Não se pode omitir os marcadores <head> e <body> e o primeiro elemento do elemento head deve ser o marcador <title>.
    • Diferenças entre HTML e XHTML
      • Exemplo de Documentos mal formados :
        • documento_html_mal_formado.html
        • documento_xhtml_mal_formado.xhtml
    • Diferenças entre HTML e XHTML
      • Todos os atributos de um elemento devem ser apresentados entre aspas.
      • Elementos vazios : escrever estes elementos com um espaço entre o nome do marcador e a barra <br />.
    • Diferenças entre HTML e XHTML
      • Todos os atributos de um elemento devem ser apresentados entre aspas e não devem ser simplificados.
      • Elementos vazios : escrever estes elementos com um espaço entre o nome do marcador e a barra <br />.
    • Diferenças entre HTML e XHTML
      • Elementos sem conteúdo : e lementos que não sejam elementos vazios devem sempre utilizar os marcadores de abertura e fechamento <title> </title>
    • Informações
      • W3C
        • http://www.w3c.org
      • Macromedia Dreamweaver
        • http://www.macromedia.com
      • Microsoft FrontPage
        • http://www.microsoft.com
      • NVU / N-View
        • http:// www.nvu.com
    • Perguntas?
      • boolean duvida;
      • String pergunta=“”, resposta=“”;
      • Read (duvida);
      • while (duvida){
      • Read (pergunta, resposta);
      • System.out.println (pegunta+resposta);
      • Read (duvida);
      • }
      • System.out.println (“Congratulações”);
      • System.exit (0);
    • Atividade
      • Elaborar uma página HTML no Notepad , contendo título e alguma informação textual no corpo do documento.
      • Salvar o documento com o nome:
        • index.htm
      • Visualizar o resultado no Navegador.