Instalaremos las herramientas que son necesarias para hacer, subir a internet y administrar páginas web. También lo dejaremos todo listo para ponernos a trabajar en los siguientes capítulos.
El curso se divide en dos partes, en la primera te explicaremos cómo hacer una web estática y en la segunda cómo hacer una web dinámica. Esta introducción está explicada para Ubuntu, Linux. Para Mac es muy parecido, y para Windows tendréis que buscar y seguir pasos similares.
Herramientas y configuración común
Estos son los que se suelen usar para crear páginas web, independientemente del tipo de página. Las usaremos para crear nuestra página sencilla para los primeros capítulos.
Crear proyecto
Creamos una carpeta con el nombre de nuestro proyecto donde pondremos todos los archivos. Para este curso usaremos el nombre Web para referirnos a la carpeta.
Dentro de la carpeta crearemos tres archivos, index.html, style.css y javascript.js. HTML es un lenguaje de estructura y contenido. En el va el contenido de la web en sí. A diferencia de este, CSS es un lenguaje de estilo. El mismo le da colores y formas al HTML. Por último, javascript es un lenguaje de interacción. La mayoría de cosas que cambian en una página web suceden con el mismo.
Instalar Atom
Instalamos un editor de código en condiciones. A pesar de que se podría editar con gedit/notepad, vamos a usar un editor moderno llamado Atom:
Una vez esté instalado lo abrimos y añadimos la carpeta Web a Atom como proyecto. Desde Atom, Archivo