Scribd Logo
Upload

Welcome to Scribd!

  • Modulo 2 XHTML

    Uploaded by

    Kenneth Alvarez
    15 views10 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    15 views10 pages

    Modulo 2 XHTML

    Uploaded by

    Kenneth Alvarez

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 10

    Modulo 2

    XTHML

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Contenidos Instruccionales
    XHTML y su Historia Caractersticas del XHTML 1.0 Componentes y caractersticas de una pgina Web Etiquetas bsicas de una pgina Web Comentarios en XHTML Tipos de Documentos (Doctype)

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    XHTML y su historia

    Concepto y origen
    XHTML, es acrnimo ingls de eXtensible Hypertext Markup Language, en espaol: lenguaje extensible de marcado de hipertexto XHTML es el lenguaje que reemplaza a HTML 4.0 y XML 1.0,

    El HTML se concibi como un lenguaje destinado al intercambio de documentos cientficos y tcnicos


    XML se utiliza de forma muy frecuente para estructurar todo tipo de datos, por ejemplo, informacin sobre inventarios

    Todos ello vienen de SGML

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Caractersticas de XHTML 1.0

    Lo ms resaltante
    XHTML se encuentra en conformidad con XML Funciona igual o mejor que antes segn el navegador Otra de sus virtudes es que est ideado para mantener una saludable separacin entre el contenido y el diseo. Es decir, que uno no afecte al otro, y se puedan modificar independientemente. La familia XHTML fue concebida teniendo en mente la interoperabilidad con navegadores generales. OpenOffice Writer es un generador de cdigo xhtml, lo cual es una buena opcin para aprender con ingeniera inversa.

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Componentes de una pgina web

    Elementos generales
    Los componentes de una pgina web son:
    Texto

    Multimedia

    Programacin

    Sistemas de gestin del sitio web (ej: hosting galen, el ftp, etc) Pero, este curso se centra en las instrucciones, el texto a visualizar, el formato, las listas, los marcos, las tablas, los controles y mapas. Tambin algo de css, pero no es un curso de javascript ni de css como tal.

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Etiquetas bsicas de una pgina web - Comentarios

    Ejemplo
    <!comentarios que se pueden colocar en la pagina sin afectar su visualizacin> <html> <body> <title>Programa de bienvenida</title> <p>Bienvenidos a la academi de Software Libre del Estado Gurico</p> </body> </html> Este programa se puede transcribi en cualquier editor de texto (pico, nano, gedit, kate, etc). Desde el modo grfico doble click o click, segn la configuracin del entorno grfico y el sistema lo llama generalmente desde el navegador. Pero debe ser guasrdado con extensin html o xhtml. Las etiquetas deberan ser escritas en maysculas, pero los navegadores aceptan su escrito en minsculas.

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Tipos de documentos

    Aclaratoria
    De acuerdo con el W3C los archivos XHTML deben tener una serie de "cabeceras" o identificadores de la versin que se utiliza. Aunque esto no es estrictamente necesario, la W3C lo recomienda para que se siga la "norma". Aqu las lneas de doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Se puede validar el documento y utilizar el logo de la w3c, que indica al visitante que es un sitio que funciona totalmente apegado al estndar. La direccin para ello es: http://validator.w3.org/ http://htmlhelp.com/tools/validator/

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Resumen

    Cada etiqueta, se cierra con una similar pero a la que se antecede la barra; as <HTML> es cerrada con </HTML>, el XHTML es estricto en cuanto a la sintxis, por su afinidad con XML. Tenga en cuanta que cada vez que quiera hacer un proyecto de pgina, si tiene elementos multimedia, cree una carpeta. Separacin entre el contenido y el diseo. Porque si en tiempo de diseo se pega por ejemplo, una imgen en la pgina, el archivo de la imgen se graba. Por ello todo conviene ordenarlo. Si la pgina es principal en un sistema, llmela como index.xhtml, es un estndar que los navegadores buscan en un directorio a index como archivo principal.

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Actividades complementarias

    Probar el intrprete y con ayuda de una gua comenzar a escribir instrucciones desde las ms sencillas.

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    Gracias por su Atencin!

    TEMA 1: Estructura Bsica

    Modulo I1-Lenguajes de Desarrollo Web

    You might also like