Desarrollo HTML, XHTML y CSS. Estructura de una página HTML Documento sin título.

Slides:



Advertisements
Presentaciones similares
¿QUÉ ES HTML? Hipertext Markup Language. Lenguaje de ordenador.
Advertisements

Repaso desde HTML a XHTML
Módulo de XML Facilitador: Ing. María de los A. Ugas N.
MANEJO DE DOCUMENTOS XML EN MHP Leire Urriza Oiz.
WML.
INTRODUCCION A CSS.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
Lenguaje de Marcado Extensible XML
ING. ERIKA ASCENCIO JORDÁN DOCENTE UNIVERSIDAD ECOTEC Sonnia Mendoza Carlos Morocho PAGINAS WEB.
CADENAS EN PHP.
EVOLUCIÓN DE HTML.
IMPLEMENTACIÓN DE ARQUITECTURA EMPRESARIAL
Introducción a Lenguajes web
Hypertext Markup Language HTML
Internet y la Web social: Diseño de páginas web
LENGUAJES DE MARCAS Y SISTEMAS DE GESTIÓN DE INFORMACIÓN
Curso de Diseño Web Profesor: Mario Figge. Vamos a construir un sitio  Para construir un sitio necesitamos 3 cosas:  1. Un nombre misitio.com  2. Un.
Introducción al desarrollo de proyectos RIA.
Un wiki o una wiki (del hawaiano wiki, 'rápido') es un sitio web cuyas páginas pueden ser editadas por múltiples voluntarios a través del navegador web.
1 Las hojas de estilo en cascada Las hojas de estilo en cascada (Cascading Style Sheets, CSS) son un lenguaje formal utilizado para definir la presentación.
Ing. Cleyver Vazquez Jijon
HTML/CSS Mi primera página.
Estructura de Documento Atributos 1. Atributos Básicos id, class, style, title 2. Atributos para Internacionalización lang, xml:lang, dir 3. Atributos.
( Hyper Text Markup Lenguage )
Hypertext Markup Language HTML
XHTML Félix Cruza Lucas-Vaquero Rosa María Zaragoza Gómez María Merchante Nieto.
WORLD WIDE WEB Conceptos básicos.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Lenguaje de Marcado.
Universidad Tecnologica Oteima DISEÑO DE MEDIOS Y MATERIALES MULTIMEDIOS Rigoberto Quintana M. Hojas de estilo en cascada.
Hyper Text Markup Language Área de Programación y Metodologías de Desarrollo de Software Departamento de Informática Universidad Nacional de San Luis.
Diseño de Páginas Web Unidad 7. 5 puntos imprescindibles 11. Conocer los grupos de trabajo que sobre la red tratan la accesibilidad y el intercambio de.
3 PROGRAMAR EN UN LENGUAJE DE HIPERTEXTO L.I. OSWALDO MARTINEZ C. EDPW.
Prof. José T. Cadenas. Aplicación Web La Internet y la Web hacen que sea fácil y atractivo poner toda la información en el cyberespacio, y la hace accesible.
XML Corporación Universitaria de Ciencia y Desarrollo Ing. Andrés Vargas - W3C: XML es un.
XHTML.
Introducción al Lenguaje. ¿Qué es PHP? O Es un lenguaje de programación que es interpretado por un servidor web. O El lenguaje es genérico. PHP está orientado.
UNIDAD 7 WEB Y HTML.
Introducción a XML por Joel Candia C Universidad Técnica Federico Santa María Departamento de Electrónica ELO-330 Programación de Sistemas.
XML. La vida antes de XML ► Comunicación ► Persistencia ► Armado de Documentos.
“Trabajando en Notepad”
HTML5 Es la quinta revisión importante del lenguaje básico de la world wide web, HTML. Al no ser reconocido en viejas versiones de navegadores por sus.
Especialidad : Computación e Informática Unidad Didáctica: Tecnologías de la información y comunicación Ciclo: I Sección: AA Integrantes: André Flores.
INFORMÁTICA SOCIEDAD Y ORGANIZACIÓN
CSS Cascading Style Sheets
Diseño HTML.
Hypertext Markup Language HTML. OBJETIVOS Conocer los fundamentos de HTML Escribir HTML usando un editor sencillo Conocer las marcas HTML Visualizar el.
HTML INTRODUCCIÓN. La casi infinita información que se encuentra en la WWW debe estar ordenada de alguna forma para que la misma puede ser halalda.La.
Con tantas herramientas de desarrollo Web existentes, es muy fácil crear páginas Web sin tener ninguna necesidad de saber HTML. Pero no es el caso crear.
Lenguaje de Programación Web Dinámico Multiplataforma Estándar abierto y accesible Elementos nuevos Retrocompatible Nueva filosofía de trabajo Impulsado.
Que es un navegador de Internet. Un navegador web o de Internet, es un programa que permite visualizar la información que contiene una página web (que.
 Curso básico de Dreamweaver MX (1)  Qué es Dreamweaver MX  Dreamweaver MX es un software fácil de usar que permite crear páginas web profesionales.
KompoZer Es un completo sistema de Web que combina archivos Web manejables y de fácil uso del editor de páginas WYSIWYG. Hay binarios disponibles para.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
¿Qué es jQuery? jQuery es una librería gratuita y open source, que simplifica la creación de páginas web altamente interactivas. Funciona.
2.1 Conocer la terminología básica del software para diseñar una página Web
GUIA DE CSS 3 BASICA AUTOR: CARLOS BERBECI QUE ES CSS3 ? CSS es un lenguaje para definir el estilo o la apariencia de las páginas web, escritas con HTML.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB Elaboración de documentos web mediante lenguajes de marcas Frames e Iframes.
Etiquetas <DOCTYPE> y <META> en HTML4.0.1 / HTML 5
Diseño de Documentos Web: Wikis, eXelearning UNIVERSIDAD DE VALENCIA Sergio Cubero Torres CEED Plaça Dr. Berenguer Ferrer s/n VALÈNCIA Aula Informática.
  Word para relacionar información en el documento, con los marcadores y las referencias cruzadas. Y a hacer aclaraciones con la utilización de las notas.
@josedlujan. Director de Desarrollo M.T.I. José Dimas Luján Castillo
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
GML Geography Markup Language
1. Introducción ¿Qué es HTML? HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje para la elaboración.
Páginas web Una página web es un documento visible en la World Wide Web mediante un navegador. Tipos de web EstáticasDinámicas Un sitio web es un conjunto.
HTML. HTML 5 Características –Es una versión basada en HTML 4 –Manejo de la aplicación y multimedia. –Tags específicos para diferentes contenidos.
Lenguaje XHTML Raquel Gil IES Gonzalo Nazareno Lenguaje XHTML.
ESTRUCTURA DE UNA PÁGINA WEB ING. AYAMAIN SILVA. RESULTADO DE APRENDIZAJE Identificar las partes de una pagina web con el uso del lenguaje XHTML. Diseño.
Transcripción de la presentación:

Desarrollo HTML, XHTML y CSS

Estructura de una página HTML Documento sin título

Doctype – Tipo de documento Documento sin título

Doctype – tipos de documento Esto declara el documento para ser HTML 2.0. El HTML 2.0 es apoyado extensamente por los browsers pero carece la ayuda para las tablas, los marcos, y la internacionalización Esto declara el documento para ser HTML 3.2. El HTML 3.2. Es limitado la ayuda para las hojas del estilo y ninguna ayuda para las características del HTML 4 tales como marcos e internacionalización. Esto declara el documento para ser HTML 4.01 Frameset. El HTML 4 Frameset es una variante de HTML 4 transitorio para los documentos que utilizan marcos. Esto declara el documento para ser HTML 4.01 transitorio. El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 estricto pero agrega cualidades presentational, elementos desaprobados. El HTML 4 transitorio reconoce la ayuda relativamente pobre del browser para las hojas del estilo, permitiendo que muchas características de la presentación del HTML sean utilizadas como transición hacia HTML 4 estricto.

Esto declara el documento para ser HTML 4.01 estricto. El HTML 4.01 estricto es ajustado abajo de la versión del HTML 4.01 que acentúa la estructura sobre la presentación. Incluye uso de los marcos. Se adaptan fácilmente a las hojas del estilo Esto declara al documento en XHTML 1.0 Transitional. XHTML 1.0 Transitional es una versión de XML y HTML 4 transicional.

¿Qué es XHTML? XHTML (Lenguaje de Marcado de Hipertexto Extensible) es una versión más estricta y limpia de HTML, con el objetivo de remplazar a HTML. Une las herramientas basadas en XML y HTML. XML es una tecnología sencilla que propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable

XHTML, al estar orientado al uso de un etiquetado correcto, mantiene estructuración coherente dentro del documento donde se incluirían elementos correctamente anidados, etiquetas en minúsculas, elementos cerrados correctamente, atributos de valores entrecomillados, etc.

Los documentos deben estar bien formados: Todos los elementos deben tener etiquetas de cierre, deben estar escritos de una forma determinada y además todos los elementos deben estar anidados correctamente. El documento debe estar bien formado con todas las etiquetas cerradas en el mismo orden en que se abren, vale decir, en el caso de etiquetas que se abren dentro de otras, deben ser cerradas en el mismo orden. Ejemplo: Ejemplo de elementos bien anidados. Ejemplo de elementos mal anidados. Etiquetado correcto, estándares XHTML y CSS

No puede haber elementos vacíos, por lo que las etiquetas que no tienen cierre deben completarse con un "slash" al final, ejemplo:, y. Las etiquetas deben escribirse en minúsculas debido a que XML es sensible a mayúsculas y minúsculas. Ejemplo correcto Ejemplo incorrecto Los valores de los atributos deben encerrarse entre comillas "dobles". ejemplo incorrecto Etiquetado correcto, estándares XHTML y CSS

Documento sin título

Estructura de etiqueta o tag

Referencias