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.
涵盖的内容
6个视频9篇阅读材料1个作业
显示有关单元内容的信息
6个视频•总计51分钟
01.01 - Bienvenidos a la Introducción al HTML5•9分钟
01.02 - La Evolución del HTML•10分钟
01.03 - Cómo Funciona: La “Magia” de las Solicitudes de Página•9分钟
01.04 - Examinando las Opciones de tu Navegador•5分钟
01.05 - Editores: Cómo usar un Editor para Crear un Archivo HTML•15分钟
¿Cómo usar CodePen?•2分钟
9篇阅读材料•总计90分钟
Plan de Estudios•10分钟
¡Ayúdanos a saber más sobre ti!•10分钟
Materiales Requeridos•10分钟
Recursos Opcionales•10分钟
OPCIONAL - Las Guerras de los Navegadores•10分钟
OPCIONAL - Los Orígenes de MOSAIC•10分钟
Navegadores•10分钟
OPCIONAL - ¿Es Compatible tu Navegador con HTML5?•10分钟
Aviso para Estudiantes Oyentes: Entrega de Asignaciones•10分钟
1个作业•总计30分钟
Semana 1 - Fundamentos HTML/Web•30分钟
Semana 2
第 2 单元•小时 后完成
单元详情
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).
涵盖的内容
10个视频4篇阅读材料1个作业
显示有关单元内容的信息
10个视频•总计90分钟
02.01 - El Modelo de Objeto de Documento [DOM]•10分钟
02.02 - Etiquetas HTML5 y Sintaxis•12分钟
02.03 - Etiquetas Semánticas•6分钟
02.04 - Página de Plantillas•7分钟
02.05 - Imágenes•9分钟
Demostración de Font Awesome•8分钟
02.06 - Hipervínculos•9分钟
02.07 - Multimedia•7分钟
02.08 - Tablas•8分钟
02.09 - Etiquetas Útiles•12分钟
4篇阅读材料•总计120分钟
Lecturas•90分钟
Hojas de Trucos•10分钟
Página Inicial de Plantillas•10分钟
Texto Alternativo•10分钟
1个作业•总计58分钟
¡Etiquetas!•58分钟
Semana 3
第 3 单元•小时 后完成
单元详情
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.
涵盖的内容
11个视频7篇阅读材料2个作业1次同伴评审1个讨论话题
显示有关单元内容的信息
11个视频•总计72分钟
03.01 - Accesibilidad•11分钟
03.02 - Validación de tu Sitio•7分钟
03.02a - Wave•7分钟
03.02b - Funkify•5分钟
03.03 - Hospedaje de tu Sitio•5分钟
03.04 - cPanel•9分钟
3.04a - Creación de una Cuenta de GitHub Pages•5分钟
3.04b - Cargar Archivos a tu Cuenta de GitHub Pages•8分钟
03.05 - Uso del Protocolo de Transferencia Segura de Archivos•8分钟
03.06 - Demostración del Proyecto Final•3分钟
03.07 - Cierre•4分钟
7篇阅读材料•总计70分钟
¿Es tu Navegador un Navegador que Permite Usabilidad?•10分钟
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.
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
D
DM
4·
已于 May 25, 2025审阅
para iniciar con los conceptos del manejo, está muy bien.
J
JP
5·
已于 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.
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.