Idioma del curso: Disponible en español.
¿Compras para un equipo?
Elige 5 o 10 licencias para que varios alumnos accedan al curso a un precio reducido por persona. Después de la compra, eBSI se pondrá en contacto contigo para confirmar los datos de los alumnos y organizar el acceso al curso para cada participante.
Desarrolla conocimientos prácticos y confianza en Introducción a la programación con HTML y CSS, parte 2.
Los estudios han demostrado que el diseño de los sitios web influye en la percepción de las empresas y que la presentación está directamente relacionada con la confianza. Por este motivo, es fundamental que las organizaciones tengan sitios web bien diseñados.
Por qué es importante este curso
Este curso convierte el tema en un aprendizaje práctico y estructurado que puedes aplicar en situaciones empresariales y laborales reales. Está diseñado para ayudarte a ir más allá de las definiciones y comprender cómo se relacionan entre sí las ideas, las herramientas y las decisiones que se abordan en el curso.
Qué aprenderás
- Desarrollar una comprensión práctica de los conceptos clave que se abordan en Introducción a la programación con HTML y CSS, parte 2.
- Reconocer en qué situaciones laborales o empresariales reales se aplica el tema.
- Aplicar con mayor confianza los métodos y las buenas prácticas que se tratan en el curso.
¿A quién va dirigido este curso?
Este curso es adecuado para profesionales del marketing digital, propietarios de pymes, emprendedores, profesionales de ventas y marketing, y cualquier persona responsable del crecimiento de un negocio en línea.
Resumen del curso
-
Tiempo de estudio: aproximadamente 2 horas.
-
Formato: aprendizaje en línea a tu propio ritmo.
-
Desarrollo profesional: curso de desarrollo profesional continuo (CPD).
Los estudios han demostrado que el diseño de los sitios web influye en la percepción de las empresas y que la presentación está directamente relacionada con la confianza. Por este motivo, es fundamental que las organizaciones tengan sitios web bien diseñados.
Este curso amplía los conocimientos básicos adquiridos en la parte 1 y enseña habilidades adicionales útiles para crear sitios web.
Entre ellas se incluyen:
- por qué son importantes el rendimiento y la organización,
- cómo dar forma y diseñar un sitio web,
- el diseño web adaptable,
- y las mejores prácticas de HTML y CSS para mantener un código limpio y reutilizable.
Temas del curso:
Lección 1: Rendimiento y organización
TEMA A: Estrategia y estructura
- Rendimiento
- Arquitectura de estilos
TEMA B: CSS orientado a objetos
- Metodología CSS orientada a objetos
- Separar la estructura de la apariencia
- Separar el contenido del contenedor
TEMA C: Arquitectura CSS escalable y modular
- CSS escalable y modular
- Las cinco categorías principales
- ¿Qué metodología deberías elegir?
TEMA D: Código reutilizable
- Reutilización de estilos
- Actividad 1-4: Cómo escribir código reutilizable
- Resumen
- Preguntas de repaso
Lección 2: HTML: cómo posicionar el contenido
TEMA A: Repaso
TEMA B: Posicionamiento del contenido con elementos flotantes
- Posicionamiento con elementos flotantes
- Diseño sin elementos flotantes
- Diseño de tres columnas con elementos flotantes
- Eliminación del efecto de los elementos flotantes
- Actividad 2-2: Combinar diseños de dos y tres columnas
TEMA C: Posicionamiento con inline-block
- Posicionamiento con inline-block
- Actividad 2-3: Crear columnas con inline-block
- Resumen
- Preguntas de repaso
Lección 3: Selectores complejos
TEMA A: Selectores de uso común
- Selector de tipo
- Selectores de clase
- Selectores de ID
- Selectores de elementos secundarios
TEMA B: Selectores de atributos
- Selector de atributos presentes
- Selector de atributos iguales
- Selector de atributos que contienen
- Selector de atributos que comienzan o terminan con un valor
- Pseudoclases
- Actividad 3-2: Uso de selectores
- Resumen
- Preguntas de repaso
Lección 4: Diseño web adaptable
TEMA A: Diseños flexibles
- Diseño flexible
- Cuadrícula flexible
TEMA B: Consultas de medios
- Uso de consultas de medios
- Operadores lógicos en consultas de medios
- Actividad 4-2: Uso de anchos dinámicos y consultas de medios
- Resumen
- Preguntas de repaso
Lección 5: Cómo escribir código de calidad
TEMA A: Prácticas de codificación HTML
- Marcado conforme a los estándares
- Uso de elementos semánticos
- Uso de una estructura de documento adecuada
- Mantener la sintaxis organizada
- Actividad 5-1: Aplicación de las mejores prácticas de HTML
TEMA B: Prácticas de codificación CSS
- Organización del código con comentarios
- Escritura de CSS con varias líneas y espacios
- Uso de nombres de clase adecuados
- Uso de propiedades y valores abreviados
- Actividad 5-2: Aplicación de las mejores prácticas de CSS
- Resumen
- Preguntas de repaso