SlideShare uma empresa Scribd logo
1 de 10
Miguel Caudillo Andrea García Juan Carlos Mtz. Omar Segovia Luis Moreno
Que es?
El HTML 4 desarrolla el lenguaje HTML con mecanismos para hojas de
estilo, ejecución de scripts, marcos, objetos incluidos, soporte mejorado
para texto de derecha a izquierda y direcciones mezcladas, tablas más
ricas y mejoras en formularios, ofreciendo mejoras de accesibilidad para
personas con discapacidades.

Esta versión de HTML ha sido diseñada con
la ayuda de expertos en el campo de la in-
ternacionalización, para que los documen-
tos puedan ser escritos en cualquier idioma
y fácilmente transportados por todo el
mundo. Esto se ha logrado incorporando la
referencia [RFC2070], que trata sobre la in-
ternacionalización del HTML.
Accesibilidad
                        A medida que la comunidad de la Web crece y sus miembros
                        diversifican sus habilidades. El HTML se ha diseñado para
                        hacer las páginas web más accesibles a aquéllos con limita-
                        ciones físicas. Los desarrollos de HTML 4 derivados de cues-
                        tiones de accesibilidad incluyen:


•    Mejor distinción entre la estructura y la presentación de un documento.
•    Mejores formularios, incluyendo la adición de teclas de acceso.
•    La posibilidad de codificar una descripción textual de un objeto incluido
•    Un nuevo mecanismo de mapas de imágenes en el lado del cliente que permite a
    los autores integrar vínculos de imagen y de texto.
•    El requerimiento de que se incluya texto alternativo acompañando a las
    imágenes dentro del elemento
•    Soporte de los atributos title y lang en todos los elementos.
•    Soporte de los elementos ABBR y ACRONYM.
•    Un espectro más amplio de medios utilizables por hojas de estilo
•    Tablas mejores, incluyendo títulos, grupos de columnas y mecanismos
•    Descripciones largas para tablas, imágenes, marcos, etc.
Compatibilidad
Los navegadores de hoy en día pretenden ser com-
patibles con la última versión de HTML. Es necesario
realizar extensiones de los navegadores para que
puedan ser compatibles con esta última versión.

Dos de los navegadores que continuamente están
realizando extensiones son Internet Explorer y
Netscape Navigator, que realizan extensiones
incluso antes de que se establezcan los estándares,
intentando incluir las nuevas funciones incluidas en
los borradores.

Los navegadores tienen que ser compatibles con la
última versión HTML para poder interpretar el
mayor número posible de etiquetas. Si un navega-
dor no reconoce una etiqueta, la ignora y el efecto
que pretendía la etiqueta no queda reflejado en la
página.

Para realizar las extensiones de estos navegadores
se añaden nuevos atributos a las etiquetas ya ex-
istentes, o se añaden nuevas etiquetas.
Diferencias

1.- Sintaxis simplificada.
2.- Elemento <canvas> sustituyendo a Flash.
3.- Elemento <header > <footer> sustituyendo estas partes del documento.
4.- Elemento <section > <article>permite diferenciar secciones y articulos.
5.- Elemento <menu> <figure> menú sirve para realizar cualquier menú y figure para poner una forma de texto.
6.- Elemento <audio> y <video> Como su nombre indica, se utilizan para insertar archivos de audio y vídeo.
7.- Un nuevo nivel de las formas
<form> y <forminput> vivieron una gran cantidad de revisiones y ahora tienen muchos atributos nuevos (y los
modificados, también). Si estás usando con frecuencia las formas tomate un tiempo para revisar las novedades
con más detalle.
8.- No más <b> y <font>
Esto es un cambio más que yo no entiendo todavía del todo. No creo que la eliminación de la <b> y elementos
<font> vaya a ayudar mucho. pero las directrices oficiales dicen que estos elementos se manejan mejor en CSS.
9.- Han desaparecido <frame>, <center> y <big>
Seguramente no recuerdas cuando fue la ultima vez que utilizaste una de estas etiquetas lo cual indica que ha
sido una buena decisión, todo lo que sea deshacernos de nomenclatura inútil es bienvenido.
HTML5 define detalladas reglas de parse, incluyendo un control de errores, para que esta sintaxis
sea compatible con las implementaciones más populares.

<!DOCTYPE html> HTML5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> HTML4

