Please enable JavaScript to use CodeHS

Diseño y Desarrollo Web

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

3.1 Primeros pasos - HTML y CSS avanzados

  • Empecemos
  • Ejemplo: Filtros de imagen
  • Ejemplo: Animaciones
  • Ejemplo: Interacciones

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

3.3 Incrustar iframes

  • Incrustar iframes
  • Prueba de incrustación de iFrames
  • Integrar el programa CodeHS
  • Incrustar un mapa
  • Incrustar un sitio web
  • +2 more

3.4 Divs

  • Divs
  • Cuestionario Divs
  • Divvs en el sitio
  • Citas
  • Banderas
  • +2 more

3.5 Spans

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

3.6 Etiquetas semánticas

  • Etiquetas semánticas
  • Esqueleto semántico
  • Ejemplo de diagrama de flujo de sección
  • Artículo semántico
  • Grandes citas
  • +2 more

3.7 Combinar selectores CSS

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

3.8 El principio de no repetirse

  • No te repitas
  • Cuestionario No te repitas
  • Estilizar varias etiquetas
  • Estilo Artículos similares con la misma clase
  • Gestionar el cambio
  • +2 more

3.9 Selectores especiales

  • Selectores especiales
  • Questionario de Seleccionadores Especiales
  • Vota por mí
  • Vota por mí Pt 2
  • Ampliar Vota por mí
  • +4 more

3.10 Visibilidad

  • Visibilidad
  • Test de visibilidad
  • Ejemplo de pantalla
  • Texto desvanecido
  • Criatura marina favorita
  • +1 more

3.11 Lectura de documentación

  • Lectura de documentación
  • Prueba de lectura de documentación
  • Utilizar Docs: Flotador
  • Usando Docs: Etiqueta <blockquote>
  • Estiliza la mesa
  • +2 more

3.12 Utilizar el Inspector

  • Utilizar el Inspector
  • Utilizar la Herramienta Inspector Cuestionario
  • Inicio rápido del Inspector
  • Clases e identificaciones
  • Explorando el Museo de Arte
  • +1 more

3.13 El modelo de caja

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

3.14 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

3.15 Animación

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

3.16 Interacción

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

3.17 Cuestionario avanzado de HTML y CSS

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

Courses that include this module