Traducción en curso

Una vez termines de escribir tu codigo y organizar los archivos que forman parte de tu sitio, debes ponerlo en linea para que la gente pueda encontrarlo. Este articulo muestra como conseguir de manera sencilla que su codigo este en linea.

¿Cuales son las opciones?

Publicar un sitio no es un tema sencillo, principalmente porque hay muchas maneras diferentes de hacerlo. En este articulo no se trata de ver todos los modos posibles. En su lugar, discutiremos los pros y contras de tres amplias estrategias desde el punto de vista de un principiante, y luego tu debes seleccionar que método usarás.

Obtener hosting y un nombre de dominio

Si desea un control total sobre su sitio web publicado, probablemente necesitará gastar dinero para comprar:

  • Hosting — espacio de almacenamiento alquilado en el servidor web de una compañia de alojamientos. Usted coloca los archivos de su sitio web en este espacio, y el servidor web suministra tu contenido a los usuarios que lo solicitan.
  • Un nombre de dominio — dirección única mediante la cual la gente puede encontrar su sitio web, como http://www.mozilla.org, o http://www.bbc.co.uk. Usted puede rentar el nombre de su dominio durante algunos años en un registrador de dominio.

Muchos websites profesionales toman esta opción.

Ademas, usted necesitara un programa de protocolo de transferencia de archivo (FTP) (mira mas detalles de  cuanto puede costar: software) realmente para transferir los archivos de  tu sitio web al servidor. Los programas FTP varían ampliamente, pero generalmente tienes que conectarte a tu servidor web mediante detalles proporcionados por tu empresa de hosting (por ejemplo: nombre de usuario, contraseña, nombre del host). Entonces el programa mostrará los archivos locales y los archivos del servidor web en dos ventanas, entonces puedes transferirlos de uno a otro:

Tips para elegir hosting y dominio

  • No promovemos empresas comerciales de hosting específicas aquí. Para encontrar empresas de hosting y registradores de nombres de dominio, solamente busque " hosting web " y "nombres de dominio". A veces las empresas proporcionan ambos en un paquete.
  • El proveedor de servicio de Internet de tu casa u oficina puede proporcionar algún hosting limitado para un pequeño sitio web.El conjunto de características disponibles será limitado, pero podría ser perfecto para sus primeros experimentos — ¡pónte en contacto con ellos y pregunta!
  • Hay servicios gratiuitos disponibles como Neocities, Blogspot, y Wordpress. Una vez más, obtienes lo que pagas, pero son ideales para tus experimentos iniciales. Los servicios gratuitos en su mayoría no requieren software de FTP para cargas - puede arrastrar y soltar justo dentro de su interfaz web.

Usando una herramienta en linea como Github o Dropbox

Algunas herramientas le permiten publicar su sitio en línea:

  • Github es un sitio de "codificación social". Esto le permite para cargar repositorios de código para  almacenarlos en el sistema de control de versiónes de Git. Usted puede entonces colaborar en proyectos de código, y el sistema es codigo-abierto por defecto, significando que cualquier persona en el mundo puede encontrar su código en Github, usarlo, aprender de el, y mejorarlo. ¡Usted puede hacer esto con el código de otra persona también!. Esta es una comunidad muy importante y útil para estar implicado, y Git/Github es una muy popular sistema de control de versiones— la mayor parte de empresas de tecnología ahora lo usan en su proceso laboral. Github tiene un rasgo muy útil llamado páginas Github, que le permite exponer el código de sitio web en  vivo sobre Web.
  • Dropbox es un sistema de almacenamiento de archivos que le permite guardar los archivos en la Web y tenerlos disponibles desde cualquier ordenador. Cualquier persona con una conexión a Internet puede acceder a cualquier carpeta de Dropbox que usted haga accesible al público. Si esa carpeta contiene los archivos del sitio web, estos serán visualizados como un sitio web de forma automática. Ver Web Hosting con Dropbox para obtener más información.

A diferencia de la mayoría de alojamiento (servicios de hosting), tales herramientas son por lo general libre de utilizar, pero sólo permiten un conjunto de funciones limitadas.

Usando un entorno basado en web como Thimble

Existe un número de aplicaciones web que emulan un entorno de dearrollo web, permitiendo que ingreses tu código HTML, CSS y Javascript y luego muestran los resultados de dicho código cuando se ejecuta en un navegador - ¡todo en una pestaña de navegador! Generalmente hablando estas herramientas son bastante sencillas, geniales para aprender, y gratis (para características básicas), y ellos mantienen su página renderizadas en una única dirección web. Sin embargo, las características básicas son muy limitadas, y estas aplicaciones usualmente no proveen espacio de almacenamiento para recursos (como imágenes).

Intenta probar con algunos de estos ejemplos, y observa cuál es el que más te gusta:

Publicando via Github