-     Las especificaciones de HTML 5 estarán divididas en 2 públicos de destino: los programadores
y los dispositivos que lo interpretan (navegadores y demás). Mientras que a los desarrolladores nos
presentarán unos requisitos estrictos, que tendrán diversos cambios, a los dispositivos que imple-
menten HTML 5 se les presentarán unas especificaciones más amplias, que respeten la compatibili-
dad hacia atrás (para que sigan procesándose correctamente las páginas en HTML 4 y anteriores).
-     HTML sigue siendo un lenguaje de etiquetado, pero ahora la sintaxis puede expresarse en
etiquetas como las que venimos utilizando desde siempre y en sintaxis XML, que varía un poquito.
Nosotros podremos elegir entre expresarlo en HTML como siempre o en una sintaxis más rígida en
XML.


Se crearán diversos elementos nuevos, como SECTION, ARTICLE, ASIDE, HEADER, FOOTER, NAV,
DIALOG... incluso habrá dos nuevas etiquetas para insertar AUDIO y VIDEO y otras para hacer cosas
tan interesantes como DATAGRID, PROGRESS, TIME, CANVAS, DETAILS...
Otra cosa que llama la atención es el campo INPUT, que ahora tendrá muchos más valores posibles
en el atributo type: datetime, date, month, week, number, url, email, color...
Moviles
Hoy en día existen varios dispositivos con la capacidad de acceder a la red para ver y
descargar contenido, esto ha hecho que en pocos años se desarrollaran diversos
aparatos y plataformas que fallaron o pudieron sobrevivir gracias a alguna novedad
o ingeniosa solución.


Algunos problemas

    Al ser dispositivos con diferentes capacidades, es necesario considerar los
    factores que podrían afectar la navegación desde el móvil:
    .- Poca capacidad de memoria
    .- Pantalla pequeña
    .- Un procesador menos poderoso
    .- Limitada capacidad de entrada
    .- Voltaje limitado

    Estas características deben ser consideradas a la hora de diseñar contenido que
    podría ser visitado por usuarios desde sus móviles.
Moviles
Detalles de la conexión

    El tamaño del contenido debe ser pequeño en caso de un ancho de banda
    muy limitado o una conexión inalámbrica muy lenta. Estas son los factores a
    considerar de la conexión inalámbrica de hoy en dia:

    .- Conexión lenta
    .- Inestable
    .- Muy cara

    Estas restricciones dependen mas de las compañías de cable y
    comunicaciones.

El acceso móvil

    Debido a las limitadas capacidades de los dispositivos móviles, hay que tratar
    de que nuestro contenido sea lo mas sencillo y fácil de manipular para
    nuestros usuarios móviles.
Moviles
Estilos
     El tamaño de las pantallas y la baja resolución de algunos dispositivos hace que algu
     nas veces no haya soporte para las hojas de estilo y es muy mínimo. Es recomendado
    tener hojas de estilo externas que puedan ser llamadas en caso de que el sitio sea ac
    cedido por un móvil, este no tendrá que descargar información innecesaria que no
    será capaz de mostrar.
    Aunque lo mas importante es que el usuario siempre pueda ser capaz de acceder al
    contenido del sitio.

Scripts
    La mínima capacidad de la memoria y el procesador de los móviles hace que en la
    mayoría de los casos no haya soporte para los scripts. Así que es necesario asumir que
    el script no será ejecutado, pero de nuevo, nuestra prioridad es que el contenido aun
    pueda ser visto por el usuario.

Imágenes
   En los dispositivos móviles hay que asumir que mayoría de ellos no podrá mostrar im
   ágenes ni tendrá una interfaz de puntero como la del mouse. Por eso es recomend
   able agregarle a nuestras imágenes descripciones alternas para que en su lugar
   aparezca un texto que el usuario podrá leer.
Moviles
Dispositivos de entrada

    Desde el principio hay que considerar que los dispositivos móviles no cuentan con
    un teclado y mouse para poder interactuar con el contenido que están navegando.
    Para eso es necesario utilizar “llaves de acceso” que le permitan al usuario interactuar
    con el contenido sin necesidad de un teclado o un mouse. Aunque habrá algunos
    dispositivos que no serán capaces de reconocer estas llaves de acceso, por eso hay
    que tratar de que nuestras llaves se puedan acceder desde el mayor numero de dis
    positivos disponibles.

Mais conteúdo relacionado

Mais procurados (19)

C1 arquitectura.
C1 arquitectura.C1 arquitectura.
C1 arquitectura.
 
