Este documento proporciona una introducción a los lenguajes de marcas para la web, incluyendo HTML y XHTML. Explica la estructura y composición de la web, así como los lenguajes y estándares relacionados. También describe brevemente la historia y evolución de Internet y la web.
La web ha evolucionado a través de cuatro etapas principales: Web 1.0 consistía en páginas web estáticas unidireccionales, Web 2.0 introdujo contenidos dinámicos y redes sociales que permiten compartir información, Web 3.0 es la web semántica basada en la nube que se puede acceder desde cualquier dispositivo, y Web 4.0 pretende crear una red tan inteligente como el cerebro humano mediante avances en nanotecnología y comunicación máquina-máquina.
La web es un medio global de información que permite a los usuarios leer y escribir a través de computadoras conectadas a Internet. Su historia incluye ideas previas como Memex de Vannevar Bush y el proyecto Xanadu de Ted Nelson. La World Wide Web se desarrolló en el CERN en 1989 y creció rápidamente en la década de 1990 antes de la burbuja punto-com de 2001.
El documento describe la evolución de la web de las versiones 1.0 a 3.0. La Web 1.0 consistía principalmente en contenido estático publicado de forma unidireccional. La Web 2.0 introdujo contenido generado por los usuarios a través de blogs, wikis y redes sociales en línea que permitieron la colaboración. La Web 3.0 representa la web semántica basada en la nube que es accesible a través de múltiples dispositivos y aprovecha la inteligencia artificial.
El documento describe la evolución de la World Wide Web desde sus inicios hasta la actualidad y Web 3.0. Explica que la Web 1.0 era estática y unidireccional, mientras que la Web 2.0 permitió la interactividad y redes sociales. Finalmente, la Web 3.0 es la web semántica basada en la nube que es multidispositivo e inteligente. También analiza las ventajas y desventajas de cada etapa.
El documento describe la evolución de la web desde la Web 1.0 hasta la Web 3.0. La Web 1.0 era unidireccional y con contenido estático. La Web 2.0 introdujo blogs, wikis, foros y redes sociales para permitir la colaboración y compartición de conocimiento. La Web 3.0 es la web semántica basada en la nube que permite el acceso multiplataforma y pretende ser más inteligente.
Este documento resume las principales características de la Web 1.0, Web 2.0 y Web 3.0. La Web 1.0 se caracterizaba por ser estática con contenidos rígidos, mientras que la Web 2.0 permitió que los usuarios crearan y compartieran contenidos de forma dinámica. La Web 3.0 se centra en el mundo virtual y la inteligencia artificial, con identidades permanentes en la web y acceso ubicuo a través de distintos dispositivos.
La Web 1.0 era una web estática con documentos que nunca se actualizaban. Se caracterizaba por ser unidireccional y tener contenidos fijos enfocados en la navegación HTML y GIF. Tuvo un carácter divulgativo al principio con documentos e información cultural, pero luego las empresas empezaron a usarla aunque con diseños pobres debido a las limitaciones tecnológicas y la dificultad de actualizar los contenidos.
La Web 1.0 se caracterizaba por ser unidireccional y tener contenidos estáticos que rara vez se actualizaban. Permitía exponer información al mundo pero no retroalimentación. La Web 2.0 introdujo blogs, wikis y redes sociales para permitir la colaboración y compartir conocimiento. La Web 3.0 es la web semántica basada en la nube que usa múltiples dispositivos de forma inteligente aprovechando los servicios en la nube.
La web ha evolucionado a través de cuatro etapas principales: Web 1.0 consistía en páginas web estáticas unidireccionales, Web 2.0 introdujo contenidos dinámicos y redes sociales que permiten compartir información, Web 3.0 es la web semántica basada en la nube que se puede acceder desde cualquier dispositivo, y Web 4.0 pretende crear una red tan inteligente como el cerebro humano mediante avances en nanotecnología y comunicación máquina-máquina.
La web es un medio global de información que permite a los usuarios leer y escribir a través de computadoras conectadas a Internet. Su historia incluye ideas previas como Memex de Vannevar Bush y el proyecto Xanadu de Ted Nelson. La World Wide Web se desarrolló en el CERN en 1989 y creció rápidamente en la década de 1990 antes de la burbuja punto-com de 2001.
El documento describe la evolución de la web de las versiones 1.0 a 3.0. La Web 1.0 consistía principalmente en contenido estático publicado de forma unidireccional. La Web 2.0 introdujo contenido generado por los usuarios a través de blogs, wikis y redes sociales en línea que permitieron la colaboración. La Web 3.0 representa la web semántica basada en la nube que es accesible a través de múltiples dispositivos y aprovecha la inteligencia artificial.
El documento describe la evolución de la World Wide Web desde sus inicios hasta la actualidad y Web 3.0. Explica que la Web 1.0 era estática y unidireccional, mientras que la Web 2.0 permitió la interactividad y redes sociales. Finalmente, la Web 3.0 es la web semántica basada en la nube que es multidispositivo e inteligente. También analiza las ventajas y desventajas de cada etapa.
El documento describe la evolución de la web desde la Web 1.0 hasta la Web 3.0. La Web 1.0 era unidireccional y con contenido estático. La Web 2.0 introdujo blogs, wikis, foros y redes sociales para permitir la colaboración y compartición de conocimiento. La Web 3.0 es la web semántica basada en la nube que permite el acceso multiplataforma y pretende ser más inteligente.
Este documento resume las principales características de la Web 1.0, Web 2.0 y Web 3.0. La Web 1.0 se caracterizaba por ser estática con contenidos rígidos, mientras que la Web 2.0 permitió que los usuarios crearan y compartieran contenidos de forma dinámica. La Web 3.0 se centra en el mundo virtual y la inteligencia artificial, con identidades permanentes en la web y acceso ubicuo a través de distintos dispositivos.
La Web 1.0 era una web estática con documentos que nunca se actualizaban. Se caracterizaba por ser unidireccional y tener contenidos fijos enfocados en la navegación HTML y GIF. Tuvo un carácter divulgativo al principio con documentos e información cultural, pero luego las empresas empezaron a usarla aunque con diseños pobres debido a las limitaciones tecnológicas y la dificultad de actualizar los contenidos.
La Web 1.0 se caracterizaba por ser unidireccional y tener contenidos estáticos que rara vez se actualizaban. Permitía exponer información al mundo pero no retroalimentación. La Web 2.0 introdujo blogs, wikis y redes sociales para permitir la colaboración y compartir conocimiento. La Web 3.0 es la web semántica basada en la nube que usa múltiples dispositivos de forma inteligente aprovechando los servicios en la nube.
El documento describe la evolución de la World Wide Web a través de cinco generaciones (Web 1.0 a Web 5.0). Resume cada generación, destacando sus características clave y ejemplos representativos. También incluye una tabla comparativa que resume las diferencias entre cada generación de la Web.
La web 1.0 era estática y unidireccional, con páginas de texto difícilmente actualizables. La web 2.0 permitió el desarrollo de blogs, wikis y redes sociales para compartir conocimiento de forma colaborativa. La web 3.0 es la web semántica e inteligente que aprovecha la nube y dispositivos múltiples para ofrecer servicios al usuario sin necesidad de sistemas complejos.
La web 1.0 se caracterizaba por ser unidireccional y tener contenidos estáticos. La web 2.0 permitió el desarrollo de blogs, wikis, redes sociales y contenidos dinámicos generados por los usuarios. La web 3.0, también llamada web semántica, aprovecha la nube para prestar servicios inteligentes a los usuarios en múltiples dispositivos y vincula datos para mejorar la búsqueda de información relevante.
Con este trabajo podrás saber lo que son, sus ventajas y desventajas de la web 1.0, web 2.0, web 3.0 web, 4.0 e incluso al final tendrás un cuadro comparando estas web.
El documento describe las aplicaciones del campo empresarial en los sitios web. Las empresas necesitan sistemas de información para obtener información confiable que les ayude en la toma de decisiones. Las tecnologías de la información como los sitios web tienen un gran efecto, ya que vivimos en una sociedad de la información. Las empresas deben competir en el mercado electrónico y tener sistemas de información adecuados a sus necesidades.
La web 1.0 era principalmente unidireccional y contenía información estática que no podía actualizarse fácilmente. La web 2.0 permitió el desarrollo de blogs, wikis, foros y redes sociales que fomentaron la compartición de conocimiento. La web 3.0 es la web semántica, basada en la nube y accesible desde múltiples dispositivos, que pretende ofrecer servicios inteligentes al usuario almacenando su información en la nube.
El documento describe la evolución de la web desde la Web 1.0 hasta la Web 4.0. Explica que la Web 1.0 consistía en páginas estáticas con contenido de solo texto, mientras que la Web 2.0 permitió la participación de usuarios y contenido dinámico a través de blogs y redes sociales. La Web 3.0 se basa en la web semántica y la nube, y la Web 4.0 propone una interacción más personalizada con el usuario.
El documento describe la evolución de la web desde la web 1.0 hasta la web 3.0. La web 1.0 era estática y unidireccional, mientras que la web 2.0 permitió la interactividad y colaboración a través de blogs, wikis y redes sociales. La web 3.0, también llamada web semántica, es inteligente y aprovecha la nube para prestar servicios al usuario desde cualquier dispositivo.
El documento define la Web 2.0 como una segunda generación de sitios web basados en el modelo de comunidad de usuarios, que incluye redes sociales, blogs, wikis y servicios multimedia interconectados que permiten el intercambio de información entre usuarios y la colaboración en la producción de contenido. Explica las diferencias clave entre la Web 1.0 y la Web 2.0, como la participación activa de los usuarios en la creación y modificación de contenido. Finalmente, enumera 25 aplicaciones de Web 2.0 como Tinychat, KeepHD, WIX
El documento describe la evolución de Internet desde la Web 1.0 hasta la Web 3.0, incluyendo las características y aplicaciones clave de cada versión. Explica conceptos como la nube, Google Drive y herramientas web 2.0 como blogs, wikis y SlideShare que permiten la colaboración entre usuarios. Finalmente, señala que la Web 3.0 busca pasar a una red del conocimiento mediante la inteligencia artificial y el Internet de las cosas.
El documento describe la evolución de Internet desde la Web 1.0 hasta la Web 3.0, incluyendo las características y aplicaciones clave de cada versión. Explica conceptos como la nube, Google Drive y herramientas web 2.0 útiles para docentes. El objetivo es analizar el desarrollo de Internet y su impacto en la educación.
El documento describe la evolución de la web a través de diferentes etapas, incluyendo la Web 1.0, 2.0 y más allá. La Web 1.0 se originó en los años 60 como una colección de documentos HTML estáticos conectados por hipervínculos. La Web 2.0 permitió una mayor interacción entre usuarios a través de redes sociales, wikis y otras herramientas colaborativas. Las etapas futuras incluyen la Web 3.0 que conectará aplicaciones entre sí y la Web 4.0 que incorporará inteligencia artificial
Este documento presenta las respuestas a un cuestionario sobre Tecnologías de la Información y Comunicación (TICs). Define TICs, describe sus campos de acción como guerra, política y administración. Explica conceptos como Web 1.0, Web 2.0, sus principios y áreas de aplicación. También menciona herramientas como Wikipedia, YouTube y Flickr. Finalmente, detalla el uso de diversas plataformas y herramientas digitales en educación.
La web 1.0 era unidireccional y contenía información estática que rara vez se actualizaba. La web 2.0 permitió el contenido generado por los usuarios a través de blogs, wikis y redes sociales para compartir conocimiento. La web 3.0 es la web semántica basada en la nube que se puede acceder desde varios dispositivos y pretende ofrecer servicios inteligentes a los usuarios almacenando su información en la nube.
Este documento resume las características principales de los sitios web informativos como periódicos y revistas. Explica que un sitio web es una colección de páginas relacionadas a un dominio de Internet y que los sitios informativos buscan presentar información actual e interesante para los lectores. También describe la evolución de los periódicos y revistas en la web, desde versiones iniciales simples hasta sitios más interactivos e inclusivos de los usuarios, y resalta la importancia de redactar noticias apropiadas para cada plata
Este documento presenta un proyecto para diseñar una red para una fundación. Se describe la distribución física del edificio con diferentes salas y espacios. Se enumeran los requisitos técnicos para cada espacio. Los objetivos del proyecto son proponer una conectividad física y lógica para la red, estimar las necesidades de conectividad exterior y de mantenimiento, y documentar el diseño completo. Se especifican los criterios de evaluación y las instrucciones para la entrega del proyecto final.
Este documento trata sobre herramientas auxiliares de programación como la documentación de código, el formato Javadoc y Doxygen para generar documentación, y el uso de Make para el mantenimiento de proyectos de software. En particular, describe cómo Javadoc y Doxygen permiten generar documentación a partir de comentarios en el código, y cómo Make automatiza el proceso de compilación mediante la especificación de tareas y dependencias.
Este documento resume la historia y tecnología detrás de Ethernet de 100 Mb/s (Fast Ethernet). Explica que surgió en 1995 para competir con Token Ring y fue un éxito rápido e inesperado debido a su sencillez y facilidad de transición. Detalla las variantes tecnológicas clave como 100BASE-TX, 100BASE-T4 y 100BASE-T2, las cuales usan codificaciones como 4B5B, 8B6T y PAM5 para transmitir a 100 Mb/s a través de cableado UTP categoría 3
Este documento presenta un proyecto para diseñar una red para un complejo de ocio y negocios llamado Ociburgo. Describe la distribución del complejo, los requisitos de conectividad para las diferentes áreas, y los objetivos del proyecto como proponer modelos de conectividad física y lógica de red, estimar las necesidades de conectividad exterior y de mantenimiento, y desarrollar la documentación y presentación del proyecto. El proyecto deberá entregarse antes del 2 de junio.
IW-UTXX: Programación web en PHP con bases de datosDavid Martin
El documento describe conceptos relacionados con la programación orientada a objetos en PHP y el acceso a bases de datos. Explica la definición de clases, atributos, métodos y objetos. También cubre temas como internacionalización, localización, herencia y diagramas UML.
Este documento describe cómo los sistemas de bases de datos relacionales como SQL Server y MySQL pueden almacenar y consultar datos XML. Explica dos enfoques para integrar XML y bases de datos: almacenar datos XML en tablas relacionales o almacenar documentos XML de forma nativa. Luego, detalla cómo SQL Server y MySQL permiten consultas SQL que devuelven resultados en formato XML, así como almacenar y consultar datos XML de forma nativa usando XQuery.
El documento describe la evolución de la World Wide Web a través de cinco generaciones (Web 1.0 a Web 5.0). Resume cada generación, destacando sus características clave y ejemplos representativos. También incluye una tabla comparativa que resume las diferencias entre cada generación de la Web.
La web 1.0 era estática y unidireccional, con páginas de texto difícilmente actualizables. La web 2.0 permitió el desarrollo de blogs, wikis y redes sociales para compartir conocimiento de forma colaborativa. La web 3.0 es la web semántica e inteligente que aprovecha la nube y dispositivos múltiples para ofrecer servicios al usuario sin necesidad de sistemas complejos.
La web 1.0 se caracterizaba por ser unidireccional y tener contenidos estáticos. La web 2.0 permitió el desarrollo de blogs, wikis, redes sociales y contenidos dinámicos generados por los usuarios. La web 3.0, también llamada web semántica, aprovecha la nube para prestar servicios inteligentes a los usuarios en múltiples dispositivos y vincula datos para mejorar la búsqueda de información relevante.
Con este trabajo podrás saber lo que son, sus ventajas y desventajas de la web 1.0, web 2.0, web 3.0 web, 4.0 e incluso al final tendrás un cuadro comparando estas web.
El documento describe las aplicaciones del campo empresarial en los sitios web. Las empresas necesitan sistemas de información para obtener información confiable que les ayude en la toma de decisiones. Las tecnologías de la información como los sitios web tienen un gran efecto, ya que vivimos en una sociedad de la información. Las empresas deben competir en el mercado electrónico y tener sistemas de información adecuados a sus necesidades.
La web 1.0 era principalmente unidireccional y contenía información estática que no podía actualizarse fácilmente. La web 2.0 permitió el desarrollo de blogs, wikis, foros y redes sociales que fomentaron la compartición de conocimiento. La web 3.0 es la web semántica, basada en la nube y accesible desde múltiples dispositivos, que pretende ofrecer servicios inteligentes al usuario almacenando su información en la nube.
El documento describe la evolución de la web desde la Web 1.0 hasta la Web 4.0. Explica que la Web 1.0 consistía en páginas estáticas con contenido de solo texto, mientras que la Web 2.0 permitió la participación de usuarios y contenido dinámico a través de blogs y redes sociales. La Web 3.0 se basa en la web semántica y la nube, y la Web 4.0 propone una interacción más personalizada con el usuario.
El documento describe la evolución de la web desde la web 1.0 hasta la web 3.0. La web 1.0 era estática y unidireccional, mientras que la web 2.0 permitió la interactividad y colaboración a través de blogs, wikis y redes sociales. La web 3.0, también llamada web semántica, es inteligente y aprovecha la nube para prestar servicios al usuario desde cualquier dispositivo.
El documento define la Web 2.0 como una segunda generación de sitios web basados en el modelo de comunidad de usuarios, que incluye redes sociales, blogs, wikis y servicios multimedia interconectados que permiten el intercambio de información entre usuarios y la colaboración en la producción de contenido. Explica las diferencias clave entre la Web 1.0 y la Web 2.0, como la participación activa de los usuarios en la creación y modificación de contenido. Finalmente, enumera 25 aplicaciones de Web 2.0 como Tinychat, KeepHD, WIX
El documento describe la evolución de Internet desde la Web 1.0 hasta la Web 3.0, incluyendo las características y aplicaciones clave de cada versión. Explica conceptos como la nube, Google Drive y herramientas web 2.0 como blogs, wikis y SlideShare que permiten la colaboración entre usuarios. Finalmente, señala que la Web 3.0 busca pasar a una red del conocimiento mediante la inteligencia artificial y el Internet de las cosas.
El documento describe la evolución de Internet desde la Web 1.0 hasta la Web 3.0, incluyendo las características y aplicaciones clave de cada versión. Explica conceptos como la nube, Google Drive y herramientas web 2.0 útiles para docentes. El objetivo es analizar el desarrollo de Internet y su impacto en la educación.
El documento describe la evolución de la web a través de diferentes etapas, incluyendo la Web 1.0, 2.0 y más allá. La Web 1.0 se originó en los años 60 como una colección de documentos HTML estáticos conectados por hipervínculos. La Web 2.0 permitió una mayor interacción entre usuarios a través de redes sociales, wikis y otras herramientas colaborativas. Las etapas futuras incluyen la Web 3.0 que conectará aplicaciones entre sí y la Web 4.0 que incorporará inteligencia artificial
Este documento presenta las respuestas a un cuestionario sobre Tecnologías de la Información y Comunicación (TICs). Define TICs, describe sus campos de acción como guerra, política y administración. Explica conceptos como Web 1.0, Web 2.0, sus principios y áreas de aplicación. También menciona herramientas como Wikipedia, YouTube y Flickr. Finalmente, detalla el uso de diversas plataformas y herramientas digitales en educación.
La web 1.0 era unidireccional y contenía información estática que rara vez se actualizaba. La web 2.0 permitió el contenido generado por los usuarios a través de blogs, wikis y redes sociales para compartir conocimiento. La web 3.0 es la web semántica basada en la nube que se puede acceder desde varios dispositivos y pretende ofrecer servicios inteligentes a los usuarios almacenando su información en la nube.
Este documento resume las características principales de los sitios web informativos como periódicos y revistas. Explica que un sitio web es una colección de páginas relacionadas a un dominio de Internet y que los sitios informativos buscan presentar información actual e interesante para los lectores. También describe la evolución de los periódicos y revistas en la web, desde versiones iniciales simples hasta sitios más interactivos e inclusivos de los usuarios, y resalta la importancia de redactar noticias apropiadas para cada plata
Este documento presenta un proyecto para diseñar una red para una fundación. Se describe la distribución física del edificio con diferentes salas y espacios. Se enumeran los requisitos técnicos para cada espacio. Los objetivos del proyecto son proponer una conectividad física y lógica para la red, estimar las necesidades de conectividad exterior y de mantenimiento, y documentar el diseño completo. Se especifican los criterios de evaluación y las instrucciones para la entrega del proyecto final.
Este documento trata sobre herramientas auxiliares de programación como la documentación de código, el formato Javadoc y Doxygen para generar documentación, y el uso de Make para el mantenimiento de proyectos de software. En particular, describe cómo Javadoc y Doxygen permiten generar documentación a partir de comentarios en el código, y cómo Make automatiza el proceso de compilación mediante la especificación de tareas y dependencias.
Este documento resume la historia y tecnología detrás de Ethernet de 100 Mb/s (Fast Ethernet). Explica que surgió en 1995 para competir con Token Ring y fue un éxito rápido e inesperado debido a su sencillez y facilidad de transición. Detalla las variantes tecnológicas clave como 100BASE-TX, 100BASE-T4 y 100BASE-T2, las cuales usan codificaciones como 4B5B, 8B6T y PAM5 para transmitir a 100 Mb/s a través de cableado UTP categoría 3
Este documento presenta un proyecto para diseñar una red para un complejo de ocio y negocios llamado Ociburgo. Describe la distribución del complejo, los requisitos de conectividad para las diferentes áreas, y los objetivos del proyecto como proponer modelos de conectividad física y lógica de red, estimar las necesidades de conectividad exterior y de mantenimiento, y desarrollar la documentación y presentación del proyecto. El proyecto deberá entregarse antes del 2 de junio.
IW-UTXX: Programación web en PHP con bases de datosDavid Martin
El documento describe conceptos relacionados con la programación orientada a objetos en PHP y el acceso a bases de datos. Explica la definición de clases, atributos, métodos y objetos. También cubre temas como internacionalización, localización, herencia y diagramas UML.
Este documento describe cómo los sistemas de bases de datos relacionales como SQL Server y MySQL pueden almacenar y consultar datos XML. Explica dos enfoques para integrar XML y bases de datos: almacenar datos XML en tablas relacionales o almacenar documentos XML de forma nativa. Luego, detalla cómo SQL Server y MySQL permiten consultas SQL que devuelven resultados en formato XML, así como almacenar y consultar datos XML de forma nativa usando XQuery.
Este documento presenta un proyecto para diseñar una red local ("BurgoRED") que conecte varias instalaciones municipales en un área rural. El proyecto propone conectar un ayuntamiento, un centro social y una escuela, y requiere soluciones para conectividad interna y externa, así como propuestas de documentación, costes e infraestructura de red. El documento establece los objetivos, criterios de evaluación y fechas de entrega para el proyecto.
Este documento describe las hojas de estilo CSS (Cascading Style Sheets). Explica la estructura y sintaxis de CSS, incluyendo selectores, propiedades de formato como colores, fuentes y dimensiones, y el modelo de cajas. También cubre temas como posicionamiento, tablas, historia y aplicación de CSS.
Este documento proporciona información sobre los formatos RSS y Atom para la sindicación de contenidos. Explica que RSS y Atom son estándares basados en XML que permiten compartir actualizaciones de contenido de forma automática entre sitios web. También describe los elementos principales de RSS como canal y elementos, y los tipos de documento en Atom: feed y entry. Finalmente, incluye ejemplos de código RSS y Atom.
Este documento presenta información sobre transformaciones de documentos XML y hojas de estilo. Introduce los conceptos de CSS, XSLT, XPath y XSL-FO, y cómo estos lenguajes complementarios permiten transformar y dar formato a documentos XML para diferentes usos como visualización, impresión o transferencia entre aplicaciones. Incluye ejemplos de cómo aplicar CSS y transformaciones XSLT a documentos XML.
Este documento describe la historia y tecnología de Ethernet. Comenzó en la década de 1970 en Xerox PARC a 2.94 Mbps. En la década de 1980 se estableció como estándar IEEE 802.3. Ha evolucionado a velocidades de 100 Mbps, 1 Gbps, y 10 Gbps. Existen varios tipos físicos como 10BASE5 (cable coaxial grueso), 10BASE2 (cable coaxial fino), y 10BASE-T (par trenzado). Ethernet usa direcciones MAC únicas de 6 bytes para cada interfaz de red y
Este documento introduce los lenguajes de marcas y XML. Explica brevemente la historia de los lenguajes de marcas desde SGML hasta HTML y XML. Describe la estructura básica de los documentos XML, incluyendo elementos, atributos y validación.
Este documento describe las plataformas web con fines educativos. Explica la evolución de Internet y la web, incluyendo lenguajes como HTML y CSS. También cubre el uso de la web en el aula, como un sistema de acceso a información y recursos educativos. Finalmente, presenta algunas plataformas educativas populares como Moodle y Claroline, y propone actividades prácticas como editar artículos de Wikipedia y crear un curso en Moodle.
Este documento presenta una introducción al software de gráficos vectoriales Inkscape. Explica formatos como SVG y herramientas como trayectos, capas, propiedades, opciones avanzadas y digitalización. Propone cinco proyectos prácticos como dibujar una figura, trabajar con color y transparencia, calcar un mapa, vectorizar una imagen y crear logotipos.
El documento presenta información sobre esquemas y vocabularios en XML. Explica las DTD (Document Type Definition) como un modelo estructural para definir elementos, atributos, contenido y jerarquía de elementos en un documento XML. También cubre conceptos como entidades, espacios de nombres y esquemas XML para definir vocabularios. El documento incluye varios ejemplos prácticos de cómo aplicar estas definiciones y validar documentos XML.
LM-UT8: Sistemas de Gestión empresarialDavid Martin
Este documento describe los sistemas de gestión empresarial y los lenguajes de marcas utilizados. Explica que las empresas necesitan gestionar grandes cantidades de información para sus actividades y por razones legales. También describe los componentes clave de un sistema de gestión como el hardware, software y personas involucradas. Finalmente, analiza opciones de software como los paquetes ERP, CRM y otras herramientas de gestión tanto comerciales como de código abierto.
El documento presenta un taller sobre el uso de gráficos en el aula. El taller cubre diferentes formatos gráficos como bitmap y vectoriales e introduce la herramienta de gráficos vectoriales libre Inkscape. El taller también discute la importancia de los gráficos para el aprendizaje y ofrece consejos sobre el uso y formatos adecuados de imágenes en documentos y presentaciones.
Este documento presenta una introducción a Internet y la web. Explica conceptos clave como la evolución de Internet desde las redes militares hasta la web 2.0 participativa de hoy. También describe tecnologías fundamentales como HTML, CSS, PHP y bases de datos, y cómo se pueden usar plataformas educativas en línea como Moodle.
El documento describe las características de las diferentes generaciones de la Web: Web 1.0 permitía páginas estáticas y poco interactivas, Web 2.0 introdujo contenido generado por los usuarios y mayor interactividad, Web 3.0 buscó una interfaz más personalizada y conectividad en más dispositivos, y Web 4.0 intenta dar soluciones al usuario basadas en el contexto y la inteligencia artificial.
La historia de Internet comenzó en la década de 1960 cuando el gobierno de Estados Unidos creó ARPANET, una red militar exclusiva que conectó cuatro universidades. En 1991 se publicó la primera página web y surgió la Web 1.0, que consistía en páginas estáticas en HTML. La Web 2.0 se caracterizó por el surgimiento de usuarios activos y contenido generado por los usuarios en blogs, redes sociales y wikis. La Web 3.0 se centra en el uso de datos semánticos e inteligencia artificial, mientras que la
La web 3.0 se centra en la inteligencia artificial para clasificar y entender páginas web. Permitirá realizar búsquedas en lenguaje natural sin necesidad de claves. Las redes sociales serán más exclusivas y complejas, y los dispositivos portátiles reemplazarán cada vez más a los computadores personales gracias a su multifuncionalidad y acceso a la web.
La Web 1.0 comenzó en la década de 1960 con navegadores de texto y luego HTML para hacer las páginas más atractivas visualmente. La Web 1.0 solo permitía la lectura y el usuario no podía interactuar con el contenido, limitado a lo publicado por el webmaster.
El documento describe la evolución de las webs desde la Web 1.0 hasta la posible Web 7.0. Resume las características clave de cada versión de la web como su interactividad, dinamismo y participación de los usuarios. También analiza las ventajas y desventajas de cada versión.
Este documento resume las características y ventajas y desventajas de las herramientas Web 1.0, 2.0 y 3.0. La Web 1.0 se caracterizaba por páginas estáticas y falta de interactividad. La Web 2.0 introdujo blogs, redes sociales y contenido generado por usuarios. La Web 3.0 pretende dotar a la web de inteligencia y capacidad de entendimiento a través de etiquetado semántico, permitiendo búsquedas más sofisticadas.
La Web 1.0 (1991-2003) permitía páginas web estáticas con marcos y etiquetas HTML. La Web 2.0 (2004 en adelante) fomentó la participación de usuarios y aplicaciones web como redes sociales y wikis. La Web 3.0 (2006) buscó hacer la web más inteligente y semántica. Se prevé que la Web 4.0 (2020) será una red móvil con agentes virtuales inteligentes y acceso inalámbrico de alta velocidad.
La tecnología web ha evolucionado de la Web 1.0 a la Web 2.0 y ahora a la Web 3.0. La Web 1.0 consistía principalmente en páginas estáticas y contenido divulgativo, mientras que la Web 2.0 se centró en la participación de los usuarios y las redes sociales. La Web 3.0 apunta a ser una web semántica e inteligente basada en la nube que puede accederse desde múltiples dispositivos.
El documento define Web 2.0 como una segunda generación de tecnología web basada en comunidades de usuarios y servicios como redes sociales, blogs y wikis que fomentan la colaboración entre usuarios. Algunas características clave de Web 2.0 incluyen contenido generado por usuarios, redes sociales, RSS y interfaces dinámicas. Web 2.0 ha llevado a un resurgimiento de empresas de internet con modelos de negocio basados en servicios en lugar de software empaquetado.
El documento describe las características de la Web 1.0, 2.0 y 3.0. La Web 1.0 se caracterizó por ser unidireccional y con contenidos estáticos. La Web 2.0 permitió la colaboración y contenidos dinámicos a través de blogs, wikis y redes sociales. La Web 3.0 es la web semántica basada en la nube que es accesible desde múltiples dispositivos.
Este documento resume la evolución de la web a través de cinco generaciones. La Web 1.0 permitía solo lectura de páginas estáticas. La Web 2.0 permitió que los usuarios crearan y compartieran contenido. La Web 3.0 agregó datos semánticos y capacidades multiplataforma. La Web 4.0 integrará la inteligencia artificial y la realidad aumentada. Finalmente, la Web 5.0 podrá identificar emociones a través de dispositivos sensoriales.
Este documento resume las características clave de la Web 2.0, incluyendo su enfoque en los usuarios finales, la participación y colaboración de los usuarios para crear y compartir contenido, y el uso de plataformas en línea para alojar aplicaciones y datos.
La Web 2.0 se refiere a la evolución de la World Wide Web hacia un entorno más dinámico y social en el que los usuarios interactúan y colaboran entre sí. Sitios como YouTube, Wikipedia y Facebook permiten que los usuarios generen y compartan contenido y se conecten entre sí. La Web 2.0 se caracteriza por aprovechar la inteligencia colectiva de los usuarios y ofrecer experiencias más enriquecedoras a través de aplicaciones y servicios simples.
La Web 1.0 se refiere a la World Wide Web original, caracterizada por páginas web estáticas, limitada interactividad del usuario, y falta de participación y colaboración. La Web 2.0 introdujo sitios web dinámicos que permiten la participación y colaboración de los usuarios a través de blogs, redes sociales y wikis. La Web 3.0 se centra en la inteligencia artificial y la web semántica para lograr una web más inteligente que comprende el significado y el contexto de la información.
La Web 1.0 era estática y de sólo lectura, mientras que la Web 2.0 es más dinámica e interactiva gracias a plataformas sociales y blogs. La Web 3.0 pretende hacer la red semántica a través de metadatos e inteligencia artificial para que las máquinas comprendan mejor el contenido y puedan responder preguntas sin intervención humana directa.
Este documento resume la evolución de Internet y la web a través de cinco generaciones: Web 1.0 consistió en páginas web estáticas y unidireccionales. Web 2.0 introdujo sitios web dinámicos y colaborativos. Web 3.0 agregó inteligencia artificial para entregar contenido personalizado. Web 4.0 propuso una web ubicua e inteligente. Finalmente, Web 5.0 pretende incorporar emociones humanas.
Este documento resume la evolución de Internet y la web a través de cinco generaciones: Web 1.0 consistió en páginas web estáticas y unidireccionales. Web 2.0 introdujo sitios web dinámicos y colaborativos. Web 3.0 agregó inteligencia artificial para entregar contenido personalizado. Web 4.0 propuso una web ubicua e inteligente. Finalmente, Web 5.0 pretende incorporar emociones humanas.
Ofrecemos herramientas y metodologías para que las personas con ideas de negocio desarrollen un prototipo que pueda ser probado en un entorno real.
Cada miembro puede crear su perfil de acuerdo a sus intereses, habilidades y así montar sus proyectos de ideas de negocio, para recibir mentorías .
En la ciudad de Pasto, estamos revolucionando el acceso a microcréditos y la formalización de microempresarios informales con nuestra aplicación CrediAvanza. Nuestro objetivo es empoderar a los emprendedores locales proporcionándoles una plataforma integral que facilite el acceso a servicios financieros y asesoría profesional.
Carnavision: anticipa y aprovecha - hackathon Pasto2024 .pdf
LM-UT2: HTML
1. Lenguajes de Marcas y SGI
U.T. 2: Lenguajes de marcas para la web.
HTML y XHTML.
C.F.G.S. “Administración de Sistemas
Informáticos en Red”
C.I.F.P. Juan de Colonia (Burgos)
David H. Martín Alonso
- Curso 2010/2011 -
2. WEB: HTML Y XHTML.
Contenidos
Internet y la web
Estructura y composición
Lenguajes y estándares
HTML
Noviembre de 2010 CIFP Juan de Colonia
3. WEB: HTML Y XHTML.
¿Qué es Internet realmente?
■ Internet Sistema de comunicación Universal × 2
□ La web
□ Componentes • Ámbito universal
□ Lenguajes • Propósito universal
□ Diseño web
Dualidad
3/53
• Tecnología de red predominante: arquitectura TCP/IP
– Numeración IP
• Impacto social
– Correo electrónico
– La web
Internet, intranet y extranet
Noviembre de 2010 CIFP Juan de Colonia
4. WEB: HTML Y XHTML.
Evolución
■ Internet 1970: La informática moderna
□ La web
□ Componentes • Entornos gráficos de usuario
□ Lenguajes • Ratón
□ Diseño web
• Redes locales
• Internet
4/53
1980: El PC
1990: Expansión de la red
• La web y los navegadores
• Acceso doméstico a Internet
2000: La red social
Noviembre de 2010 CIFP Juan de Colonia
5. WEB: HTML Y XHTML.
Evolución de Internet
■ Internet • Origen financiado con fondos militares.
□ La web – DARPA, ARPANET, 1970
□ Componentes
□ Lenguajes • Desarrollo: grupos de investigación y universidades.
□ Diseño web – Años 1980
– Desarrollo autónomo, artesanal.
• 1995: apertura al público, particulares
5/53
– Necesidad de tecnologías de las “telefónicas”.
– años 1990: revolución web
Aplicación rompedora.
– Provoca su incorporación en redes comerciales.
• Años 2000: omnipresencia de la red
– Medios de comunicación, economía,...
– Trabajo, comercio,...
– Relaciones personales
• Tecnología competitiva con el software de escritorio
– AJAX: HTML + CSS + Javascript + ingenio...
– Aplicación de modelos sociales en aplicaciones web
Noviembre de 2010 CIFP Juan de Colonia
6. WEB: HTML Y XHTML.
¿Internet S.A.?
■ Internet Evolución de Internet: reto al modelo empresarial
□ La web
□ Componentes • Chascarrillo: origen financiado con fondos militares.
□ Lenguajes • Desarrollo: grupos de investigación y universidades.
□ Diseño web
• Despreciado en el mundo comercial.
– Red no profesional, de aficionados.
6/53 • 1995: apertura de los sistemas de acceso a las
“telefónicas”.
• años 1990: revolución web
– Aplicación “de aficionados”, pero muy rompedora.
– Provoca la agonía de las redes comerciales.
Incubadora de movimientos libres:
• BSD: Licencia de UNIX para investigación.
– Soporte de programación que sustenta Internet.
• Linux, GNU, Wikipedia.
– Comunidades colaborativas de ámbito universal.
Noviembre de 2010
• Necesidad de un nuevo marco de regulación. CIFP Juan de Colonia
7. WEB: HTML Y XHTML.
La web
□ Internet Intercambio de documentos de hipertexto
■ La web
□ Componentes Mosaic: Visualización in situ de imágenes
□ Lenguajes
□ Diseño web • Popularidad rápida e imprevista
• Al margen de los intereses comerciales
7/53 Generación dinámica de páginas
• En tiempo real
• Uso como interfaz universal para aplicaciones
• Independiente de la plataforma
Mejoras en la interacción con el usuario
• Javascript, AJAX
Integración: servicios web
Estandarización: W3C (Consorcio WWW)
• Flexibilidad frente a anarquía
Noviembre de 2010 CIFP Juan de Colonia
8. WEB: HTML Y XHTML.
Web 2.0
□ Internet Siglo XXI: cambio de paradigma
■ La web
□ Componentes • Muchos pequeños cambios combinados.
□ Lenguajes • Canal de distribución × Red de colaboración
□ Diseño web
La figura del lector se convierte en colaborador
8/53
• La participación y la discusión provoca evolución.
[YouTube]
Noviembre de 2010 CIFP Juan de Colonia
9. WEB: HTML Y XHTML.
Actividad I: Web 2.0
Los espacios web de moda presentan unos patrones
de colaboración comunes, adaptados a temáticas
diversas. Aunque el patrón parezca común, unos y
otros alcanzan popularidad dispar según la dinámica
que marquen sus colaboradores.
Un buen punto de partida parra iniciar un recorrido
son los blog de Enrique Dans o Tiscar Lara.
-Blogs de Enrique Dans y Tiscar Lara
-del.icio.us, SlideShare, Google Docs
-YouTube, Flickr, Picasa, Jamendo
-Twitter, Facebook, tuenti
Noviembre de 2010 CIFP Juan de Colonia
10. WEB: HTML Y XHTML.
Arquitectura
■ Introducción Arquitectura/modelo cliente-servidor
□ Historia
□ Navegadores • Servidor en espera, distribuye páginas
□ HTML • Cliente, el navegador web iniciado por el usuario
□ CSS
□ Servidor web Protocolo: HTTP
□ Virtualización
10/53
• Hypertext Transfer Protocol
– “Lenguaje” de comunicación entre cliente y servidor
Contenido, formato: HTML + CSS
• HyperText Markup Language
– Texto plano con <marcas>
• Cascading Style Sheets
– Definiciones del estilo {color:red;}
Noviembre de 2010 CIFP Juan de Colonia
11. WEB: HTML Y XHTML.
Aplicaciones en red: modelos (I)
□ Internet Archivos de datos compartidos en red.
□ La web
■ Componentes • Programas locales, en el terminal del usuario.
□ Lenguajes • Discos virtuales en red.
□ Diseño web
• Gestionado por el sistema operativo.
– Control de acceso y optimizaciones mínimas.
11/53 • Tráfico elevado, todo el proceso en el puesto de
usuario.
• Fácil adaptación de programas DOS monousuario.
Noviembre de 2010 CIFP Juan de Colonia
12. WEB: HTML Y XHTML.
Aplicaciones en red: modelos (II)
□ Internet Aplicaciones cliente-servidor.
□ La web
■ Componentes • Parejas de programas: servidor y sus clientes.
□ Lenguajes – Protocolo común de comunicación.
□ Diseño web – Clientes varios, adaptados a cada sistema o uso.
• Servidor: en espera, presta servicios.
12/53
– Ejecución automática al iniciar/parar sistema.
• Tráfico ajustado, sólo la información solicitada.
– Proceso repartido.
• Modelo clásico en UNIX/Internet/WWW.
Noviembre de 2010 CIFP Juan de Colonia
13. WEB: HTML Y XHTML.
Aplicaciones en red: modelos (III)
□ Internet Terminales remotas / aplicaciones web
□ La web
■ Componentes • Proceso remoto / visualización en los puestos
□ Lenguajes – Terminales, consolas de texto
□ Diseño web – X-Windows, servidores de terminales
– Aplicaciones y servicios web, con navegadores
13/53
Noviembre de 2010 CIFP Juan de Colonia
14. WEB: HTML Y XHTML.
Aplicaciones en red: modelos (IV)
□ Internet Sistemas distribuidos
□ La web
■ Componentes • Conjunto de servicios
□ Lenguajes – Integración: múltiples equipos en localizaciones dispersas.
□ Diseño web – Transparencia: percepción unificada por los usuarios.
– Mejora de rendimiento + mayor resistencia a fallos.
14/53
• Distribución geográfica ajustable
– Para reducir distancias/tráfico/tiempo.
– Para configurar cierta redundancia → seguridad.
• El futuro: ¿la nube? (cloud computing)
– Tanto el proceso como los datos estarán en “la Red”
– Acceso a través de interfaces web universales.
Noviembre de 2010 CIFP Juan de Colonia
15. WEB: HTML Y XHTML.
Navegadores
□ Internet • Precedente: Gopher Pestañas
□ La web
■ Componentes Mosaic → Netscape → Mozilla → Gecko
□ Lenguajes
□ Diseño web
• Firefox
• Seamonkey Complementos
• Galeon
15/53
Lynx → Links Extensiones
Opera
Konqueror → Safari → WebKit → Epiphany
MS Internet Explorer Marcadores
– Internet Explorer 6 – 7 – 8 – 9
Google Chrome, Chromium
Seguridad
Noviembre de 2010 CIFP Juan de Colonia
16. WEB: HTML Y XHTML.
Servidores
□ Internet
□ La web
■ Componentes Apache
□ Lenguajes
□ Diseño web • Software libre, servidor popular multiplataforma
• Licencia Apache
16/53 MS Internet Information Server (IIS)
• Aplicaciones web con .NET, para MS Windows
Tomcat
• Aplicaciones web con Java, multiplataforma
• Software libre, licencia Apache
LightTPD
• Software libre, servidor ligero
• Licencia BSD
Noviembre de 2010 CIFP Juan de Colonia
17. WEB: HTML Y XHTML.
Apache
□ Internet Apache 2.2.17 (a 19/10/2010)
□ La web
■ Componentes http://httpd.apache.org/
□ Lenguajes
□ Diseño web Servidor web multiplataforma
• Incluido en las distribuciones GNU/Linux
17/53 • Instalador para MS Windows
Software libre: open-source, licencia Apache 2
Funcionalidades extra:
• Proxy-cache / acelerador
• Servidores virtuales
Otros productos de la Fundación Apache
• Tomcat: servidor de aplicaciones Java
• Batik: librería de programación SVG en Java
Noviembre de 2010 CIFP Juan de Colonia
18. WEB: HTML Y XHTML.
Arquitectura LAMP/WAMP (I)
□ Internet La generación de contenido web dinámica implica
□ La web
■ Componentes disponer de varias aplicaciones:
□ Lenguajes • Servidor web, distribuye: Apache
□ Diseño web
• Lenguaje de programación, construye: PHP
• Base de datos: MySQL
• Aplicaciones: wikis, blogs, portales, CMS, LMS...
18/53
En entornos profesionales se repite el modelo
con aplicaciones comerciales:
• Tomcat + Java + Oracle
• IIS + .NET + SQL Server
Noviembre de 2010 CIFP Juan de Colonia
19. WEB: HTML Y XHTML.
Arquitectura LAMP/WAMP (II)
□ Internet Instalación
□ La web
■ Componentes • GNU/Linux: Incluidos
□ Lenguajes • MS Windows: Paquetes integrados
□ Diseño web
– MoWes
– AppServ
– Xampp
19/53
SEGURIDAD: MUY ALTO RIESGO DE ATAQUES
• Actualizaciones automáticas en GNU/Linux.
• Actualizaciones manuales de paquetes en MS
Windows.
→ Sobreponderar siempre la opción de hospedaje
externo salvo que los datos exijan una particular
protección.
Noviembre de 2010 CIFP Juan de Colonia
20. WEB: HTML Y XHTML.
Lenguajes
□ Internet Transporte: HTTP
□ La web
□ Componentes Contenido: documentos HTML (XHTML)
■ Lenguajes
□ Diseño web Estética: hojas de estilo CSS
Programación: PHP, Java, Perl, Python
20/53
Imágenes: GIF, JPEG, PNG
Complementos: Flash, PDF
Noviembre de 2010 CIFP Juan de Colonia
21. WEB: HTML Y XHTML.
Revisión
● ¿Dónde podemos encontrar la norma
web 2.0?
● ¿Qué usos tiene y qué ventajas
aporta el modelo cliente-servidor?
● ¿Cuántos clientes HTTP puedes
nombrar de memoria?
● ¿Es recomendable montar un
servidor de empresa con MS Windows
y Xampp? ¿Por qué?
Noviembre de 2010 CIFP Juan de Colonia
22. WEB: HTML Y XHTML.
Evolución del diseño web
□ Internet Hipertexto
□ La web
□ Componentes Imágenes, imágenes animadas y tablas
□ Lenguajes
■ Diseño web Formato y estilos
Programación del lado del cliente: Javascript
22/53
Lenguajes de programación del lado del servidor
• PHP, Java
Portales y plataformas
Servicios web
Interacción mejorada: AJAX
Noviembre de 2010 CIFP Juan de Colonia
23. WEB: HTML Y XHTML.
Diseño: herramientas/editores
□ Internet Editores comunes de texto con coloreado de
□ La web
□ Componentes sintaxis:
□ Lenguajes • Notepad++, jEdit, kate, gedit...
■ Diseño web
• vim, emacs, mcedit...
• ...
23/53
Editores XML/HTML:
• Bluefish...
Editores WYSIWYG:
editor + visor + gestor de proyecto
• Dreamweaver, HTML-Kit
• MS FrontPage
• Mozilla: Seamonkey, NVu, KompoZer
• W3C: Amaya
WYSIWYG: “What You See Is What You Get”
WYSIWYG: “What You See Is What You Get”
Noviembre de 2010 CIFP Juan de Colonia
24. WEB: HTML Y XHTML.
HTML: Historia
□ Internet • HTML 2.0
□ La web – Primera versión oficial diferenciada de SGML.
□ Componentes
– RFC1866, IETF, noviembre de 1995
□ Lenguajes
– HTML básico y soporte para integrar imágenes
■ Diseño web
• HTML 3.2
– Primera versión promovida por el W3C, enero 1997
24/53
– Mejoras de formato
– Soporte para tablas
Abuso, como sucedáneo de columnas y bloques
• HTML 4
– Diciembre de 1997
– Base del HTML/XHTML en uso actualmente
– Degradación de elementos de formato en favor de CSS
• XHTML 1.0
– Enero de 2000
• HTML 5 / XHTML 5 –borrador–
– Enero de 2008
Noviembre de 2010 CIFP Juan de Colonia
25. WEB: HTML Y XHTML.
HTML: Validación
□ Internet La web se basa en la flexibilidad de los
□ La web
□ Componentes navegadores ante diferencias/ampliaciones del
□ Lenguajes lenguaje HTML
■ Diseño web
• ¿Cómo detectar errores en las páginas?
• Necesarias herramientas de validación
25/53 – Aplicaciones independientes
Ej.: tidy
– Integradas en editores WYSiWYG (visuales)
– Validación W3C en línea
Con la URI, el archivo o pegando el código
HTML: http://validator.w3.org/
CSS: http://jigsaw.w3.org/css-validator
• Dificultades habituales
– Ausencia de la línea de DTD con la versión de HTML
– No se identifica la codificación de caracteres
– Obligan a proporcionar texto alternativo...
en imágenes (alt=”...”) y tablas (summary=”...”)
Noviembre de 2010 CIFP Juan de Colonia
26. WEB: HTML Y XHTML.
HTML: Versiones y DTD
□ Internet La primera línea de todo documento HTML debe
□ La web
□ Componentes identificar la versión de HTML utilizada
□ Lenguajes • Necesarios para la validación
■ Diseño web
• Flexibilidad controlable sobre uso/abuso de estilos
– Modo estricto / modo transicional
26/53 – Estricto: formatos obsoletos por CSS, quedan prohibidos
– El formato de marcos (frameset) está en desuso
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Noviembre de 2010 CIFP Juan de Colonia
27. WEB: HTML Y XHTML.
HTML ↔ XHTML
□ Internet XML exige incorporar algunas condiciones sobre
□ La web
□ Componentes la forma de los documentos:
□ Lenguajes • Todos los elementos deben ir cerrados.
■ Diseño web
– Etiquetas de cierre obligatorias.
– Cierre incorporado en etiquetas sencillas: <br />
27/53 • Los nombres (tipos, atributos) en minúsculas.
• Los valores deben ir entrecomillados
– width=”20%”
– No se permiten opciones/atributos sin valor.
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
• Descriptores adicionales para XML...
• Referencia del lenguaje: documentación HTML 4.01
Noviembre de 2010 CIFP Juan de Colonia
28. WEB: HTML Y XHTML.
¿XHTML 1.1?
□ Internet XHTML 1.1: XHTML estricto
□ La web
□ Componentes • XHTML 1.0 Strict + XHTML Modules
□ Lenguajes <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
■ Diseño web
28/53
XHTML Basic
• Versión mínima, portable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN"
"http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
Noviembre de 2010 CIFP Juan de Colonia
29. WEB: HTML Y XHTML.
HTML: Hola mundo
□ Internet Los documentos HTML tienen:
□ La web
□ Componentes • Cuerpo <body> - contenido
□ Lenguajes
• Cabecera <head> - datos de la página
■ Diseño web
<html>
29/53
<head>
<title>Primer programa</title>
</head>
<body> html
<p>Hola mundo</p>
head body
</body>
</html> title p
Noviembre de 2010 CIFP Juan de Colonia
30. WEB: HTML Y XHTML.
HTML: Codificaciones (I)
□ Internet Es muy importante en la Web emplear
□ La web
□ Componentes correctamente las codificaciones
□ Lenguajes • Equipos de todo el mundo con distintos juegos de
■ Diseño web
caracteres
Opciones comunes:
30/53
• ASCII: 7 bits, americano
• ISO-8859-1: Estándar ISO, 8 bits, occidental
• UTF-8: Codificación Unicode a 8 bits, Universal
Hay que indicarlo en una cabecera de <head>
<head>
<meta http-equiv="content-type" content="text/html; charset=us-ascii">
</head>
Noviembre de 2010 CIFP Juan de Colonia
32. WEB: HTML Y XHTML.
Actividad III: Plantillas
Con el ejemplo «Hola mundo» y los DTD de distintas
versiones componer unas plantillas básicas,
validarlas y guardarlas para uso futuro.
Noviembre de 2010 CIFP Juan de Colonia
33. WEB: HTML Y XHTML.
Actividad IV: entidades
Buscar una buena tabla de entidades de caracteres
para la web y crear el marcador en el navegador
para tenerla a mano.
Noviembre de 2010 CIFP Juan de Colonia
34. WEB: HTML Y XHTML.
HTML: Formato básico
□ Internet Párrafos:
□ La web
□ Componentes • Parrafos, no anidables: <p>
□ Lenguajes
• Bloques versátiles, anidables: <div>
■ Diseño web
Encabezados/títulos:
34/53
• <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
Saltos de línea:
• <br/>
Destacado/negrita:
• <strong>
• <b> (bold)
Énfasis/cursiva:
• <em>
• <i> (italics)
Noviembre de 2010 CIFP Juan de Colonia
35. WEB: HTML Y XHTML.
Direcciones web
□ Internet Formato universal, usos ampliables
□ La web
□ Componentes • Protocolo + nombre/sistema/IP + ruta + archivo
□ Lenguajes – Ej.: http://mi.ordenador.com/directorio/archivo.htm
■ Diseño web
URI, URN, URL
• URI: Uniform Resource Identifier
35/53
Identificadores de recursos en Internet
• URN: Uniform Resource Name
URI basados en un nombre para el recurso
• URL: Uniform Resource Locator
URI basados en la dirección donde se puede acceder
Noviembre de 2010 CIFP Juan de Colonia
36. WEB: HTML Y XHTML.
Nombres y direcciones IPv4
□ Internet Dirección IPv4: número de 4 bytes, en decimal
□ La web
□ Componentes
– 89.156.32.54
– No siempre 1 dirección = 1 equipo
□ Lenguajes
■ Diseño web
Asignados por redes: numeración organizada
– Una parte del número es común dentro de la misma red
36/53 • Delimitado por la «máscara»
– Bloque de unos y ceros: parte de red, parte de equipo
– Dos formatos equivalentes para expresarla
Formato 1: /255.255.128.0 (similar a IP)
Formato 2: /17 (CIDR, número de unos)
• Rangos reservados
– Loopback: 127/8 (autorreferencia, pruebas)
– Redes internas/privadas: 10/8, 172.16/12, 192.168/16
– Autoconfiguración: 169.254/16
Conversión a nombres: DNS
– Patrón: equipo.empresa.pais (Ej.: asterix.fi.upm.es)
Noviembre de 2010 CIFP Juan de Colonia
37. WEB: HTML Y XHTML.
HTML: Enlaces
□ Internet Con la marca <a ...>:
□ La web
□ Componentes • <a ...>texto del enlace</a>
□ Lenguajes
• El atributo href=”...” recoge el destino
■ Diseño web
– Direcciones absolutas para destinos externos
<a href=”http://miweb.es/bonita.htm”>
37/53
– Direcciones relativas para destinos internos
<a href=”../ayuda/opciones.htm”>
• Es útil la apertura del enlace en ventana aparte
<a target=”_blank”>
– ...pero es incorrecto en XHTML ☹
• Puede envolver una imagen en vez de texto
• Enlaces internos dentro de una página
– <a href=”#sección1”> → <a name=”sección1”>
– <a href=”#índice”> → <div id=”índice”>
Aplica diversas variantes de estilo (para CSS)
– No visitado / Visitado/ Activo, pulsado / Al pasar sobre él
Noviembre de 2010 CIFP Juan de Colonia
38. WEB: HTML Y XHTML.
HTML: Imágenes
□ Internet Clave del éxito de la web, con Mosaic
□ La web
□ Componentes Formatos de referencia:
□ Lenguajes
■ Diseño web • PNG: Dibujos, imágenes con colores uniformes
• JPEG: Fotografía, imágenes con colores difusos
38/53
• GIF: Animaciones, secuencias
Con la marca <img ...>:
• Marca independiente
• El atributo src=”...” recoge el destino
– Análogo a href=”...” en los enlaces <a>
– Habitualmente destinos internos
<img src=”imagenes/monigote.png” />
• Se debe dar el tamaño: width=”20” height=”50”
• Se debe dar un texto: alt=”mascota”
– Para etiquetas emergentes: title=”¡Bienvenidos!”
Noviembre de 2010 CIFP Juan de Colonia
39. WEB: HTML Y XHTML.
Website hosting
□ Internet • Sugerencia: el alojamiento externo permite delegar en
□ La web una empresa externa tareas de mantenimiento → $$
□ Componentes
□ Lenguajes
– Reducción de tráfico
– Reducción de ataques
■ Diseño web
– Mantenimiento del hardware
– Actualizaciones de software
39/53 – Almacenamiento redundante
• Se mantienen responsabilidades
– Integridad lógica del sistema
– Seguridad de los datos
• Valoración
– Precio, almacenamiento, tráfico admitido
– Oferta de aplicaciones: LAMP
– Transferencia de archivos: FTP o web
– Panel de control
– Oferta de subdominio / transferencia de dominio
– Publicidad permitida / obligatoria. Actividad mínima
– Otros servicios: correo...
Noviembre de 2010 CIFP Juan de Colonia
40. WEB: HTML Y XHTML.
Actividad V: publicación
Localizar servicios de hospedaje gratuito y colocar en
ellas ejemplos de páginas básicas con enlaces e
imágenes.
Evitar servidores que incluyan anuncios forzados,
porque esto suele introducir elementos que rompen
la validez de la página.
Verificar las páginas mediante su URI e incorporar los
enlaces propuestos o equivalentes para su
autoverificación.
Situar al comienzo de la página el nombre del autor y
enlaces a las páginas de dos compañeros, anterior y
posterior, configurando un anillo con toda la clase.
Noviembre de 2010 CIFP Juan de Colonia
41. WEB: HTML Y XHTML.
Revisión
● ¿Qué diferencia hay entre una página
en HTML y otra en XHTML?
● ¿Cuál es la diferencia entre los
modos estricto y transicional?
● En la web ¿cuándo usamos
direcciones relativas y cuándo URI
completos?
Noviembre de 2010 CIFP Juan de Colonia
42. WEB: HTML Y XHTML.
HTML: Tablas
□ Internet Estructura bidimensional, con filas y columnas,
□ La web
□ Componentes donde se dispone información de manera
□ Lenguajes organizada.
■ Diseño web
– 2 categorías: en filas y en columnas
– Fácil localización
– Ordenación/lectura por filas o por columnas
42/53
• Introducido en HTML 3.2
– Elemento esencial: sucedáneo para columnas
• Debemos evitar abuso y aplicar CSS
• Tabla → filas → celdas
tabla: Cuadro o catálogo de números de especie determinada, dispuestos en forma adecuada
tabla: Cuadro o catálogo de números de especie determinada, dispuestos en forma adecuada
para facilitar los cálculos. Tabla de multiplicar, de logaritmos, astronómica.
para facilitar los cálculos. Tabla de multiplicar, de logaritmos, astronómica.
table: a way of showing detailed pieces of information, especially facts or numbers, by
table: a way of showing detailed pieces of information, especially facts or numbers, by
arranging them in rows and lines across and down a page.
arranging them in rows and lines across and down a page.
row: a series of people or things arranged in a straight line.
row: a series of people or things arranged in a straight line.
column: a series of short lines of writing or numbers arranged one below the other on a page.
column: a series of short lines of writing or numbers arranged one below the other on a page.
Noviembre de 2010 CIFP Juan de Colonia
43. WEB: HTML Y XHTML.
HTML: Tablas básicas (I)
table
□ Internet Estructura básica:
□ La web
• Tabla: <table> tr
□ Componentes
□ Lenguajes
• Filas: <tr>
■ Diseño web th
• Celdas: td
– Celdas estándar: <td>
43/53 – Celdas de encabezamiento, destacadas: <th>
• No se establece el tamaño explícitamente
– Dimensionado automático, progresivo y según el contenido
– Posibilidad de tablas irregulares, no rectangulares
Combinación de celdas:
• Atributos modificadores para unir 2, 3... n celdas
– En horizontal colspan=””
– En vertical rowspan=””
• No hay control de consistencia
– ¡celdas múltiples se pueden solapar!
Noviembre de 2010 CIFP Juan de Colonia
44. WEB: HTML Y XHTML.
HTML: Tablas básicas (II)
□ Internet table
□ La web
□ Componentes A B
□ Lenguajes tr
1 A1 B1
■ Diseño web
2 A2 B2
th
td
44/53
<table>
<tr>
<th> </th><th>A</th><th>B</th>
</tr>
<tr><th>1</th><td>A1</td><td>B1</td></tr>
<tr><th>2</th><td>A2</td><td>B2</td></tr>
</table>
Noviembre de 2010 CIFP Juan de Colonia
45. WEB: HTML Y XHTML.
HTML: Tablas básicas (III)
□ Internet
□ La web Columnas
□ Componentes Filas A1 B1
□ Lenguajes
A2 B2
■ Diseño web <table>
<tr>
45/53 <th> </th>
<th colspan="2">Columnas</th>
</tr>
<tr>
<th rowspan="2">Filas</th>
<td>A1</td><td>B1</td>
</tr>
<tr><td>A2</td><td>B2</td></tr>
</table>
Noviembre de 2010 CIFP Juan de Colonia
46. WEB: HTML Y XHTML.
HTML: Tablas avanzadas
□ Internet • Leyenda (encabezamiento o pie): <caption>
□ La web
□ Componentes • Tablas compuestas: filas
□ Lenguajes – Grupos de filas con formato autónomo: <tbody>
■ Diseño web – Grupos de primeras filas: <thead>
– Grupos de últimas filas: <tfoot>
46/53
• Tablas compuestas: columnas
– En el nivel superior, antes, fuera de cualquier fila o grupo.
– Definición de columnas: <col>
table
– Grupos de columnas: <colgroup> caption
– Utilidad: tamaños y estilos
colgroup
col
• ¿Soporte en editores y navegadores?
thead
tfoot
tbody
tr tr tr
th td
Noviembre de 2010 CIFP Juan de Colonia
47. WEB: HTML Y XHTML.
Actividad VI: tablas
Crear y verificar un documento HTML 4.01 con
codificación de caracteres ASCII que incorpore la
tabla siguiente:
ASIR Vocales
Mayús minús
Planas A E I O U a e i o u
Negrita A E I O U a e i o u
Cursiva A E I O U a e i o u
Tildes Á É Í Ó Ú á é í ó ú
Para mostrar los bordes se puede emplear en
<table> el atributo border=”1”, aunque
evitaremos su uso en cuanto empecemos a trabajar
con hojas de estilo CSS.
Noviembre de 2010 CIFP Juan de Colonia
48. WEB: HTML Y XHTML.
HTML: Listas
□ Internet • Listas numeradas
□ La web – Ordered list: <ol>
□ Componentes
– Elemento, list item: <li>
□ Lenguajes
■ Diseño web • Listas genéricas, con viñetas
– Unordered list: <ul>
– Elemento, list item: <li>
48/53
ul
• Glosarios
– Definitions list:<dl>
– Nombre, definition term:<dt> li
– Descripción, definition description:<dd>
ol
dl
li
dt
dd
Noviembre de 2010 CIFP Juan de Colonia
49. WEB: HTML Y XHTML.
HTML: ...temas pendientes
□ Internet • Formato: hojas de estilo CSS
□ La web – UT 3
□ Componentes
□ Lenguajes • HTML con marcos (frames)
■ Diseño web – En desuso.
– Sustituidos por <div> + CSS
• Mapas de imágenes
49/53
– Imágenes con zonas asociadas a enlaces
• Formularios
– Esenciales en aplicaciones web
– Campos de texto, botones, casillas, listas de selección...
– Los valores recogidos se envían al servidor web
• Eventos y Javascript
– Se pueden escribir «programillas» que se ejecutan cuando
el usuario «actúa» de alguna manera, cuando se produce
un evento.
– atributos: onload, onmouseover, onkeypress...
Noviembre de 2010 CIFP Juan de Colonia
50. WEB: HTML Y XHTML.
Actividad VII: referencias sobre HTML
Buscar en el estándar de HTML la descripción del
elemento <base ...>.
-¿Cuál es el URI de la página?
-¿Para qué sirve?
-¿En qué contexto se debe situar?
-¿Qué atributo esencial se emplea?
-Escribir un ejemplo demostrando su uso.
Noviembre de 2010 CIFP Juan de Colonia
51. WEB: HTML Y XHTML.
Referencias
World Wide Web Consortium:
http://www.w3.org
W3C Recommendation (1999, W3C). HTML 4.01 Specification:
http://www.w3.org/TR/html401/
Albeza, Belén (2006). XHTML + CSS ¡de una maldita vez!
http://es.tldp.org/Tutoriales/doc-tutorial-xhtml-css/xhtml_tuto_beta.pdf
Bibliografía actualizada en delicious:
http://www.delicious.com/dhmartin/LM-ASIR
Noviembre de 2010 CIFP Juan de Colonia
52. WEB: HTML Y XHTML.
Licencia
Este material está disponible bajo una Licencia Creative Commons,
http://creativecommons.org/licenses/by-nc-sa/3.0/es/
Noviembre de 2010 CIFP Juan de Colonia
53. WEB: HTML Y XHTML.
¿Dudas o cuestiones?
Noviembre de 2010 CIFP Juan de Colonia