Estructura y maquetación de una pagina web con capas y CSS

1 Introducción

Primero de todo decir que lo que se va explicar a continuación será válido y funcionará si se utiliza el DTD adecuadoque para todos los temas de CSS de grafikas.es son el XHTML Transitional y el Strict. Cualquier otro DTD o la ausencia del mismo en el documento puede hacer inservible lo aquí explicado.

No se ha intentado mantener compatibilidad con IE5 dado que actualmente no es usado por más de un 1% de los internautas. Aunque la mayoría de lo explicado funcionará también en este navegador.

Durante años los diseñadores Web recurrieron al uso de tablas para la colocación de los diferentes elementos de una página. Esta fue una buena solución que permitió maquetar páginas que en apariencia estaban formadas por varias columnas y otros montajes complejos, este sistema utilizaba tablas anidadas que a muchos se les atragantaban y no conseguían entenderlas, además su estructura no era clara y hacía que los robots de los buscadores no las analizarán correctamente.

Leer más

Conversor de entidades HTML

Conversor de entidades HTML

¿Qué hacer cuando no aparece el código HTML?

Algo que me pasa cuando quiero enviar un post que incluye código html es que no aparece el código. Esto pasa porque los caracteres <> son interpretados literalmente. Osea si escribo algo como esto que os muestro en la imagen inferior, será interpretado tal cual, por lo que sólo se mostrará un hola.

Leer más

Menus basico con Listas y CSS

Menus basico con Listas y CSS

Creación de menús básicos con listas utilizando CSS

En la red existen numerosos ejemplos de como crear menús utilizando hojas de estilo (CSS) pero muy pocos de ellos explican el proceso de creación es decir los razonamientos que hay que hacer para poder realizar estos elementos.

En estos apuntes intentaré explicar el proceso de elaboración de un menú de este tipo, razonando la utilización de las diferentes propiedades.

El uso de listas para esta función se enmarca dentro de las directrices de accesibilidad web y se adapta perfectamente al concepto de Web 2.0.

Aclaremos antes de empezar que lo que se va explicar a continuación será válido y funcionará si se utiliza el DTD adecuado que para todos los temas de CSS de grafikas.es son el XHTML Transitional y el Stricttambién son válidas con XHTML 1.1. Cualquier otro DTD o la ausencia del mismo en el documento puede hacer inservible lo aquí explicado. No se ha intentado mantener compatibilidad con IE5 dado que actualmente no es usado por más de un 1% de los internautas. Aunque la mayoría de lo explicado funcionará también en este navegador.

Leer más

Problemas de vídeo en html5

Problemas de vídeo en html5

¿Cuál era el problema con el vídeo en html5?

El standard de html5 soporta vídeo, pero lamentablemente diferentes navegadores ofrecen diferente soporte para formatos de video de html5.

Hay tres principales estanderes:

Ogg Theora, que es apoyada por todos los navegadores Internet Explorer (el soporte de Safari requiere una instalación manual).

H.264, que es apoyado por todo el mundo menos por Firefox.

VP8/WebM, que es apoyado por todos (aunque Safari e Internet Explorer requieren instalación manual).

Leer más