message <<-MARKDOWN
### Objetivo
Lo que pretendemos es que te familiarices con HTML, CSS, y Javascript, los bloques más esenciales de una experiencia web. Vas a crear una página web estática acerca de ti y posiblemente lanzarla en web. Harás lo siguiente:
* Escribe algo de contenido y dale estructura con **HTML**,
* Usa **CSS** para ajustar la distribución y el estilo de ese contenido,
* Usa **Javascript** para agregar componentes interactivos.
* Y opcionalmente, sube tu sitio web a GitHub con **git**.
Aquí te damos un esquema de ejemplo de cómo se vería tu página:
![screenshot](img/page_sample.jpg)
### Agenda
* 1-2 horas de jugar con HTML básico, CSS y Javascript
* Alrededor de 4 horas de construcción de tu página
* Opcional: Si has trabajado con GitHub antes y quieres poner tu sitio web en línea usando Git y GitHub, ¡tenemos instrucciones para eso! (Por defecto tu sitio se mantiene de forma local.)
Esto es sólo una guía aproximada, no una regla definitiva. Algunos pasos serán facilmente comprensibles y en otros deberás analizar mas a detalle. Al final del día todo funcionará. :D
### Requerimientos
Trabajarás con:
* [Chrome](https://www.google.com/chrome)
(Si tienes experiencia con las herramientas de desarrollo de otro navegador, puede funcionar también.)
* El editor de código de tu elección.
[Sublime Text 2](http://www.sublimetext.com/2) es popular y la descarga es gratuita, pero deberías adquirir una licencia si quieres seguir utilizándolo después del taller.
[Komodo Edit](http://www.activestate.com/komodo-edit) es una buena opción de código libre, si no cuentas ya con alguna.
Herramientas opcionales si estás lanzando tu código a GitHub:
* Git
* Tu cuenta en [GitHub](http://github.com)
### Trabajando efectiva y eficientemente
Recomendamos hacer lo siguiente:
* Abre una nueva ventana de navegador o esconde todas la ventanas que ya tengas abiertas.
* Abre una ventana con dos pestañas
* Una para este contenido
* Una para interactuar con tu aplicación.
* Abre tu editor de texto y _nunca lo cierres_. No nos damos por vencidos fácilmente.
* Oculta todas las demás aplicaciones. Cierra Twitter, mensajeros, y todas las distracciones.
Minimizando el número de cosas con las que interactúas, reduces la cantidad de tiempo que pasas cambiando entre ellas y el contexto se reduce conforme vas avanzando con las lecciones. Teniendo 50 pestañas abiertas en tu navegador hace que te confundas y pierdas tiempo.
MARKDOWN
next_step 'introduccion_a_HTML'