Gracias a un número creciente de programas de software, parece que cualquiera puede hacer una página web. Pero, ¿Qué pasa si realmente quieres entender cómo se creó la página? Hay excelentes libros de texto y recursos en línea para aprender diseño web, pero la mayoría de esos recursos requieren algunos conocimientos previos. Este curso está diseñado para ayudar al principiante que quiere ganar confianza y conocimientos. Exploraremos la teoría (¿Qué sucede realmente cuando se hace clic en un enlace en una página web?), lo práctico (¿Qué necesito saber para hacer mi propia página?) y lo pasado por alto (tengo una página, ¿Qué hago ahora?).
A lo largo del curso se dará un fuerte énfasis en adherirse a los estándares sintácticos para la validación y estándares semánticos a fin de promover una amplia accesibilidad para los usuarios con discapacidades. El libro de texto que usamos está disponible en línea, “The Missing Link: An Introduction to Web Development and Programming” (“El Enlace Pedido: Una Introducción al Desarrollo y a la Programación Web") por Michael Méndez, en www.opensuny.org.
Este curso atraerá a una amplia variedad de personas, pero específicamente a aquellos que deseen una descripción paso a paso de los conceptos básicos. No hay requisitos previos para este curso y se asume que los estudiantes no tienen habilidades de programación previas o experiencia en TI.
El curso culminará con un pequeño proyecto que requerirá la realización de una página muy sencilla con enlaces e imágenes. El enfoque de este curso está en lo básico, no en la apariencia. Puedes ver un ejemplo de página final en http://intro-webdesign.com/html5-plain.html.
Este es el primer curso de la Especialización en Diseño Web para todo el mundo. Los cursos posteriores se centran en las habilidades comercializables de estilizar la página con CSS3, agregar interactividad con JavaScript y mejorar el estilo con un diseño receptivo. Puedes ver un sitio de muestra para el curso final en http://intro-webdesign.com/
Esta semana descubriremos el “misterio” detrás de Internet. ¿Qué sucede cuando escribes una URL en tu navegador para que aparezca una página web por arte de magia? ¿Qué es HTML5 y qué pasó con HTML 1-4? También cubriremos algunos conceptos prácticos que debes dominar antes de comenzar a codificar tus propias páginas.
What's included
6 videos9 readings1 assignment
Show info about module content
6 videos•Total 51 minutes
01.01 - Bienvenidos a la Introducción al HTML5•9 minutes
01.02 - La Evolución del HTML•10 minutes
01.03 - Cómo Funciona: La “Magia” de las Solicitudes de Página•9 minutes
01.04 - Examinando las Opciones de tu Navegador•5 minutes
01.05 - Editores: Cómo usar un Editor para Crear un Archivo HTML•15 minutes
¿Cómo usar CodePen?•2 minutes
9 readings•Total 90 minutes
Plan de Estudios•10 minutes
¡Ayúdanos a saber más sobre ti!•10 minutes
Materiales Requeridos•10 minutes
Recursos Opcionales•10 minutes
OPCIONAL - Las Guerras de los Navegadores•10 minutes
OPCIONAL - Los Orígenes de MOSAIC•10 minutes
Navegadores•10 minutes
OPCIONAL - ¿Es Compatible tu Navegador con HTML5?•10 minutes
Aviso para Estudiantes Oyentes: Entrega de Asignaciones•10 minutes
1 assignment•Total 30 minutes
Semana 1 - Fundamentos HTML/Web•30 minutes
Semana 2
Module 2•4 hours to complete
Module details
Esta semana tendrás que respirar profundamente y saltar dentro de la codificación. Cubriré un gran número de etiquetas HTML, pero es importante que hagas algo más que escuchar estos videos y leer el material del libro de texto. Necesitas practicar (¡y equivocarte!) para aprender. Lo creas o no, una vez que domines la idea básica de usar etiquetas y atributos, sabrás todo lo que necesitas para usar cualquier etiqueta HTML5. Es posible que la página no tenga la apariencia que deseas que tenga todavía, ¡pero podrás usar texto, enlaces, imágenes, tablas e incluso música y videos! Si deseas consultar un libro de texto esta semana para reforzar los conceptos, usaremos el libro de texto en línea Shay Howe como referencia. Incluiré enlaces después de las conferencias, pero algunos estudiantes prefieren leer antes de los videos. (Mi enfoque preferido es leer/ver/leer de nuevo).
What's included
10 videos4 readings1 assignment
Show info about module content
10 videos•Total 90 minutes
02.01 - El Modelo de Objeto de Documento [DOM]•10 minutes
02.02 - Etiquetas HTML5 y Sintaxis•12 minutes
02.03 - Etiquetas Semánticas•6 minutes
02.04 - Página de Plantillas•7 minutes
02.05 - Imágenes•9 minutes
Demostración de Font Awesome•8 minutes
02.06 - Hipervínculos•9 minutes
02.07 - Multimedia•7 minutes
02.08 - Tablas•8 minutes
02.09 - Etiquetas Útiles•12 minutes
4 readings•Total 120 minutes
Lecturas•90 minutes
Hojas de Trucos•10 minutes
Página Inicial de Plantillas•10 minutes
Texto Alternativo•10 minutes
1 assignment•Total 58 minutes
¡Etiquetas!•58 minutes
Semana 3
Module 3•5 hours to complete
Module details
Bien, creaste un archivo... ¿y ahora qué? Esta semana comenzaremos tratando los conceptos importantes pero a menudo pasados por alto de validación y accesibilidad. ¿Seguiste la estructura DOM cuando creaste tu página? ¿Usaste etiquetas semánticas para asegurarte de que quien vea la página pueda acceder a toda la información, incluso si tiene discapacidades físicas o cognitivas? Este es un conocimiento que puedes utilizar si deseas seguir una carrera como especialista en accesibilidad web. Por último, voy a tratar brevemente los pasos necesarios para publicar tu sitio en la web. Hay muchos servicios gratuitos y de pago que puedes utilizar para sacar tu trabajo de tu computadora y publicarlo en Internet.
The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future.
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."
Learner reviews
4.6
50 reviews
5 stars
70%
4 stars
24%
3 stars
4%
2 stars
0%
1 star
2%
Showing 3 of 50
L
LB
5·
Reviewed on Apr 3, 2023
Muy bien secuenciado, claro, vídeos con una duración correcta, dan las herramientas para la tarea final, al final del curso te das cuenta que has aprendido lo básico. Muy recomendable
J
JP
5·
Reviewed on Jul 11, 2023
Excelente curso para tener una noción basica en respecto al lenguaje HTML5! Recomendable si nunca tuviste contacto alguno con código.
D
DM
4·
Reviewed on May 25, 2025
para iniciar con los conceptos del manejo, está muy bien.
When will I have access to the lectures and assignments?
To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
What will I get if I purchase the Certificate?
When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.
Is financial aid available?
Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.