Introducción al HTML5 from Coursera

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/

What's inside

Syllabus

Semana 1

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.

Semana 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).

Semana 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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Diseñado específicamente para principiantes en diseño web

Los instructores, Colleen van Lent y Charles Russell Severance, son expertos respetados en diseño web

Ofrece un enfoque paso a paso para aprender los conceptos básicos, haciéndolo accesible para aquellos sin experiencia previa

Desarrolla una base sólida para el desarrollo de habilidades esenciales en diseño web, como HTML5 y accesibilidad

El énfasis en los estándares de sintaxis y semántica garantiza que los estudiantes aprendan prácticas recomendadas para el desarrollo web

Reviews summary

Beginner-friendly html5 introduction

This course earns high marks from students for its accessibility to beginners and its clear explanations of basic concepts in HTML5. Students enjoyed that this course eases students into coding by not requiring that they learn a lot of different kinds of tags at once.

Minimal coding required.

"... the lectures are clear and the videos are short, which makes it easy to stay focused..."

Clear explanations.

"The lectures are straightforward and easy to understand. "

Great for beginners.

"The course is specifically designed to help beginners."

"It’s perfect for those wishing to have a step-by-step breakdown of very basic website design."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Introducción al HTML5 with these activities:

Revisit HTML5 fundamentals

Show steps

Build a stronger foundation in HTML5 by reviewing its core tags and attributes.

Browse courses on HTML5

Show steps

Review the basics of HTML5 structure
Practice creating and editing simple HTML5 documents
Experiment with different HTML5 tags and attributes

Seek guidance from experienced web developers

Show steps

Accelerate your progress by connecting with experienced professionals who can provide valuable insights and guidance.

Browse courses on Mentorship

Show steps

Identify potential mentors in the web development field
Reach out to mentors and request their guidance
Attend industry events and workshops to connect with professionals

Practice responsive web design

Show steps

Master the art of creating websites that adapt seamlessly to different devices.

Browse courses on Web Development

Show steps

Experiment with different responsive design techniques
Build responsive websites using HTML5 and CSS
Test your website's responsiveness across multiple devices

Five other activities

Expand to see all activities and additional details

Show all eight activities

Build a basic website prototype

Show steps

Solidify your understanding of HTML5 and CSS by creating a functional website prototype.

Browse courses on Web Development

Show steps

Plan the structure and layout of your website
Create HTML5 and CSS files for your website
Add content, style, and interactivity to your website
Test and refine your website's functionality

Explore advanced HTML5 and CSS techniques

Show steps

Expand your knowledge by learning advanced HTML5 and CSS techniques through guided tutorials.

Browse courses on Web Development

Show steps

Find comprehensive tutorials on advanced HTML5 and CSS topics
Follow the tutorials step-by-step
Apply what you learn to your own web development projects

Develop a web portfolio

Show steps

Showcase your skills and build your credibility by creating a professional web portfolio.

Browse courses on Web Development

Show steps

Gather your best web development projects
Create a visually appealing and user-friendly website
Write compelling descriptions and provide context for your projects

Participate in a hackathon

Show steps

Challenge yourself and push your skills to the limit by participating in a hackathon.

Browse courses on Web Development

Show steps

Find a hackathon that aligns with your interests
Form a team or work independently
Develop a solution to the hackathon's challenge
Present your solution to a panel of judges

Mentor junior web developers

Show steps

Deepen your understanding by guiding and supporting aspiring web developers.

Browse courses on Mentorship

Show steps

Find opportunities to mentor junior developers
Share your knowledge and experience
Provide constructive feedback and support

Career center

Learners who complete Introducción al HTML5 will develop knowledge and skills that may be useful to these careers:

Web Developer

As a Web Developer, you will be responsible for designing, building, and maintaining websites. This course in Introducción al HTML5 will teach you the basics of HTML5, which is the foundation for creating web pages. You will learn how to use HTML to create text, links, images, tables, forms, and more. This course will also help you learn the basics of CSS, which is used to style your web pages.

See salaries and explore the career path for Web Developer

User Experience (UX) Designer

As a UX Designer, you will be responsible for designing the user interface of websites and apps. This course in Introducción al HTML5 will help you build a strong foundation in HTML and CSS. You will learn how to create user-friendly websites and apps that are easy to navigate and use.

See salaries and explore the career path for User Experience (UX) Designer

Front-End Developer

As a Front-End Developer, you will be responsible for the design and development of the frontend of websites and applications. This course in Introducción al HTML5 will give you a strong foundation in HTML and CSS, which are essential for front-end development. You will also learn the basics of JavaScript, which is used for creating interactive web pages.

See salaries and explore the career path for Front-End Developer

Web Designer

As a Web Designer, you will be responsible for creating the visual look and feel of websites. This course in Introducción al HTML5 will teach you the basics of HTML and CSS. You will also learn the basics of graphic design, which will help you create beautiful and visually appealing websites.

See salaries and explore the career path for Web Designer

Software Engineer

As a Software Engineer, you will be responsible for designing, developing, and maintaining software applications. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages.

See salaries and explore the career path for Software Engineer

Data Analyst

As a Data Analyst, you will be responsible for collecting, analyzing, and interpreting data. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of data visualization. You will learn how to use HTML and CSS to create simple data visualizations.

See salaries and explore the career path for Data Analyst

Business Analyst

As a Business Analyst, you will be responsible for analyzing and understanding business processes. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to communicate business information.

See salaries and explore the career path for Business Analyst

Project Manager

As a Project Manager, you will be responsible for planning, organizing, and executing projects. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to communicate project information.

See salaries and explore the career path for Project Manager

Technical Writer

As a Technical Writer, you will be responsible for writing and editing technical documentation. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to communicate technical information.

See salaries and explore the career path for Technical Writer

Computer Scientist

As a Computer Scientist, you will be responsible for designing, developing, and analyzing computer systems. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages.

See salaries and explore the career path for Computer Scientist

Information Technology (IT) Specialist

As an IT Specialist, you will be responsible for providing technical support to users. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to troubleshoot technical issues.

See salaries and explore the career path for Information Technology (IT) Specialist

Internet Marketing Manager

As an Internet Marketing Manager, you will be responsible for developing and executing online marketing campaigns. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to promote products and services.

See salaries and explore the career path for Internet Marketing Manager

Salesforce Administrator

As a Salesforce Administrator, you will be responsible for managing and maintaining Salesforce software. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to manage Salesforce data.

See salaries and explore the career path for Salesforce Administrator

Database Administrator

As a Database Administrator, you will be responsible for managing and maintaining databases. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to access and manage database data.

See salaries and explore the career path for Database Administrator

Network Administrator

As a Network Administrator, you will be responsible for managing and maintaining computer networks. This course in Introducción al HTML5 may be useful for you if you are interested in learning the basics of web development. You will learn how to use HTML and CSS to create simple web pages that can be used to manage network devices.

See salaries and explore the career path for Network Administrator