Que es una pagina web
Que es una pagina  webQue es una pagina  web
Que es una pagina web
 
0. Antecedentes Asp
0. Antecedentes Asp0. Antecedentes Asp
0. Antecedentes Asp
 
Uso y administracion de paginas web
Uso y administracion de paginas webUso y administracion de paginas web
Uso y administracion de paginas web
 
Tecnologías Web
Tecnologías WebTecnologías Web
Tecnologías Web
 
Página web
Página webPágina web
Página web
 
Arquitectura- Programacion WEB
Arquitectura- Programacion WEBArquitectura- Programacion WEB
Arquitectura- Programacion WEB
 
Html5
Html5Html5
Html5
 
Paralero Html y Html 5
Paralero Html y Html 5Paralero Html y Html 5
Paralero Html y Html 5
 
Reglas generales de diseño de páginas web
Reglas generales de diseño de páginas webReglas generales de diseño de páginas web
Reglas generales de diseño de páginas web
 
Páginas Web
Páginas WebPáginas Web
Páginas Web
 
Herramientas web
Herramientas webHerramientas web
Herramientas web
 
HTML5
HTML5HTML5
HTML5
 
Prezi y html
Prezi y htmlPrezi y html
Prezi y html
 
DISEÑO WEB
DISEÑO WEBDISEÑO WEB
DISEÑO WEB
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Que es una pagina web
Que es una pagina webQue es una pagina web
Que es una pagina web
 
Kingston team final - Venta de Casas
Kingston team final - Venta de CasasKingston team final - Venta de Casas
Kingston team final - Venta de Casas
 
Losdelsur
LosdelsurLosdelsur
Losdelsur
 

Destaque

Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnescinco81
 
Características novedades html5
Características novedades html5Características novedades html5
Características novedades html5Xa Ba
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anterioresXa Ba
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlDoraliza Hugo Vera
 

Destaque (7)

Html4 imagnes
Html4 imagnesHtml4 imagnes
Html4 imagnes
 
Html4
Html4Html4
Html4
 
Características novedades html5
Características novedades html5Características novedades html5
Características novedades html5
 
Diferencias html5 y html anteriores
Diferencias html5 y html anterioresDiferencias html5 y html anteriores
Diferencias html5 y html anteriores
 
Html 5 presente y futuro de la web
Html 5 presente y futuro de la webHtml 5 presente y futuro de la web
Html 5 presente y futuro de la web
 
Etiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje htmlEtiquetas mas utilizadas del lenguaje html
Etiquetas mas utilizadas del lenguaje html
 
Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1Curso HTML y CSS, parte 1
Curso HTML y CSS, parte 1
 

Semelhante a Html4 (20)

Red coorporativa
Red coorporativaRed coorporativa
Red coorporativa
 
Diferencias entre html y html5..
Diferencias entre html y html5..Diferencias entre html y html5..
Diferencias entre html y html5..
 
HTML5+CSS3 01
HTML5+CSS3 01HTML5+CSS3 01
HTML5+CSS3 01
 
Cuadro comparativo las web
Cuadro comparativo las webCuadro comparativo las web
Cuadro comparativo las web
 
Diseño de páginas web
Diseño de páginas webDiseño de páginas web
Diseño de páginas web
 
Yinller22014
Yinller22014Yinller22014
Yinller22014
 
NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5NUEVO!!! EN HTML 5
NUEVO!!! EN HTML 5
 
Html
HtmlHtml
Html
 
evolución de la web : cristian villamil , sebastian vargas
evolución de la web : cristian villamil , sebastian vargasevolución de la web : cristian villamil , sebastian vargas
evolución de la web : cristian villamil , sebastian vargas
 
Html 5
Html 5Html 5
Html 5
 
Cuadro comparativo
Cuadro comparativoCuadro comparativo
Cuadro comparativo
 
Estandares de creación de una página web
Estandares de creación de una página webEstandares de creación de una página web
Estandares de creación de una página web
 
Html5 (ar)
Html5  (ar)Html5  (ar)
Html5 (ar)
 
Que es Diseño web
Que es Diseño webQue es Diseño web
Que es Diseño web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Moviweb
MoviwebMoviweb
Moviweb
 
Que es la web
Que es la webQue es la web
Que es la web
 
Charla Future Internet, IV Premios Treelogic, Gijón, 13 de Mayo 2010
Charla Future Internet, IV Premios Treelogic, Gijón, 13 de Mayo 2010 Charla Future Internet, IV Premios Treelogic, Gijón, 13 de Mayo 2010
Charla Future Internet, IV Premios Treelogic, Gijón, 13 de Mayo 2010
 
