History: Introducción y preparación

Revision made 7 years ago by Francisco Presencia. Go to the last revision.

In­stalaremos las her­ramien­tas que son necesarias para hacer, subir a in­ter­net y ad­ministrar páginas web. También lo de­jaremos todo listo para poner­nos a trabajar en los siguien­tes 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á ex­plicada para Ubun­tu, Linux. Para Mac es muy parecido, y para Win­dows tendréis que bus­car y seguir pasos similares.

Her­ramien­tas y con­figuración común

Estos son los que se suel­en usar para crear páginas web, in­depen­dien­temen­te del tipo de página. Las usaremos para crear nuestra página sen­cil­la para los primeros capítulos.

Crear pro­yec­to

Creamos una car­peta con el nombre de nuestro pro­yec­to donde pondremos todos los archivos. Para este curso usaremos el nombre Web para re­ferir­nos a la car­peta.

De­ntro de la car­peta crearemos tres archivos, index.html, style.css y javascript.js. HTML es un len­guaje de estruc­tura y con­tenido. En el va el con­tenido de la web en sí. A dif­eren­cia de este, CSS es un len­guaje de es­tilo. El mismo le da col­ores y for­mas al HTML. Por último, javascript es un len­guaje de in­terac­ción. La mayoría de cosas que cam­bian en una página web suc­ed­en con el mismo.

In­stalar Atom

In­stalamos un editor de código en con­diciones. A pesar de que se podría editar con gedit/notepad, vamos a usar un editor moder­no llamado Atom:

https://atom.io/

Una vez esté in­stalado lo ab­rimos y añadimos la car­peta Web a Atom como pro­yec­to. Desde Atom, Archivo