Módulo introductorio al sitio web

Por /
  1. Comenzaremos con una breve descripción de la estructura y arquitectura de un sitio web.
  2. Tomamos como ejemplo: https://openmedialab.art.
    1. “.art” es el “dominio de nivel superior” (top level domain) generico (gTLD).
    2. “openmedialab” es el dominio de segundo nivel.
    3. “http” es el protocolo que el navegador utiliza para comunicarse con el servidor.
    4. “servidor” es un software corriendo en cualquier computadora (puede ser la propia). En la mayoría de los casos, es Apache. El servidor crea un espacio de “memoria virtual” con el cual podemos conectar. Muchos servidores utilizan un software llamado C-Panel para permitir su configuración.
    5. La mayoría de las conexiones en internet utilizan servidores corriendo en computadoras a distancia, pero también pueden ser locales.
    6. Los diferentes protocolos y softwares permiten que nuestras computadoras funcionen de manera coordinadas.
  3. El tipico sitio web utiliza una combinación de los siguientes softwares / lenguajes de programación:
    1. MySQL. Base de datos para almacenar toda la información que subimos, incluso contraseñas.
    2. PHP. Lenguaje de programación que usamos para comunicarnos entre el navegador y la base de datos.
    3. HTML. Lenguaje de programación que el navegador usa para renderizar las páginas web.
    4. CSS. Lenguaje de programación que se utiliza para dar estilo a los diferentes elementos de HTML. 
  4. Softwares útiles:
    1. herramientas para desarrolladores web (vista de código fuente, inspector de elementos, consola javascript, etc.) disponibles en cada navegador; en el menú de Chrome: Ver > Opciones para Desarrolladores >
    1. Editores de código recomendado
      1. ATOM (MacOS, Windows, Linux): https://atom.io/. RECOMENDADO.
      2. BBEdit (MacOS): http://www.barebones.com/products/textwrangler/
      3. Notepad++ (Windows): https://www.notepad-plus-plus.org/

OpenMediaLab.Art