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í.

Í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: 11.2. Propiedades CSS del texto.
  • Alineación, text-align, text-justify. Subrayado, text-decoration. Mayúsculas y minúsculas, text-transform. Sangrado, text-indent. Espaciado entre caracteres, letter-spacing. Espaciado entre palabras, word-spacing. Interlineado, line-height. Sombra, text-shadow. Color. Tratamiento de espacios y saltos de línea, white-space .

    Ver el vídeo: Videotutorial

    Mayo 2019.

     

  • Nuevo vídeo: 11.1. Fuentes CSS. Propiedades.
  • Tipo de letra o fuente, font-family. Fuentes Web. Tamaño fuente, font-size. Estilo de fuente, cursiva, font-style. Negrita, font-weight. Versalitas, mayúsculas, font-variant. Forma compacta de especificar la fuente.

    Ver el vídeo: Videotutorial

    Mayo 2019.

     

  • Nuevo vídeo: 10.7. Border, box-sizing y overflow.
  • Veremos los bordes: anchura, color, estilo y esquinas redondeadas. Cálculo de anchuras con box-sizing: content-box, border-box. Overflow. Tipos de desbordamiento: visible, hidden, scroll y auto.

    Ver el vídeo: Videotutorial

    Mayo 2019.

     

  • Nuevo vídeo: 10.6. Imagen de fondo.
  • Veremos el color de fondo. Imagen de fondo: background-image, background-repeat, background-position, background-clip, background-attachment, background-size. Forma compacta de background.

    Ver el vídeo: Videotutorial

    Mayo 2019.

     

  • Nuevo vídeo: 10.5. Margen y padding.
  • Explicamos la foírmas compacta y explícita de dar los márgenes. Centrar bloques con margen "auto". Unidades del margen. Colapsar márgenes adyacentes y sus excepciones. Margen negativo. Caractersticas del padding.

    Ver el vídeo: Videotutorial

    Mayo 2019.

     

  • Nuevo vídeo: 10.4. Fundamentos del modelo de caja.
  • Explicamos el modelo de caja con las propiedades relacionadas: margin, padding, width, height, background-image, background-color. También veremos la utilidad del inspector de propiedades de los navegadores para comprobar los mágenes, padding, dimensiones, etc.

    Ver el vídeo: Videotutorial

    Abril 2019.

     

  • Nuevo vídeo: 10.3. Transparencia y visibilidad.
  • Veremos cómo dar transparencia con RGBA y opacity, también explicaremos cómo ocultar elementos de tres formas: opacity, visibility y display, así como las diferencias entre los tres métodos.

    Ver el vídeo: Videotutorial

    Abril 2019.

     

  • 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.