Please enable JavaScript to use CodeHS

Fundamentos del diseño y desarrollo de páginas web en Carolina del Sur

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 Incrustar iframes

  • Inserción de iframes
  • Prueba de incrustación de IFrames
  • Incorporación de CodeHS
  • Incrustación de un sitio web
  • Insertar un Tweet
  • +2 more

5.3 Divs

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

5.4 Vanos

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

5.5 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.6 Combinar 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 Utilizar el 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
  • +9 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 Marcos CSS

  • ¿Qué es un framework CSS?
  • Creación de botones
  • Sitio móvil Bootstrap Ejemplo
  • Bootstrap en el mundo real: OneNYC
  • Viento de cola en el mundo real: La cartera de Alastair Gray
  • +2 more

5.17 Cuestionario avanzado de HTML y CSS

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

Courses that include this module