Curso de calidad, con ejercicios, videotutoriales y evaluaciones, para aprender todo lo necesario sobre HTML y CSS.

aulaClic. Curso de HTML y CSS. Índice



1. Introducción a HTML
2. Etiquetas de Texto
3. Hiperenlaces
4. Listas
5. Imágenes
6. Tablas
7. Vídeo y audio
8. Formularios
9. Hojas de estilo CSS. Sintaxis. Selectores
10. CSS. Unidades. Color. Margen. Fondo. Borde
11. CSS. Fuente y texto.
12. Estructura de una página web
13. Posicionamiento. Flexbox. Grid
14. Técnicas de diseño web
15. Introducción a los gráficos Canvas
16. Introducción a SVG. Gráficos redimensionables
17. Publicar en internet
18. Referencia de etiquetas HTML

Vídeotutoriales  |  Ejer. paso a paso

Ejer. propuestos   |  Pruebas evaluativas

Cómo utilizar este curso.

Noticias y novedades.

HTML y CSS¿Quieres tener el curso en tu ordenador y seguirlo sin estar conectado a Internet?
 ¿Quieres imprimir perfectamente el curso HTML y CSS en papel?
 También ayudarás a mantener esta web. Infórmate aquí.

•Además te regalamos GRATIS un USB con más de 600 programas libres/gratuitos al comprar un USB.

Índice detallado

Unidad 1. Introducción a HTML

Unidad 2. Etiquetas de Texto

Unidad 3. Hiperenlaces

Unidad 4. Listas

Unidad 5. Imágenes

Unidad 6. Tablas

Unidad 7. Vídeo y audio

Unidad 8. Formularios

Unidad 9. Hojas de estilo CSS. Sintaxis. Selectores

Unidad 10. CSS. Unidades. Color. Margen. Fondo. Borde

Unidad 11. CSS. Fuente y texto.

Unidad 12. Estructura de una página web

Unidad 13. Posicionamiento. Flexbox. Grid

Unidad 14. Técnicas de diseño web

Unidad 15. Introducción a los gráficos Canvas

Unidad 16. Introducción a SVG. Gráficos redimensionables

Unidad 17. Publicar en internet

Unidad 18. Referencia de etiquetas HTML



Videotutoriales


Índice de videotutoriales


Ejercicios paso a paso

Ejercicios propuestos


Pruebas evaluativas



Noticias y novedades


Seguimos creando vídeos, los siguientes los puedes ver ya desde los enlaces correspondientes, pero que todavía no están incluido sen este curso de HTML y CSS. Los integraremos en la próxima versión.

  • Nuevo vídeo: 10.2. Trabajar con colores.
  • Veremos las diferentes formas de representar los colores, es decir, los sistemas de color: RGB y HSL. También cómo es posible hacer cada color más o menos transparente mediante un cuarto parámetro. Dado que los colores tienen unos códigos que no nos dicen qué tono tiene el color es imprescindible utilizar herramientas para seleccionar colores, veremos la que tiene el editor Brackets y la que podemos instalar en el navegador: Colorzilla.

    Ver el vídeo: Videotutorial

    Marzo 2019.

     

  • Nuevo vídeo: 10.1. Unidades absolutas y relativas.
  • Veremos las unidades de media más usadas para elementos de bloque como DIV que son el pixel el % (pocentaje) y las unidades basadas en el viewport. También veremos las unidades más utilizadas para el tamaño de la fuente que el pixel, EM y REM. Al final resolveremos juntos un ejercicio.

    Ver el vídeo: Videotutorial

    Marzo 2019.

     

  • Nuevo vídeo: 9.4. Aplicar selectores. Colisiones
  • En este vídeo explicamos dónde declarar los estilos. Vermos qué son las colisiones entre reglas CSS y cómo se resuelven mediante las normas de aplicación de selectores. Te enseñaremos un truco interesante con la herramienta Inspector de los navegadores. También veremos qué es la herencia entre etiquetas HTML.

    Ver el vídeo: Videotutorial

    Marzo 2019.

     

  • Nuevo vídeo sobre pseudoelementoss CSS
  • Este vídeo trata sobre los pseudoelementos y los selectores de atributos, aprenderemos crear los pseudoelementos Before y After. Realizaremos un ejemplo complejo con pseudoelementos para ver la potencia de estos mecanismos para crear animaciones, ocultar elementos, etc. También explicaremos cómo con los selectores de atributos podemos crear reglas que tengan en cuenta el valor de determinados atributos.

    Ver el vídeo: Videotutorial

    Febrero 2019.

     

  • Nuevo vídeo sobre combinar selectores CSS
  • En este vídeo explicamos cómo combinar selectores CSS. Veremos el selector descendende, el selector hijos, el selector hermanos y el selector hermanos contiguos. Combinar selectores nos aporta mucha flexibilidad a la hora de crear reglas y nos permite modificar el estilo de la página web sin tener que tocar el código HTML. Esto es muy importante ya que así podemos conseguir un acoplamiento mínimo entre la hoja de estilo y el archivo HTML. Para que esto quede claro, al final del vídeo vermos un ejemplo que compara una hoja de estilo basada en el uso de "clases" y otra basada en combinar selectores.

    Ver el vídeo: Videotutorial

    Febrero 2019.

     

  • Nuevo vídeo de HTML y CSS: Selectores
  • En este vídeo explicamos la sintaxis de las reglas CSS y vermos los tipos de selectores más usados, como los selectores de etiquetas, selector de identificadores y selector de clases. También estudiaremos las pseudoclases nth-child, first-child, last-child, ....

    Ver el vídeo: Videotutorial

    Febrero 2019.

     

 

Subir 

Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.