HTML-CSS-JS
HTML, CSS & JavaScript Web Publishing
Develop & refine your web publishing skills with our HTML, CSS, and JavaScript course, designed to help you create stunning websites effortlessly.
- Practice in 44 Laboratorios prácticos — nothing to install
- 26 Lecciones interactivas y 240 topics mapped to the official exam objectives
- 394 Preguntas del examen de práctica
Beginner A tu propio ritmo · 1 año de acceso 4.7/5 (23 Revisar)
44 LiveLabs prácticos
Practice real IT tasks in guided environments.
- Entornos reales
- Calificación automática
- Sin instalación
26Lecciones interactivas
240Topics
44Laboratorio en vivo
394Preguntas del examen de práctica
23Vídeos
191Tarjetas didácticas
191Glosario de términos
01 / Habilidades que obtendrás
What you will be able to do
Try Free →
No se requiere tarjeta de crédito
Ever wanted to build your own website? This course gives you the skills to go from beginner to website creator. We'll walk you through everything you need to know, from understanding how websites work to adding images and making your site interactive. Learn HTML, CSS, and the basics of JavaScript to bring your website ideas to life. By the end, you'll be able to publish your own website and impress employers with your web development skills.
- Build and publish websites from scratch
- Understand how the web works (browsers, servers, etc.)
- Code with HTML, CSS, and JavaScript
- Structure content and format text effectively
- Link pages, add images, and optimize them for the web
- Style your website with CSS and create responsive layouts
- Add interactive features with forms and basic JavaScript
- Publish your website online and optimize it for search engines
<
div>
Course Highlights
-
26 Lecciones estructuradas Cobertura completa de los objetivos principales del curso
-
44 LiveLabs prácticos Escenarios interactivos guiados con evaluación instantánea
-
394 Preguntas de práctica Pruebas de evaluación con justificaciones de respuesta detalladas
-
1 año de acceso completo Aprendizaje a tu propio ritmo, accesible en cualquier momento y en todos los dispositivos
02 / Lecciones y laboratorios
See exactly what you will learn and practice
Plan de estudios
26 Lecciones interactivas · 240 topics01 Introducción +
02 ¿Qué es la publicación web? 8 topics +
- Pensando como un editor web
- Navegadores web
- Servidores web
- Localizadores uniformes de recursos
- Definición de publicación web en términos generales
- Resumen
- Taller
- Ejercicios Adicionales
03 Poniendo tus herramientas en orden 9 topics +
- Anatomía de un sitio web
- Configuración de su computadora para la publicación en la Web
- Uso de las herramientas para desarrolladores de Google Chrome
- ¿Qué quieres hacer en la Web?
- Wireframing de su sitio web
- alojamiento web
- Resumen
- Taller
- Ejercicios Adicionales
04 Introducción a HTML y CSS 9 topics · 1 Laboratorio en vivo +
- Qué es HTML (y qué no es)
- Cómo se ven los archivos HTML
- Atributos HTML
- Usando el atributo de estilo
- Una breve historia de los estándares HTML
- El estándar actual y en evolución: HTML5
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
05 Aprendiendo los conceptos básicos de HTML 8 topics · 1 Laboratorio en vivo +
- Estructurando tu HTML
- El título
- encabezados
- Párrafos
- Comentarios
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
06 Organización de la información con listas 9 topics · 1 Laboratorio en vivo +
- Listas: una descripción general
- Listas numeradas
- Listas desordenadas
- Listas de definiciones
- Listas de anidamiento
- Otros usos de las listas
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
07 Trabajar con enlaces 9 topics · 1 Laboratorio en vivo +
- Creación de enlaces
- Vinculación de páginas locales mediante nombres de ruta relativos y absolutos
- Enlaces a otros documentos en la Web
- Vinculación a lugares específicos dentro de los documentos
- Anatomía de una URL
- Tipos de URL
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
08 Formateo de texto con HTML y CSS 12 topics · 1 Laboratorio en vivo +
- Elementos a nivel de carácter
- Formato de caracteres usando CSS
- Texto preformateado
- Reglas Horizontales (o Pausas Temáticas)
- Salto de línea
- direcciones
- cotizaciones
- Caracteres especiales
- Fuentes y tamaños de fuente
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
09 Usar CSS para darle estilo a un sitio 12 topics · 7 Laboratorio en vivo +
- Incluir hojas de estilo en una página
- Selectores
- Unidades de medida
- Edición de estilos con herramientas de desarrollo
- usando color
- Enlaces
- El modelo de caja
- Más selectores
- La etiqueta <body>
- Resumen
- Taller
- Ejercicios Adicionales
7 Laboratorio en vivo in this lesson — see the labs panel →
10 Uso de imágenes en sus páginas web 13 topics · 3 Laboratorio en vivo +
- Imágenes en la Web
- Formatos de imagen
- Imágenes en línea en HTML: la etiqueta <img>
- Imágenes y Texto
- Imágenes y enlaces
- Otros buenos trucos con imágenes
- Fondos de imagen
- Uso de imágenes como viñetas
- ¿Qué es un mapa de imágenes?
- Etiqueta de imagen
- Resumen
- Taller
- Ejercicios Adicionales
3 Laboratorio en vivo in this lesson — see the labs panel →
11 Construyendo Mesas 11 topics · 1 Laboratorio en vivo +
- Creación de tablas
- Piezas de mesa
- Tamaño de tablas, bordes y celdas
- Color de tabla y celda
- Alineación del contenido de su tabla
- Abarcando múltiples filas o columnas
- Mejoras de tabla más avanzadas
- Cómo se usan las tablas
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
12 Usar CSS para posicionar elementos en la página 8 topics · 2 Laboratorio en vivo +
- Esquemas de Posicionamiento
- Posicionamiento absoluto
- Posicionamiento fijo
- Control de apilamiento
- Creación de menús desplegables
- Resumen
- Taller
- Ejercicios Adicionales
2 Laboratorio en vivo in this lesson — see the labs panel →
13 Formas de diseño 12 topics · 7 Laboratorio en vivo +
- Comprender la forma y la función
- Uso de la etiqueta <form>
- Uso de la etiqueta <label>
- Creación de controles de formulario con la etiqueta <input>
- Uso de otros controles de formulario
- Controles de agrupación con fieldset y leyenda
- Visualización de actualizaciones con progreso y medidor
- Aplicación de propiedades de hoja de estilo en cascada a elementos de formulario
- Planificación de sus formularios
- Resumen
- Taller
- Ejercicios Adicionales
7 Laboratorio en vivo in this lesson — see the labs panel →
14 Estructuración de una página con HTML5 8 topics · 5 Laboratorio en vivo +
- Una breve historia del diseño de página HTML
- Diseño de una página en HTML5
- Etiquetas estructurales HTML5
- El esquema de la página
- Uso de elementos estructurales de HTML5
- Resumen
- Taller
- Ejercicios Adicionales
5 Laboratorio en vivo in this lesson — see the labs panel →
15 Integrando Multimedia: Video y Sonido 11 topics · 1 Laboratorio en vivo +
- Incrustación de video de manera simple
- Alojamiento de su propio video
- Incrustación de video usando <video>
- Incrustación de Flash con la etiqueta <object>
- La etiqueta <embed>
- Incrustación de películas Flash mediante SWFObject
- Reproductores de vídeo Flash
- Incrustar audio en sus páginas
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
16 CSS avanzado: diseño de página en CSS 5 topics · 1 Laboratorio en vivo +
- Disposición de la página
- El papel de CSS en el diseño web
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
17 Uso del diseño web receptivo 9 topics · 1 Laboratorio en vivo +
- ¿Qué es el diseño web receptivo?
- Los dispositivos móviles deben ser lo primero
- Planificación de un sitio web receptivo
- Escribir consultas de medios
- Comprender la mecánica de RWD
- Mejores prácticas de diseño web receptivo
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
18 Introducción a JavaScript 9 topics · 7 Laboratorio en vivo +
- ¿Por qué querrías usar JavaScript?
- La etiqueta <script>
- JavaScript y las herramientas de desarrollo de Chrome
- El lenguaje JavaScript
- El entorno JavaScript
- Eventos
- Resumen
- Taller
- Ejercicios Adicionales
7 Laboratorio en vivo in this lesson — see the labs panel →
19 Usando jQuery 12 topics · 1 Laboratorio en vivo +
- ¿Qué son las bibliotecas de JavaScript?
- Primeros pasos con jQuery
- Tu primer script jQuery
- Selección de elementos del documento
- Eventos vinculantes
- Modificación de estilos en la página
- Modificación del contenido de la página
- Efectos especiales
- AJAX y jQuery
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
20 Usando JavaScript en tus páginas 6 topics · 1 Laboratorio en vivo +
- Validación de formularios con JavaScript
- Ocultar y mostrar contenido
- Agregar nuevo contenido a una página
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
21 Trabajar con marcos y ventanas vinculadas 7 topics · 1 Laboratorio en vivo +
- ¿Qué son los marcos?
- Trabajar con ventanas vinculadas
- Marcos en línea
- Abrir ventanas vinculadas con JavaScript
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
22 Diseño para la web móvil 12 topics · 1 Laboratorio en vivo +
- Las personas navegan de manera diferente en los teléfonos móviles
- Cumplimiento de estándares y la web móvil
- Escribir para la web móvil
- Diseño y maquetación de página
- Uso de enlaces
- Uso de imágenes y multimedia
- Aprovechar al máximo CSS y JavaScript
- Aproveche las funciones móviles
- Otros buenos hábitos y consejos para el diseño web móvil
- Resumen
- Taller
- Ejercicios Adicionales
1 Laboratorio en vivo in this lesson — see the labs panel →
23 Diseño para la experiencia del usuario 10 topics +
- Teniendo en cuenta el nivel de experiencia del usuario
- Determinación de las preferencias del usuario
- ¿Qué es la accesibilidad?
- Navegadores alternativos
- Escribir HTML accesible
- Diseñando para la Accesibilidad
- Validación de sus sitios para la accesibilidad
- Resumen
- Taller
- Ejercicios Adicionales
24 Cómo publicar su sitio 10 topics +
- ¿Qué hace un servidor web?
- Cómo encontrar alojamiento web
- Organización de sus archivos HTML para publicación
- Publicación de sus archivos
- Solución de problemas
- Promoción de sus páginas web
- Averiguar quién está viendo sus páginas web
- Resumen
- Taller
- Ejercicios Adicionales
25 Aprovechando el servidor 13 topics +
- Cómo funciona PHP
- Hacer que PHP se ejecute en su computadora
- El lenguaje PHP
- Bucles
- Funciones integradas
- Funciones definidas por el usuario
- Formularios de procesamiento
- Uso de PHP Incluye
- Ampliando su conocimiento de PHP
- Otras plataformas de aplicaciones
- Resumen
- Taller
- Ejercicios Adicionales
26 Motores de búsqueda y SEO 8 topics +
- ¿Qué es SEO?
- Cómo funcionan los motores de búsqueda
- Técnicas SEO
- Herramientas para el seguimiento y la gestión de SEO
- Pagar por enlaces
- Resumen
- Taller
- Ejercicios Adicionales
Laboratorios prácticos Our edge
44 Laboratorio en vivos- Creación de una página HTML básica
- Uso de párrafos y encabezados en HTML
- Organización del contenido en HTML
- Creación de hipervínculos
- Dar formato al texto en HTML
- Creación de la hoja de estilo externa
- Uso de ID de CSS
- Implementando una clase
- Creación de una hoja de estilo interna
- Implementación de estilos en línea
- Uso de flotadores posicionados
- Uso de propiedades de desbordamiento
- Implementando el formato SVG
- Uso de flujo en línea frente a flujo de bloques en CSS y propiedades flotantes
- Uso de la etiqueta de imagen
- Organización de contenido en HTML Parte 1
- Uso de la propiedad de posición absoluta
- Implementación de superposición y posicionamiento de CSS
- Uso del atributo de patrón
- Uso del atributo requerido
- Uso de los tipos de campos de entrada
- Uso de la etiqueta de entrada
- Implementación de la entrada de casilla de verificación y uso de la etiqueta de área de texto
- Uso de la etiqueta de selección
- Uso de las etiquetas Marca, Medidor y Progreso
- Uso de las etiquetas de encabezado y pie de página
- Uso de la etiqueta de navegación
- Uso de la etiqueta del artículo
- Uso de la etiqueta de sección
- Uso de las etiquetas Aside y Hr
- Uso de la etiqueta de vídeo
- Implementación de columnas CSS y guiones
- Uso de consulta de medios
- Escribir un programa JavaScript básico
- Uso de operadores en JavaScript
- Uso de tipos de datos
- Mostrar y ocultar elementos
- Actualización de contenido mediante el manejo de eventos
- Uso de eventos para llamar a una función
- Uso de eventos
- Uso de jQuery y otras bibliotecas de terceros
- Uso de las validaciones de formularios y pruebas
- Uso del elemento de marco en línea
- Obtener la geolocalización de un dispositivo
Los laboratorios se ejecutan en tu navegador; no hay nada que instalar.
03 / Preguntas frecuentes
Preguntas antes de empezar
Is this HTML, CSS & JavaScript Web Publishing course for beginners? +
Yes, this course is designed for those with no prior experience in web development.
What software will I need? +
You don’t need to buy any software license and install the software. A web browser is all you need to get started.
How long will this course take? +
The completion time will vary depending on your pace, but we estimate it can be completed in 3-12 months.
Is there a certificate upon completion? +
You will receive a certificate of achievement upon completion of this course.
Does the course cover mobile web design? +
Yes, the course will cover responsive web design techniques to ensure your website looks great on all devices.
Will I learn how to make my website interactive? +
Yes, you'll learn the basics of JavaScript web development to add interactivity with forms and basic animations.
Will I learn how to use website builders like Wix or Squarespace? +
The course focuses on coding with HTML, CSS, and JavaScript for more control and flexibility. However, the skills learned can be a foundation for using website builders more effectively.
Keep going
You might also like
Improve Your HTML, CSS & Javascript Web Publishing Skills
Increase your knowledge retention and gain practical insights to impress your employer with stunning websites!
- 1 año de acceso completo
- 44 LiveLab incluido
- Certificado de finalización
No se requiere tarjeta de crédito