Please enable JavaScript to use CodeHS

Desarrollo web en Utah 1

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

4.1 Primeros pasos - HTML y CSS avanzados

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

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

4.3 Divs

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

4.4 Vanos

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

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

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

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

4.8 Selectores especiales

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

4.9 Visibilidad

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

4.10 Lectura de documentación

  • Lectura de documentación
  • Test de documentación de lectura
  • Uso de Docs: Float
  • Uso de Docs: <blockquote> Tag
  • Formularios HTML
  • +3 more

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

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

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

4.14 Animación

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

4.15 Interacción

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

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

4.17 El diseño de cuadrícula CSS

  • El diseño de cuadrícula CSS
  • Cuestionario de diseño de cuadrícula CSS
  • Disposición de la cuadrícula
  • Aplicación del modelo de rejilla
  • El arco iris en una cuadrícula
  • +1 more

4.18 Accesibilidad web

  • Accesibilidad
  • Consejos de accesibilidad
  • Revisión del sitio inaccesible
  • Mejorar la accesibilidad del sitio

4.19 Cuestionario avanzado de HTML y CSS

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

Courses that include this module