¿Vas a explicar HTML5 y CSS3?

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante y coordinador del curso Introducción al desarrollo web, iDESWEB. Varias personas me han realizado la siguiente pregunta: "¿Vas a explicar HTML5 y CSS3?"

Vamos a ver, antes de aprender HTML5 y CSS3, hay que aprender HTML y CSS. HTML5 no es más que una extensión, es un superconjunto de HTML, que añade ciertas etiquetas y atributos nuevos, y también quita algunas etiquetas y atributos de HTML.

Con CSS3 ocurre lo mismo, básicamente, CSS3 es CSS2, que CSS2 era CSS1, más nuevas propiedades. Por tanto, CSS3 no es algo totalmente distinto del CSS que ya se empleaba, sino que es un superconjunto, son propiedades nuevas, valores nuevos que se añaden al CSS que ya llevamos más de 10 años utilizando.

Por tanto, antes de aprender HTML5 y CSS3, hay que saber HTML y CSS.

Y entonces la siguiente pregunta es: "¿Cuánto vas a explicar de HTML5 y de CSS3?"

Algo explicaré, lo nombraremos y explicaré las diferencias entre HTML5 y el HTML anterior, y entre CSS3 y el CSS anterior. Pero, todo el mundo debería tener claro que este curso es "Introducción al desarrollo web". Por tanto, como acabo de explicar, antes de llegar a HTML5 y antes de llegar a CSS3 hay que pasar por el HTML y el CSS de toda la vida.

Y como es un curso de introducción no nos vamos a poder concentrar en muchos detalles de HTML5 y CSS3.

Recuerda que este vídeo forma parte del curso iDESWEB, Introducción al desarrollo web.

Muchas gracias por tu atención.

Miércoles 22

Las tareas realizadas han sido:

• Publicación del vídeo Prototipado: wireframes, mockups y prototipos. Problemas con la públicación del vídeo, YouTube lo mostraba en blanco y negro desplazado. Después de recodificarlo con distintos códecs lo ha aceptado.
• Configuración de este blog: añadidos varios componentes (buscador, subscripción por correo, Twitter y vídeos en YouTube).
• Subidos los subtítulos a varios de mis vídeos publicados hace tiempo que se utilizarán en el curso.
• Terminado el vídeo HTML: conceptos básicos y CSS: conceptos básicos, sólo falta grabarlos.

Publicado el vídeo de Prototipado

Olga Carreras, consultora de accesibilidad y usabilidad web, que colabora en el curso como profesora, me ha entregado ya su vídeo Prototipado: wireframes, mockups y prototipos.

Antes de escribir una sola línea de código de una aplicación web hay que saber muy bien qué es lo que se quiere construir. Los diferentes tipos de diagramas que existen son un mecanismo de comunicación desarrollador-cliente o desarrollador-desarrollador de gran utilidad.

Existen diferentes tipos de diagramas, y diferentes autores pueden usar diferentes términos para referirse al mismo tipo de diagrama. Como los términos no están completamente asentados, lo importante no es memorizar el nombre de cada diagrama, sino saber cuál es el objetivo de cada uno.



¿Realmente los profesionales crean toda esta documentación antes de desarrollar un sitio o aplicación web? Por supuesto.

Por ejemplo, hace unos pocos meses, el periódico español El País cambió su portal web. Para comunicar las novedades crearon el blog El cambio por dentro, en el que podemos encontrar la entrada Bienvenido a la Revolución con la siguiente imagen:

Viernes 17

Las tareas realizadas han sido:

• Creado el blog de respaldo blogs.ua.es/idesweb. Por ahora no voy a hacer nada con él.
• Subidas imágenes y otros recursos al servidor de recursos.
• Activado modo de funcionamiento desarrollo/producción automático.
• Corregidos algunos textos.
• Promoción.

Jueves 16

Las tareas realizadas han sido:

• Revisado el código para detectar algún despiste importante.
• Corregidos algunos textos.
• Añadido un nuevo apartado, Preguntas y respuestas, con algunas preguntas y el primer vídeo de respuesta.
• Verificación de los subtítulos de los vídeos, a veces le da por fallar y no aparece el botón en el reproductor, casi seguro que es problema de YouTube, pero no encuentro información sobre ello. Mucho tiempo perdido inútilmente con esto. [Actualización 21/08/2012] Sin hacer nada, los subtítulos funcionan bien, o era un problema de YouTube o de mi ordenador.

Lanzado el sitio web iDESWEB

Hoy se ha lanzado el sitio web del curso iDESWEB, Introducción al desarrollo web, el primer curso de tipo MOOC sobre desarrollo web en español.