Scribd Logo
Carica

Benvenuto in Scribd!

  • Artticulo1 XHTML 30072011

    Caricato da

    flaketill1
    15 visualizzazioni3 pagine

    Titolo originale

    artticulo1_XHTML_30072011

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formati disponibili

    PDF, TXT o leggi online da Scribd

    Hai trovato utile questo documento?

    Questo contenuto è inappropriato?

    Segnala questo documento

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    15 visualizzazioni3 pagine

    Artticulo1 XHTML 30072011

    Caricato da

    flaketill1

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Scarica in formato PDF, TXT o leggi online su Scribd
    Segnala contenuti inappropriati
    di 3

    Sitios Web, desarrollados con un Estndar Web; XHTML 1.0 Strict!

    En la actualidad existen millones de Sitios Web (Conjuntos de Pginas Web), en la Internet. Pero si se analiza algunos Sitios se ver que cada uno, esta desarrollado en diferentes lenguajes o aplicaciones, entre los ms conocidos: Flash, HTML (Versiones diferentes). De hecho puedo afirmar que algunos de los mejores Sitios Web (En lo visual), estn en formatos que ni siquiera son un estndar Web (como por ejemplo: Flash), por lo que dejan de ser accesibles (Por ejemplos si existe discapacidad ya sea fsica, intelectual o tcnica, dificultan el acceso si no se usan los Estndares Web), son dependientes de un dispositivo (Por ejemplo solo se puede ver en computadoras), la Usabilidad (Usuario debe entiende de manera clara el contenido y la manera de navegar por el Sitio web de una forma cmoda y sencilla.) se deja fuera, ya que por el impacto visual, muchas veces se deja a un lado el contenido, que normalmente es lo que busca realmente el usuario. Es por ello que me di a la tarea de escribir el primer artculo, en el cual se hablara sobre uno de los Estndares Web, es decir, XHTML en su versin 1.0 Estricta. Adems es recomendado por el W3C (Consorcio World Wide Web) y por su servidor. Para entender que es XHTML, se deben algunas definiciones bsicas de este Estndar Web, por ello sera lo primero que se har. Qu es? De forma sencilla, es un Lenguaje de Marcado de Hipertexto, que se utiliza para crear pginas Web (Documentos que normalmente estn en Internet y son ledos por los navegadores Web: Firefox, Chrome, Opera, Safari, entre otros). Para qu sirve? Para dar estructura y mostrar contenido en forma de texto a travs de las Pginas Web. Por que se recomienda usar XHTML? Personalmente lo recomiendo, ya que puedes separar la Estructura y Contenido, de la Presentacin, es decir, la Parte visual a travs de otro Estndar Web: CSS (Hoja de Estilo en Cascada). Una vez que se entienda lo anterior, se puede comenzar con el desarrollo de la primer Pgina Web, usando XHTML. En este artculo solo dar la introduccin y en los siguientes se dar forma a las Pginas Web para crear un pequeo Sitio Web.

    Para comenzar necesitamos alguna herramienta para crear y editar, pginas Web. Pero no se asusten, solo necesitamos un editor de textos (Si usan Windows por ejemplo Notepad, si son libres y usan Linux, pueden usar por ejemplo Vim, Nano o Gedit), o si lo quieren una IDE (Recomiendo NetBeans, BlueFish o Quanta Plus). Para comenzar se necesita saber la estructura bsica de un documento XHTML, que a continuacin se mencionar: 1. DTD (Para especificar el Estndar Web que se utiliza y que el navegador sepa como leerlo). [color: Azul cielo] 2. html (Para especificar que se va a escribir una Pgina Web, y se usaran tag' s o etiquetas de dicho lenguaje). [color: Azul fuerte o marino] 3. head (Cabecera del la pgina Web). [color: Naranja] 4. body (Cuerpo del la pgina Web). [color: Rojo] 5. Contenido (Comienzan a poner su contenido, con sus respectivas etiquetas o tag' s, por ejemplo ttulos y prrafos, imgenes, vdeos, entre otros.). [color: Negro] 6. Comentarios (No son obligatorios pero se recomiendan). [color: Verde aguacate] Para que se entienda de una manera ms clara les dejo el cdigo bsico de una pgina Web, codificada en XHTML 1.0 Strict. Solo recuerden que cada tag (Se abre y se cierra).
    <!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="es" lang="es"> <!--Este es un comentario, no lo lee el navegador es para ayuda del desarrollador, abajo esta la cabecera (<Head></head>), no olvidar que se cierran las etiquetas o tags --> <head> <!--ttulo de la pagina Web, el cual aparece en la pestaa de su navegador Web--> <title>Primer P&aacute;gina Web</title> <!--Fin de titulo--> <!--metas mnimo la de abajo, para especificar la codificacin de caracteres--> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <!--fin head--> <body> <!--contenido de la pgina Web, por ejemplo un titulo y un parrafo--> <h1>Primer P&aacute;gina Web en XHTML v1.0 Strict</h1> <p> Este es un p&aacute;rrafo de ejemplo. </p> </body> </html>

    Como pueden apreciar en el cdigo anterior, hay un patrn es decir, se abre y se cierra cada tag (etiqueta), normalmente de cierran con una barra invertida (/), por ejemplo: Ttulo (nivel 1) <h1>Est&aacute;ndares Web</h1> Sub-ttulo (Ttulo de nivel 2) <h2>XHTML</h2> Prrafo <p>Este es un p&aacute;rrafo </p>

    Para finalizar el artculo, Si copian el cdigo anterior y lo pegan en su editor de texto y lo guardan por ejemplo como: index.html, le dan doble clic al archivo que se creo, podrn observar su primer Pgina Web. Les dejo la captura de pantalla (screenshot).

    De hecho en los siguientes artculos, les dar tip' s y herramientas con las que pueden ayudarse para validar si sus pginas web, estn correctas (Cumplen con las recomendaciones de el W3C). Por lo pronto me despido y les agradezco por leer este articulo, adems de doy gracias a Libresfera, por darme la oportunidad de crear este artculo. Autor: Ing. Armando Ibarra https://profiles.google.com/armandoibarra1/ armandoibarra1@gmail.om

    Potrebbero piacerti anche