Ahora veamos como publicar su sitio via páginas en Github. No estamos diciendo que esta es la única manera o la mejor de publicar su sitio, pero es gratis, decentemente simple, y abarca algunas nuevas habilidades que usted encontrará útiles en adelante.

Configuración básica

  1. Antes que nada, instale Git en su máquina. Este es el sistema de control de versiones que Github desarrolla en vanguardia.
  2. Luego, dar de alta una cuenta en Github. Es simple y sencillo.
  3. Una vez registrado, ingrese a su cuenta en Github.com con su usuario y contraseña.
  4. Luego, necesita crear un nuevo repositorio para sus archivos. Haga click en Plus (+) en la parte superior derecha de la página inicial de Github y escoja New Repository.
  5. En esta página, en la caja Repository name, ingrese usuario.github.io, donde usuario es su nombre de usuario. Así por ejemplo, nuestro amigo bobsmith ingresaría bobsmith.github.io.
  6. Haga click en Create repository; esto debería llevarlo a la siguiente página:

Subiendo sus archivos a Github

Aquí es donde vamos a tener que usar la línea de comandos para subir nuestro repositorio a Github. Una línea de comando es una ventana donde usted escribe comandos que realizarán tareas como crear archivos y ejecutar programas, en lugar de utiizar la interfaz de usuario. Se debe parecer a algo como esto:

Nota: Si usted no se siente cómodo utilizando la línea de comandos, usted podría considerar usar Git graphical user interface para realizar la misma tarea.

Todos los sistemas operativos vienen con una herramienta de línea de comandos:

  • Windows: Se puede acceder a Command Prompt desde el menu que se presenta al pulsar Win + X . (O abra este menu manteniendo pulsado el click derecho sobre el logo de Windows en la parte inferior izquierda del escritorio) Note que Windows tiene sus propias sintaxis de comandos diferente a las de Linux y Mac OS X, así que los siguientes comandos pueden variar para su máquina.
  • Mac OS X: Terminal puede ser hallada en Aplicaciones > Utilidades.
  • Linux: Usualmente usted puede abrir una terminal con Ctrl + Alt + T. Si esto no funciona, busque Terminal en la barra de aplicaciones o en el menu.

Esto puede parecer un poco aterrador al principio, pero no te preocupes - pronto te darás cuenta de lo básico. Díle a la computadora que haga algo en el terminal escribiendo un comando y presionando Enter.

  1. Apunta la línea de comandos a tu directorio test-site  (o como quiera que hayas llamado al directorio que contiene tu sitio web). Para ésto utiliza el comando cd (es decir, "change directory", "cambia de directorio"). Aquí viene lo que deberías teclear si has colocado tu sitio web en un directorio llamado test-site  en tu escritorio:
    cd Desktop/test-site
  2. Cuando la línea de comandos esté apuntando dentro del directorio de tu sitio web, teclea el siguiente comando, que le dice a la herramienta de git que transforme el directorio en un repositorio de Git:
    git init
  3. Seguido, regresa a el sitio de Github. En la pagina actual, te interesa la seccion  …or push an existing repository from the command line. Deberias ver dos lineas de codigo listados en esa seccion. Copia toda la primera linea, pegala en la linea de comando, y presiona Enter. El comando se debiera ver algo asi:

    git remote add origin https://github.com/bobsmith/bobsmith.github.io.gi
  4. Seguido, ingresa los siguientes dos comandos, presionando Enter despues de cada uno. Estos preparan el codigo para cargar a Github, y pedir a Git administrar estos archivos.
    git add --all
    git commit -m 'agregando archivos a mi repositorio'
  5. Finalmente, envia el codigo a Github yendo a la pagina web de Github en la que estas, entrando en el terminal el segundo de los dos comando que vimos en el paso 3:
    git push -u origin master
  6. Ahora cuando vayas a la direccion de red de tu paginas Github en una nueva pestana (usuario.github.io), deberias ver tu sitio en linea! enviala por Email a tus amigos y presume tu maestria.

Nota: Si te quedas atascado, the Github Pages homepage tambien es de mucha ayuda.

Conocimiento mas Github

Si deseas hacer más cambios a tu sitio y enviarlos a Github, simplemente nacesitas hacer los cambios en tus archivos como lo hiciste antes. Luego, debes ingresar los siguientes comandos (presionando Enter después de cada uno) para enviar esos cambios a Github:

git add --all
git commit -m 'otro commit'
git push

Puedes reemplazar  otro commit con un mensaje más diciente para  describir los cambios que hiciste.

Hemos tocado apenas la superficie de Git. Para aprender mas, empieza con Github Ayuda.

Conclusión

En este punto, deberías tener tu página web de ejemplo disponible en una dirección web única. ¡Bien hecho!

Further reading

Etiquetas y colaboradores del documento

Etiquetas: 
 Última actualización por: binariosistemas,