Publicar tu sitio web

« Anterior Siguiente »

Una vez termine de escribir su codigo y organizar los archivos que forman parte de su 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 tantos modos diferentes de hacer. En este articulo no se trata de ver todos los modos posibles. Si no, discutiremos los pros y contras de tres amplias estrategias desde el punto de vista de un principiante, y luego usted debe seleccionar que metodo usará.

Obtener hosting y nombre de dominio

Si usted quiere el control total de su sitio web publicado, entonces usted prosiblemente tendrá que invertir el dinero para comprar:

Hosting — espacio de almacenamiento alquilado en un servidor en un servidor web de una compañia. 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 https://www.mozilla.org, o https://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 opcion.

Ademas, usted necesitara un programa de protocolo de transferencia de archivo (FTP) (mira mas detalles de cuanto puede costar: software) actualmente para transferir los archivos de tu sitio web al servidor. los programas FTP varian extensamewnte, pero generalmente usted tiene que conectarse a su servidor web mediante detalles proporcionados por su empresa de hosting (por ejemplo: nombre de uasuario, contraseña, nombre del host). Entonces el programa mostrara los archivos locales y los archivos del servidor web en dos ventanas, entonces usted puede 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 su casa u oficina puede proporcionar algun hosting limitado para un pequeño sitio web. Las caracteristicas disponibles seran limitadas, pero podría ser perfecto para sus primeros experimentos— ¡póngase en contacto con ellos y pregunte!
Hay servicios gratiuitos disponibles como Neocities, Blogspot, y Wordpress. de nuevo, usted obtiene por lo que paga, pero son ideales para sus experimentos iniciales. Los servicios gratiutos sobre todo no requieren software FTP para la carga de archivos tampoco— solo debes arrastrar y soltar dentro de su interfaz.

Usando una herramienta en linea 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.

Using a web-based IDE such as Thimble

There are a number of web apps that emulate a website development environment, allowing you to enter HTML, CSS and JavaScript and then display the result of that code when rendered as a website — all in one browser tab! Generally speaking these tools are quite easy, great for learning, and free (for basic features), and they host your rendered page at a unique web address. However, the basic features are pretty limited, and the apps usually don't provide hosting space for assets (like images).

Try playing with some of these examples, and see which one you like the best:

Publishing via Github

Now let's take you through how to publish your site via Github pages. We aren't saying this is the only way or even best way to publish your site, but it is free, fairly simple, and touches upon some new skills that you'll find useful going forward.

Basic setup

First of all, install Git on your machine. This is the underlying version control system software that Github works on top of.
Next, sign up for a Github account. It's simple and easy.
Once you've signed up, log in to Github.com with your username and password.
Next, you need to create a new repo for your files to go in. Click Plus (+) in the top right of the Github homepage, then choose New Repository.
On this page, in the Repository name box, enter username.github.io, where username is your username. So for example, our friend bobsmith would enter bobsmith.github.io.
Click Create repository; this should bring you to the following page:

Uploading your files to Github

This is where we will have a go at using the command line to put our repository on Github. A command line is a window where you type in commands to do things like create files and run programs, rather than clicking inside a user interface. It will look something like this:

Note: You could also consider using a Git graphical user interface to do the same work, if you feel uncomfortable with the command line.

Every operating system comes with a command line tool:

Windows: Command Prompt can be accessed from the Win + X menu. (Or, pull up the menu by pressing and holding/right-clicking the Windows logo at the bottom-left of your desktop.) Note that Windows has its own command conventions differing from Linux and Mac OS X, so the commands below may vary on your machine.
Mac OS X: Terminal can be found in Applications > Utilities.
Linux: Usually you can pull up a terminal with Ctrl + Alt + T. If that doesn't work, look for Terminal in an app bar or menu.

This may seem a bit scary at first, but don't worry — you'll soon get the hang of the basics. You tell the computer to do something in the terminal by typing in a command and hitting Enter.

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
```
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
```
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
```
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'
```
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
```
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!