Introducción al desarrollo web
iDESWEB
(Segunda edición)

Módulo 2: CSS: conceptos básicos. Propiedad intelectual y licencias de uso. Usabilidad. Desarrollo web.

En este módulo vas a encontrar cuatro listas de reproducción:

El módulo anterior estaba dedicado a HTML, el lenguaje de marcado que es la base de las páginas web. Con HTML se define la estructura y el contenido de las páginas web, ¿pero qué pasa con la presentación? ¿Cómo se indica que un texto tenga un color o un tamaño específico? ¿Cómo se separan entre sí los párrafos de texto? ¿Cómo se logra que dos fragmentos de texto se muestren en paralelo como dos columnas? Todo eso se logra con CSS, las hojas de estilo en cascada.

Te estarás preguntando "¿propiedad intelectual?, ¿usabilidad?, ¿qué tiene que ver con el desarrollo web?". El desarrollo web no es sólo aprender un conjunto de tecnologías, como HTML, CSS o JavaScript, ¡son muchas más cosas! En este curso no las podemos ver todas, pero sí que hemos intentando incluir las que creemos que son más importantes o más interesantes.

Además, vas a encontrar la práctica 2:

Y como siempre, un ejercicio final de tipo test para que pongas a prueba lo aprendido en este módulo.

En la siguiente lista de reproducción puedes encontrar todos los vídeos juntos:

CSS: conceptos básicos

¿Qué es CSS? ¿Cómo se escribe un CSS? ¿Cómo se usa CSS en HTML?

En los siguientes vídeos te explicamos todo lo anterior y también te enseñamos a usar los selectores y los colores en CSS. Además, también te damos unos consejos para que ordenes un CSS, porque si no llevas cuidado... ¡un CSS puede ser un verdadero lío!

Y no te preocupes, en el próximo módulo te explicaremos más cosas de CSS, todo poco a poco.

Propiedad intelectual y licencias de uso

Las imágenes son un elemento clave en un sitio web, pero existen limitaciones de la legislación de propiedad intelectual en España (y en la mayoría de los países) en cuanto al uso de material audiovisual.

En este vídeo se revisan los tipos de licencias (cerradas, abiertas o semiabiertas, dominio público), se explica cómo buscar recursos gráficos para un proyecto web (Google, flickr, commons.wikimedia, morguefile, sxc.hu, bancos de imágenes profesionales), y se propone una estrategia de uso:

  1. No usar sin estar seguro.
  2. Conocer las licencias.
  3. Utilizar buscadores específicos.
  4. Citar las fuentes.

Usabilidad

¿Para quién hacemos normalmente los sitios web? ¿Para usarlos nosotros o para que los usen otras personas?

¡Para que los usen otras personas! En ese caso, no tienes que hacerlos pensando en cómo a ti te gusta o pensando en que tú lo sabes usar (faltaría más, si lo has hecho tú, sería ridículo que no lo supieras usar).

Por tanto, hay que pensar en cómo hacer los sitios web para que sean fáciles de usar por otras personas, y de eso se encarga la usabilidad.

Además de una serie de vídeos sobre la usabilidad, te hemos dejado tres vídeos sobre ejemplos reales de sitios web con errores de diseño y de usabilidad. Toma nota, ¡no cometas los mismos errores!

Desarrollo web

¿Qué es el desarrollo web? ¿Qué lo diferencia del diseño web?

¿Hasta cuándo tengo que dar soporte a un navegador en un sitio web?

En los siguientes dos vídeos te damos una serie de explicaciones para que tengas una idea formada y seas capaz por ti mismo de contestar a estas preguntas:

Recursos