En los siguientes vídeo-tutoriales se construye un menú dinámico para la portada de la web. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Siendo la RAE la Real Academia Española (de la Lengua) y el W3C el WWW Consortium (Consorcio de la World Wide Web, o sea, de Internet).

No todos los navegadores soportan las mismas propiedades CSS (Cascade Style Sheet, hojas de estilo en cascada) de la misma manera. Las nuevas propiedades CSS3 van implementándose poco a poco en algunos de ellos, que utilizan prefijos especiales propios para identificarlas al no existir todavía estándares W3C. Los más avanzados en estas implementaciones y, por lo tanto, los que nos van a permitir mostrar nuestras webs con los últimos y más modernos efectos visuales son Safari/Chrome (Webkit), Mozilla (Gecko) y Opera, mientras que Internet Explorer se sitúa a la cola.

El W3C es un organismo regulador para Internet y los navegadores, similar a lo que la Real Academia de la Lengua es a los hablantes. La RAE se encarga de establecer la manera correcta de expresarse a partir de cómo evoluciona el idioma en el mundo real. Los navegadores, al igual que el idioma en la calle, van por delante de los organismos reguladores. Son estos organismos los que a posteriori deciden qué normas entran a formar parte del estándar de la lengua y cuáles no. Igual que sucede en el mundo real cuando en el día a día seguimos utilizando palabras y expresiones "no estandarizadas", en el mundo de los navegadores, donde los intereses comerciales se imponen a los organismos reguladores, también se utilizan propiedades CSS3 no estandarizadas (todavía). Y es que en muchas ocasiones el W3C y la RAE admiten como estándares expresiones comúnmente utilizadas en el día a día, como las propiedades de gradiente en CSS3 o el reciente término "pirsin" en español.

Si tienes problemas para visualizar la presentación incrustada, accede a verla en Prezi directamente con el siguiente enlace: http://bit.ly/yTpdPR

Con permiso de su autor, Javier Eguíluz, os adjunto unos magníficos manuales de XHTML, CSS y Javascript, descargados desde LibrosWeb.es. Un saludo Javier.

Primeros Pasos y Portada

En el siguiente vídeo-tutorial se muestran los pasos previos al diseño de nuestro primer sitio web, la creación de su estructura y edición de la página principal en BlueGriffon sobre Ubuntu. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Páginas Secundarias

En el siguiente vídeo-tutorial se muestra el diseño del resto de secciones de la web. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Marcos de Página: iframe

En el siguiente vídeo-tutorial rediseñamos la página principal para tener el menú siempre visible, cargando las secciones en un iframe. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Efectos de rollover, sombras y fondos de página

En el siguiente vídeo-tutorial hacemos efectos de rollover sobre texto y gráficos (con sombra) y añadimos texturas y gradientes de fondo a la web. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Efecto de opacidad CSS en imágenes

En el siguiente vídeo-tutorial utilizamos la propiedad opacity de CSS para simular el intercambio de imágenes que hicimos en FrontPage con Javascript. Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Efecto de opacidad Javascript en imágenes

En el siguiente vídeo-tutorial utilizamos la biblioteca JQuery de Javascript para reproducir el efecto de opacidad sobre imágenes (el código ha sido obtenido de un tutorial para DreamWeaver en tutvid.com). Visiónalo en pantalla completa y alta definición (cambiando la incial de 360p a 720p HD una vez que inicie la reproducción).

Introducción a XHTML	1828 Kb
Introducción a Javascript	1023 Kb
Introducción a CSS	3215 Kb
CSS Avanzado	1844 Kb