Código Estilos en Cascada Web CSS

La capacitación en CSS (Código de Estilos en Cascada) permite controlar el diseño visual de un sitio web de forma precisa y profesional. En BSR.CL formamos en CSS moderno, orientado a la creación de interfaces responsivas y atractivas.

Enseñamos selectores, propiedades, box model, flexbox, grid, media queries y animaciones. También mostramos cómo trabajar con CSS dentro de WordPress y específicamente con el theme Salient, aprovechando sus opciones de personalización y estilos personalizados.

Los participantes aprenden a modificar diseños existentes, crear layouts responsivos, ajustar tipografías, colores y espaciados, y optimizar el código CSS para mejorar la velocidad de carga. Se incluyen ejercicios prácticos de maquetación y resolución de problemas comunes de visualización.

Abordamos buenas prácticas de organización de estilos y el uso de herramientas de desarrollo del navegador para depurar. La formación combina teoría con práctica aplicada a sitios reales.

Con dominio de CSS, el alumno puede realizar ajustes de diseño de forma autónoma, mejorar la apariencia de un sitio web y mantener la coherencia visual de la marca, sin depender siempre de un diseñador o desarrollador externo.

DEFINICIÓN, PROPIEDADES Y CREACION DE ESTILOS CSS

  • Creación de un sitio
  • Estilos CSS
  • Propiedades de los CSS

ESTRUCTURA DE CAJAS

  • Creación de estructura de cajas
  • Creación de estilos de caja
  • Propiedades de las cajas
  • Colocar las cajas en el HTML

CREACION DE CAJAS CON ESTILOS CSS

  • Creación de estructura de cajas
  • Colocar imágenes en las cajas
  • Alinear imágenes con/y textos
  • Creación de bordes para las cajas y textos
  • Creación de estilos para los textos y cajas
  • Vínculos (cajas, imagenes, textos)

CREACION DE SITIO Y PLANTILLA

  • Creación de sitio web
  • Estructura CSS del sitio
  • Creación de plantillas

HERRAMIENTAS PARA LA WEB

  • PNG, WEBP en tu web
  • Facebook, X, Instagram, Whatsapp en tu web
  • Mapa de google en tu web
  • Otros

GALERÍAS, VIDEOS Y FORMUARIO DE CONTACTO

  • Crear galerías de imágenes
  • Efectos de galerías
  • Efectos modales
  • Colocar un vídeo de la web (youtube y vimeo)
  • Formularios de contacto