MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

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. Point the command line to your test-site directory (or whatever you called the directory containing your website). For this, use the cd command (i.e. "change directory"). Here's what you'd type if you've put your website in a directory called test-site on your desktop:
    cd Desktop/test-site
  2. When the command line is pointing inside your website directory, type the following command, which tells the git tool turn the directory into a git repository:
    git init
  3. Next, go back to the Github site. On the current page, you are interested in the section …or push an existing repository from the command line. You should see two lines of code listed in this section. Copy the whole of the first line, paste it into the command line, and press Enter. The command should look something like this:
    git remote add origin https://github.com/bobsmith/bobsmith.github.io.git
  4. Next, type the following two commands, pressing Enter after each one. These prepare the code for uploading to Github, and ask Git to manage these files.
    git add --all
    git commit -m 'adding my files to my repository'
  5. Finally, push the code up to Github by going to the Github web page you're on and entering into the terminal the second of the two commands we saw in step 3:
    git push -u origin master
  6. Now when you go to your Github pages' web address in a new browser tab (username.github.io), you should see your site online! Email it to your friends and show off your mastery.

Note: If you get stuck, the Github Pages homepage is also really helpful.

Further Github knowledge

If you want to make more changes to your test site and upload those to Github, you simply need to make the change to your files just like you did before. Then, you need to enter the following commands (pressing Enter after each one) to push those changes to Github:

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

You can replace another commit with a more suitable message to describe what change you just made.

We have barely scratched the surface of Git. To learn more, start off with the Github Help site.

Conclusion

By this point, you should have your sample website available at a unique web address. Well done!

Further reading

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: DaniNz, Rivo23, alexguerrero, MaurooRen, Da_igual, welm, Yadira
 Última actualización por: DaniNz,