Overview

Class Central Tips

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/

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.