Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • AULA2

    Enviado por

    vencedorFaria
    476 visualizações2 páginas
    O documento apresenta uma página XHTML mínima válida e explica suas principais partes, como o doctype, tags html, head e body. Ele também fornece um exemplo prático de como criar uma primeira página XHTML funcional e validá-la usando o validador do W3C.

    Descrição original:

    Direitos autorais

    © Attribution Non-Commercial (BY-NC)

    Formatos disponíveis

    ODT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    O documento apresenta uma página XHTML mínima válida e explica suas principais partes, como o doctype, tags html, head e body. Ele também fornece um exemplo prático de como criar uma primeira página XHTML funcional e validá-la usando o validador do W3C.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato ODT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    Fazer download em odt, pdf ou txt
    476 visualizações2 páginas

    AULA2

    Enviado por

    vencedorFaria
    O documento apresenta uma página XHTML mínima válida e explica suas principais partes, como o doctype, tags html, head e body. Ele também fornece um exemplo prático de como criar uma primeira página XHTML funcional e validá-la usando o validador do W3C.

    Direitos autorais:

    Attribution Non-Commercial (BY-NC)
    Baixe no formato ODT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    Fazer download em odt, pdf ou txt
    de 2

    Segunda Aula: Página mínima XHTML

    Curso de Programação Web


    killshot divx
    Este é um documento mínimo codificado em Xhtml 1.0 padrão:
    <!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
    <head>
    <title>Um título</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
    </body>
    </html>

    Vamos analisar as partes importantes:


    1, 2, 3 doctype: indica a versão do padrão que estará utilizando. Existem várias possibilidades
    como Html4.1 transactional, strict e frameset, Xhtml1.0 transactional, strict e frameset e outros. No
    nosso caso usaremos o padrão Xhtml Strict 1.0. Teremos uma aula só para conhecer os outros
    padrões.
    4 e 11 html: download toy story marcador (tag) que indica o início efetivo da página html. As
    propriedades xml:lang e lang indicam a língua em que o documento está escrito. Use “pt-br” para
    português do Brasil. “en” para inglês.
    5 e 8 head:
    6 title: títudo da página. Texto que será colocada na barra de título do navegador e usada pelos
    motores dos buscadores para nomear o conteúdo de sua página.
    7 meta content-type: indica detalhes de codificação de caracter para o navegador.
    9 e 10 body: corpo ou conteúdo da página. Tudo que você quizer mostrar na área principal do
    navegador estará dentro deste bloco.
    Todos os ítens apresentados são obrigatórios em uma página Xhtml padrão.

    Exemplo Prático
    Vamos fazer um exemplo prático que realmente funciona?
    Para isso utilize um editor de texto simples: gedit, kedit, bloco de notas, vi, etc. No exemplo falta
    preencher alguma coisa dentro do bloco body:
    ... (todo o cabeçalho igual ao exemplo acima)
    <body>
    <p>Olá Mundo! Esta é minha primeira página XHTML padronizada e funcional.</p>
    </body>
    </html>

    Salve o documento com extensão *.html. E pronto.


    -Tag <p> delimita um parágrafo do documento. Cada um dos parágrafos devem ser delimitados
    individualmente.
    Para ver como ficou sua primeira página abrir o arquivo com os navegadores Firefox e Ie:
    Ie:
    Arquivo/Abrir/Procurar…
    Localizar o arquivo criado e clicar Abrir.

    Firefox:
    Arquivo/Abrir Arquivo…
    Localizar o arquivo criado e clicar Abrir.

    Para ambos existe um atalho de teclado: CTRL+O. (que funciona melhor no Firefox)
    Você deverá ver no navegador o texto digitado entre os tags <p> e </p>. Nossos exercícios em
    xhtml serão todos testados desta maneira.
    Para verificar se você seguiu corretamente o padrão, existe uma ferramenta online que faz o teste de
    conformidade. Entre em validator.w3.org selecione o seu arquivo e clique em “Check”. Se tudo
    estiver certo verá a mensagem “Congratulations”. No caso de erro o sistema apresenta o que você
    fez de errado. Corrija o que ele pediu e tente novamente.
    Guarde o endereço do “Validator” no seu favoritos. Será necessário durante todo o curso.
    Algumas regras para conseguir a validação:
    - Os caracteres maiúsculos e minúsculos são obrigatoriamente como apresentados. (HTML <>
    html)
    - Cuidado com o final do tag meta: …harset=iso-8859-1″ /> Observe que depois das aspas usamos
    espaço, barra e maior. O espaço é obrigatório.
    - Cuidado ao usar o Ctrl+c e Ctrl+v do navegador: verifique que todas as aspas ” estão trocadas por
    aspas inglesas. Apague e use a aspa dupla que fica próxima ao número 1 do teclado. Recomendo
    pelo menos uma vez você mesmo digitar todo o código para se acostumar. Isso ajuda muito na
    memorização.

    Você também pode gostar