Please enable JavaScript to use CodeHS

Diseño web (Picasso)

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 Introducción: HTML y CSS avanzado

  • Introducción
  • Ejemplo: filtros de imagen
  • Ejemplo: animaciones
  • Ejemplo: interacciones

5.2 Sitios web de múltiples archivos

  • Dividir tu sitio en archivos
  • Cuestionario: Dividir tu sitio en archivos
  • Ejemplo de sitio multipágina
  • Agregar una hoja de estilo
  • Dividir el sitio
  • +1 more

5.3 Incrustación de iframes

  • Incrustación de iframes
  • Cuestionario de incrustación de iframes
  • Programa de incrustación CodeHS
  • Incrustar un mapa
  • Insertar un sitio web
  • +2 more

5.4 Divs

  • Divs
  • Cuestionario de Divs
  • Aplicar Div en el sitio
  • Citas
  • Banderas
  • +2 more

5.5 Tramos

  • Tramos
  • Cuestionario de tramos
  • Formateo de tramos
  • Vocabulario
  • Decoración de texto
  • +1 more

5.6 Etiquetas semánticas

  • Etiquetas semánticas
  • Esqueleto semántico
  • Ejemplo de diagrama de flujo de sección
  • Artículo semántico
  • Frases célebres
  • +2 more

5.7 Combinando selectores CSS

  • Combinando selectores CSS
  • Cuestionario de combinación de selectores CSS
  • Estilo más específico
  • Elegir etiquetas anidadas
  • Resalta el primer elemento
  • +1 more

5.8 El principio "no te repitas a ti mismo"

  • No te repitas a ti mismo
  • Cuestionario del principio "no te repitas a ti mismo"
  • Estilar múltiples etiquetas
  • Estilar elementos similares con la misma clase
  • Gestión de cambios
  • +2 more

5.9 Selectores especiales

  • Selectores especiales
  • Cuestionario de selectores especiales
  • Vota por mí
  • Votar por mi PT 2
  • Extender el voto para mí
  • +4 more

5.10 Visibilidad

  • Visibilidad
  • Cuestionario de visibilidad
  • Ejemplo de visualización
  • Texto que se desvanece
  • Criatura marina favorita
  • +1 more

5.11 Documentación de lectura

  • Documentación de lectura
  • Cuestionario de documentación de lectura
  • Usando documentos: floats
  • Usar documentos: etiqueta <blockquote>
  • Estilar la tabla
  • +2 more

5.12 Usar el Inspector

  • Usar el Inspector
  • Cuestionario de uso de la herramienta Inspector
  • Inicio rápido de Inspector
  • Clases e IDS
  • Explorando el museo de arte
  • +1 more

5.13 El Box Model

  • El Box Model
  • Cuestionario de Box Model
  • Agregar espacio usando Margin
  • Agregar espacio usando Padding
  • Combinando Margin y Padding
  • +8 more

5.14 Manipulación de imagen

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

5.15 Animación

  • Animación
  • Cuestionario de animación
  • Filtro de imagen animada
  • Filtro de inversión animado
  • Portada del álbum
  • +1 more

5.16 Interacción

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

5.17 Cuestionario HTML y CSS avanzado

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

Courses that include this module