Esta lección nos mostrará cómo se ve la estructura de un sitio web básico y qué tipo de aplicaciones, archivos necesitamos para comenzar nuestro proyecto.
Los archivos de una página web:
• Los archivos de un sitio web deben colocarse en una carpeta, también llamada carpeta raíz, porque se "necesitan" entre sí para funcionar correctamente.
• Se construye un sitio web a partir de múltiples archivos y documentos.
• En la carpeta raíz de un sitio web podemos encontrar archivos con extensiones .html, .css, .js y carpetas adicionales, que pueden contener imágenes, documentos, archivos de sonido, todos utilizados y mostrados en el contenido del sitio web.
En la imagen de arriba podemos ver un ejemplo del contenido de una carpeta de páginas web.
La carpeta files (archivos) contiene las imágenes, documentos o archivos de sonido.
El archivo functions.js contiene código JavaScript, que se utiliza para manipular o animar el HTML y el CSS del sitio web, lo que lo hace interactivo y más interesante.
El archivo index.html alberga el contenido del sitio web y su estructura / esqueleto, compuesto por etiquetas HTML. Un sitio web puede tener más archivos HTML, pero cuando se abre en un navegador, el archivo que siempre se muestra primero, es el archivo index.html.
El archivo style.css contiene el formato aplicado al contenido: colores, tamaños, etc.
Los archivos .css y .js están escritos en archivos separados, ya que son reutilizables. De esa manera, se pueden utilizar en múltiples lugares y en caso de producirse cualquier cambio, tendrá que modificarse solo en un lugar, no en todos ellos.
El lenguaje HTML:
• Al crear una página web, lo primero que debemos aprender es el lenguaje HTML. Necesitamos el lenguaje HTML para organizar y dar forma al contenido de la página web. Es una abreviatura de HyperText Markup Language.
• El lenguaje HTML utiliza etiquetas que aparecen principalmente en parejas: antes y después de un texto. Las etiquetas afectan a este texto de acuerdo con su "significado".
Ej: la etiqueta <p> marca el comienzo de un párrafo, el </p> marca el final.
<h1>, </h1> marca el título principal.
Los programas necesarios:
• La interpretación de las etiquetas HTML y la visualización de páginas web es la función de un navegador.
Ej: Mozilla Firefox, Internet Explorer, Google Chrome, Opera