Estandarización de paginas web
Estandarización de paginas webEstandarización de paginas web
Estandarización de paginas web
 
Colegio nacional nicolás esguerra
Colegio nacional nicolás esguerraColegio nacional nicolás esguerra
Colegio nacional nicolás esguerra
 

Último

Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxnandoapperscabanilla
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 

Último (20)

Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptxORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
ORGANIZACIÓN SOCIAL INCA EN EL TAHUANTINSUYO.pptx
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 

Html4

  • 1. Miguel Caudillo Andrea García Juan Carlos Mtz. Omar Segovia Luis Moreno
  • 2. Que es? El HTML 4 desarrolla el lenguaje HTML con mecanismos para hojas de estilo, ejecución de scripts, marcos, objetos incluidos, soporte mejorado para texto de derecha a izquierda y direcciones mezcladas, tablas más ricas y mejoras en formularios, ofreciendo mejoras de accesibilidad para personas con discapacidades. Esta versión de HTML ha sido diseñada con la ayuda de expertos en el campo de la in- ternacionalización, para que los documen- tos puedan ser escritos en cualquier idioma y fácilmente transportados por todo el mundo. Esto se ha logrado incorporando la referencia [RFC2070], que trata sobre la in- ternacionalización del HTML.
  • 3. Accesibilidad A medida que la comunidad de la Web crece y sus miembros diversifican sus habilidades. El HTML se ha diseñado para hacer las páginas web más accesibles a aquéllos con limita- ciones físicas. Los desarrollos de HTML 4 derivados de cues- tiones de accesibilidad incluyen: • Mejor distinción entre la estructura y la presentación de un documento. • Mejores formularios, incluyendo la adición de teclas de acceso. • La posibilidad de codificar una descripción textual de un objeto incluido • Un nuevo mecanismo de mapas de imágenes en el lado del cliente que permite a los autores integrar vínculos de imagen y de texto. • El requerimiento de que se incluya texto alternativo acompañando a las imágenes dentro del elemento • Soporte de los atributos title y lang en todos los elementos. • Soporte de los elementos ABBR y ACRONYM. • Un espectro más amplio de medios utilizables por hojas de estilo • Tablas mejores, incluyendo títulos, grupos de columnas y mecanismos • Descripciones largas para tablas, imágenes, marcos, etc.
  • 4. Compatibilidad Los navegadores de hoy en día pretenden ser com- patibles con la última versión de HTML. Es necesario realizar extensiones de los navegadores para que puedan ser compatibles con esta última versión. Dos de los navegadores que continuamente están realizando extensiones son Internet Explorer y Netscape Navigator, que realizan extensiones incluso antes de que se establezcan los estándares, intentando incluir las nuevas funciones incluidas en los borradores. Los navegadores tienen que ser compatibles con la última versión HTML para poder interpretar el mayor número posible de etiquetas. Si un navega- dor no reconoce una etiqueta, la ignora y el efecto que pretendía la etiqueta no queda reflejado en la página. Para realizar las extensiones de estos navegadores se añaden nuevos atributos a las etiquetas ya ex- istentes, o se añaden nuevas etiquetas.
  • 5. Diferencias 1.- Sintaxis simplificada. 2.- Elemento <canvas> sustituyendo a Flash. 3.- Elemento <header > <footer> sustituyendo estas partes del documento. 4.- Elemento <section > <article>permite diferenciar secciones y articulos. 5.- Elemento <menu> <figure> menú sirve para realizar cualquier menú y figure para poner una forma de texto. 6.- Elemento <audio> y <video> Como su nombre indica, se utilizan para insertar archivos de audio y vídeo. 7.- Un nuevo nivel de las formas <form> y <forminput> vivieron una gran cantidad de revisiones y ahora tienen muchos atributos nuevos (y los modificados, también). Si estás usando con frecuencia las formas tomate un tiempo para revisar las novedades con más detalle. 8.- No más <b> y <font> Esto es un cambio más que yo no entiendo todavía del todo. No creo que la eliminación de la <b> y elementos <font> vaya a ayudar mucho. pero las directrices oficiales dicen que estos elementos se manejan mejor en CSS. 9.- Han desaparecido <frame>, <center> y <big> Seguramente no recuerdas cuando fue la ultima vez que utilizaste una de estas etiquetas lo cual indica que ha sido una buena decisión, todo lo que sea deshacernos de nomenclatura inútil es bienvenido.
  • 6. HTML5 define detalladas reglas de parse, incluyendo un control de errores, para que esta sintaxis sea compatible con las implementaciones más populares. <!DOCTYPE html> HTML5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> HTML4 - Las especificaciones de HTML 5 estarán divididas en 2 públicos de destino: los programadores y los dispositivos que lo interpretan (navegadores y demás). Mientras que a los desarrolladores nos presentarán unos requisitos estrictos, que tendrán diversos cambios, a los dispositivos que imple- menten HTML 5 se les presentarán unas especificaciones más amplias, que respeten la compatibili- dad hacia atrás (para que sigan procesándose correctamente las páginas en HTML 4 y anteriores). - HTML sigue siendo un lenguaje de etiquetado, pero ahora la sintaxis puede expresarse en etiquetas como las que venimos utilizando desde siempre y en sintaxis XML, que varía un poquito. Nosotros podremos elegir entre expresarlo en HTML como siempre o en una sintaxis más rígida en XML. Se crearán diversos elementos nuevos, como SECTION, ARTICLE, ASIDE, HEADER, FOOTER, NAV, DIALOG... incluso habrá dos nuevas etiquetas para insertar AUDIO y VIDEO y otras para hacer cosas tan interesantes como DATAGRID, PROGRESS, TIME, CANVAS, DETAILS... Otra cosa que llama la atención es el campo INPUT, que ahora tendrá muchos más valores posibles en el atributo type: datetime, date, month, week, number, url, email, color...
  • 7. Moviles Hoy en día existen varios dispositivos con la capacidad de acceder a la red para ver y descargar contenido, esto ha hecho que en pocos años se desarrollaran diversos aparatos y plataformas que fallaron o pudieron sobrevivir gracias a alguna novedad o ingeniosa solución. Algunos problemas Al ser dispositivos con diferentes capacidades, es necesario considerar los factores que podrían afectar la navegación desde el móvil: .- Poca capacidad de memoria .- Pantalla pequeña .- Un procesador menos poderoso .- Limitada capacidad de entrada .- Voltaje limitado Estas características deben ser consideradas a la hora de diseñar contenido que podría ser visitado por usuarios desde sus móviles.
  • 8. Moviles Detalles de la conexión El tamaño del contenido debe ser pequeño en caso de un ancho de banda muy limitado o una conexión inalámbrica muy lenta. Estas son los factores a considerar de la conexión inalámbrica de hoy en dia: .- Conexión lenta .- Inestable .- Muy cara Estas restricciones dependen mas de las compañías de cable y comunicaciones. El acceso móvil Debido a las limitadas capacidades de los dispositivos móviles, hay que tratar de que nuestro contenido sea lo mas sencillo y fácil de manipular para nuestros usuarios móviles.
  • 9. Moviles Estilos El tamaño de las pantallas y la baja resolución de algunos dispositivos hace que algu nas veces no haya soporte para las hojas de estilo y es muy mínimo. Es recomendado tener hojas de estilo externas que puedan ser llamadas en caso de que el sitio sea ac cedido por un móvil, este no tendrá que descargar información innecesaria que no será capaz de mostrar. Aunque lo mas importante es que el usuario siempre pueda ser capaz de acceder al contenido del sitio. Scripts La mínima capacidad de la memoria y el procesador de los móviles hace que en la mayoría de los casos no haya soporte para los scripts. Así que es necesario asumir que el script no será ejecutado, pero de nuevo, nuestra prioridad es que el contenido aun pueda ser visto por el usuario. Imágenes En los dispositivos móviles hay que asumir que mayoría de ellos no podrá mostrar im ágenes ni tendrá una interfaz de puntero como la del mouse. Por eso es recomend able agregarle a nuestras imágenes descripciones alternas para que en su lugar aparezca un texto que el usuario podrá leer.
  • 10. Moviles Dispositivos de entrada Desde el principio hay que considerar que los dispositivos móviles no cuentan con un teclado y mouse para poder interactuar con el contenido que están navegando. Para eso es necesario utilizar “llaves de acceso” que le permitan al usuario interactuar con el contenido sin necesidad de un teclado o un mouse. Aunque habrá algunos dispositivos que no serán capaces de reconocer estas llaves de acceso, por eso hay que tratar de que nuestras llaves se puedan acceder desde el mayor numero de dis positivos disponibles.