Please enable JavaScript to use CodeHS

Diseño web (Picasso) [2022]

HTML y CSS avanzados

Este módulo profundiza en diferentes cosas que podemos hacer con HTML y CSS. Los alumnos practican temas avanzados de HTML y CSS, como la visibilidad, el filtrado de imágenes, la interacción y la animación, para desarrollar sitios web más avanzados.

Lessons

5.1 Primeros pasos - HTML y CSS avanzados

  • Primeros pasos
  • Ejemplos Filtros de imagen
  • Ejemplo: Animaciones
  • Ejemplo: Interacciones

5.2 Sitios web con varios archivos

  • Dividir tu sitio en archivos
  • Prueba de dividir tu sitio en archivos
  • Ejemplo de sitio multipágina
  • Añadir una hoja de estilo
  • Dividir el sitio
  • +1 more

5.3 Inserción de iframes

  • Inserción de iframes
  • Prueba de incrustación de IFrames
  • Incorporación de CodeHS
  • Incrustar un mapa
  • Incrustación de un sitio web
  • +3 more

5.4 Divs

  • Divs
  • Cuestionario Divs
  • Reparto del sitio
  • Citas
  • Banderas
  • +2 more

5.5 Vanos

  • Vanos
  • Cuestionario Spans
  • Formato span
  • Vocabulario
  • Decoración de texto
  • +1 more

5.6 Combinación de selectores CSS

  • Combinación de selectores CSS
  • Cuestionario sobre la combinación de selectores CSS
  • Estilo más específico
  • Elección de etiquetas anidadas
  • Resalte el primer elemento
  • +1 more

5.7 El principio de no repetirse

  • No se repita
  • No te repitas Quiz
  • Estilización de varias etiquetas
  • Estilo Artículos similares con la misma clase
  • Gestión del cambio
  • +2 more

5.8 Selectores especiales

  • Selectores especiales
  • Concurso de selección especial
  • Vótame
  • Vótame Pt 2
  • Ampliar Vótame
  • +4 more

5.9 Visibilidad

  • Visibilidad
  • Cuestionario de visibilidad
  • Ejemplo de pantalla
  • Texto difuminado
  • Criatura marina favorita
  • +1 more

5.10 Lectura de documentación

  • Lectura de documentación
  • Test de documentación de lectura
  • Uso de Docs: Float
  • Uso de Docs: <blockquote> Tag
  • Estilizar la mesa
  • +2 more

5.11 Uso del Inspector

  • Uso del Inspector
  • Utilización de la herramienta Inspector Cuestionario
  • Inspector Inicio rápido
  • Clases e identificaciones
  • Explorar el Museo de Arte
  • +1 more

5.12 El modelo de caja

  • El modelo de caja
  • Cuestionario sobre el modelo Box
  • Añadir espacio utilizando el margen
  • Añadir espacio con relleno
  • Combinar margen y relleno
  • +7 more

5.13 Manipulación de imágenes

  • Manipulación de imágenes
  • Test de manipulación de imágenes
  • Filtro de escala de grises
  • Filtro de desenfoque
  • Rotación del tono
  • +7 more

5.14 Animación

  • Animación
  • Cuestionario de animación
  • Filtro de imágenes animadas
  • Filtro inversor animado
  • Portada del álbum
  • +1 more

5.15 Interacción

  • Interacción
  • Cuestionario Interacción
  • Filtro de imagen interactivo
  • Filtro de imagen interactivo suave
  • Cambio suave al hacer clic
  • +5 more

5.16 Cuestionario avanzado de HTML y CSS

  • Cuestionario avanzado de HTML y CSS
  • Insignia HTML y CSS avanzados

Courses that include this module