09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Tutorial: Cmo subir tu sitio web a Internet sper sencillo

En todo el tiempo que llevo diseando sitios de internet, muchas veces me preguntan qu tan difcil es subir un sitio o una simple pgina a internet y qu tan costoso es hacer esto. As que en este tutorial te mostrar dnde conseguir un servidor gratuito sin publicidad o uno pagado para almacenar tu pgina; comprar un nombre de dominio (como www.agustin.mx) o usar uno gratuito para tener presencia en Internet.

Subir mi sitio web con nombre de dominio y servidor gratuito

Ya tienes tu sitio web en tu computadora con sus respectivos archivos y ah puedes ver tu sitio perfectamente, pero obviamente no quieres que slo t puedas verlo; as que tenemos que contratar una computadora que siempre est conectada a Internet y donde nuestros usuarios puedan acceder a ver nuestra pgina y una direccin que ellos escribirn en su navegador para as encontrar tu sitio. A esto se le llama un Servidor Web y un nombre de dominio, respectivamente. Existen muchas compaas que nos ofrecen servicios de hospedaje de paga para nuestras pginas pero esto lo veremos en la siguiente seccin. Por ahora, veamos dnde almacenarlo y que adems nos salga totalmente gratis. Hay muchsimas pginas que nos ofrecen almacenamiento gratuito a cambio de colocar publicidad en nuestro sitio, sin embargo, esta publicidad es demasiado molesta para nuestros visitantes; as que despus de muchas malas experiencias con este tipo de servicios, encontr un sitio que quiero compartirles y ste te ofrece Alojamiento Web con PHP y con cero publicidad. Este sitio es www.000webhost.com.

www.agustin.mx/Posts.php?a=SubirSitioWeb

1/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

En la pgina principal viene todas las ventajas que nos ofrece, y vaya que son muchas. Y para quienes se preguntan cmo es posible que se nos ofrezca un servicio tan bueno totalmente gratis, la respuesta es muy simple: la empresa apuesta porque te convenzas de la calidad de sus servicios y tienes la opcin de aumentar a la versin Premium donde puedes crear subdominios y cuentas de correo ilimitadas; ancho de banda sin lmites, Ruby on Rails y muchas otras bondades. Pero sigmonos concentrando en lo nuestro. Vamos a registrarnos en esta pgina. Cuando lo estamos haciendo, nos preguntar si queremos usar un dominio propio o usar un subdominio gratuito. Y cul es la diferencia entre estos dos? Un nombre de dominio propio lo tienes que comprar y puedes colocar cualquier nombre que quieras como: www.agustin.mx, www.misitio.com, etc. Mientras que en un subdominio gratuito, usars una direccin que fue comprada por alguien ms y te asignan un subdominio como por ejemplo: agustin.000webhost.com, misitio.netai.net, etc. Para este caso, vamos a seleccionar un nombre de dominio gratuito:

www.agustin.mx/Posts.php?a=SubirSitioWeb

2/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Mi recomendacin es que si tu proyecto no requiere una colocacin de mercado que te obligue a comprar un dominio propio, usa uno gratuito. stos funcionan igual de bien, se indexan en Google casi de igual forma y si buscas bien un provedor de subdominios, tu direccin no quedar tan complicada. En una seccin ms adelante, veremos cmo comprar un dominio propio y asignrselo a nuestra cuenta en 000webhost.com, pero por ahora sigamos viendo cmo subir archivos aqu.

Subir los archivos al servidor

Ya que nos dimos de alta, se nos asigna una cuenta de FTP para poder subir nuestros archivos al servidor. Para checar nuestro nombre de usuario, seleccionamos la cuenta que hayamos creado, vamos al panel de control y damos click en View FTP Details.

Y dentro de esta pantalla, veremos todos los datos de acceso a nuestro sitio que luce como la siguiente pantalla:

www.agustin.mx/Posts.php?a=SubirSitioWeb

3/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Tu contrasea es la misma que la contrasea que le pusiste a tu cuenta al momento de crearla.

Cmo subir archivos va FTP?

En la pgina te recomiendan que uses SmartFTP o FileZilla, sin embargo, para fines de comodidad, puedes acceder a los archivos va FTP desde el explorador de Windows. Simplemente coloca la direccin de esta forma: ftp://<el nombre de tu sitio> Por ejemplo, para el que creamos ahorita, sera ftp://pumita.netai.net/ Cuando hayas puesto esta direccin, te saldr una pantalla pidindote tus datos de acceso. Y en caso que no aparezca y marque un error, da clic derecho sobre la pantalla blanca del explorador y ve a Login as o en espaol Entrar como (o algo similar, mi PC la tengo en ingls). Aparecer la siguiente pantalla:

www.agustin.mx/Posts.php?a=SubirSitioWeb

4/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Ya que te d acceso, vers dos archivos y una carpeta como lo haras en cualquiera de tus carpetas de tu disco duro, sin embargo, todo lo que guardes aqu, se estar guardando en el servidor web. Ahora lo que haremos es ir a la carpeta public_html (que es donde debes guardar tus archivos) y copiaremos todo nuestro sitio desde nuestra computadora. Tip: No subas todo al mismo tiempo pues el servidor te marcar un error, procura ir subiendo de pocos y no pesados, archivos a la vez.

Cuando hayas subido todos tus archivos, ya podrs verlos desde Internet. Una nota que quiz la mayora de ustedes ya saben pero la pgina principal (o sea, la primera que se abre al visitar un sitio) debe llamarse index.html o index.php (por lo menos para este servidor y una gran cantidad de ellos), si no lo haces as, tendrs que colocar algo como: http://pumita.netai.net/Pagina.html, lo cual no es nada cmodo para nuestros visitantes. Para ver nuestro recin subido sitio en Internet, basta con colocar la direccin que adquirimos en nuestro navegador Web. Esta direccin tambin est disponible para quien www.agustin.mx/Posts.php?a=SubirSitioWeb 5/11

sea, en donde sea que est. En mi caso, pondr pumita.netai.net:

Nota: este sitio ya no lo tengo on-line, es mi pgina ms viejita pero la coloqu aqu para que mostrarles como funciona. Y listo, nuestro sitio web ya est en Internet, disponible para quien quiera verlo desde cualquier parte del mundo. Ahora veamos cmo comprar tu propio nombre dominio y cmo configurarlo en 000webhost.com para que nos sirva como servidor web para nuestra nueva direccin.

Subir mi sitio web con nombre de dominio propio y servidor gratuito

Para muchos proyectos de desarrollo de sitios web, es necesario tener nuestra propia direccin web, nica y que refleje el posicionamiento de la empresa. Afortunadamente, hacer esto no es en absoluto complicado y el precio es bastante accesible. Para este tutorial, les mostrar cmo comprar un nombre de dominio en nic.mx. Si tienen dudas de quin es esta empresa, simplemente es la que administra las terminaciones .mx, .com.mx, .net.mx, etc. Ella es quien le dice a los servidores de DNS de todo el mundo que la direccin con terminacin .mx es tuya y en qu servidor se encuentra el sitio. Nota: Utilizo la pgina de registro de nombres de dominio .mx para Mxico; sin embargo, el mismo proceso aplica para cualquier otra terminacin y pas(.com, .net, .fr, etc), nicamente que tendrs que ir al sitio de la empresa que los administra y pedirlo desde ah.

Registrando mi nombre de dominio en nic.mx

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios Para registrar tu nombre de dominio, ve primero a la pgina www.nic.mx, luego a la seccin de verificar nombre de dominio y colocar el nombre de nuestra pgina:

Si el nombre de dominio no est disponible, automticamente nos avisar y nos har cambiar el nombre de nuestro sitio. Una vez que hayamos encontrado uno disponible, nos pedir todos nuestros datos una y otra vez, esto es parte normal del registro que se tiene que hacer para saber a quin pertenece la pgina. Luego nos pedir que hagamos el pago correspondiente, cuando escrib este tutorial, el precio era de $494.40 anuales. A veces hay promociones y salen mucho ms baratas, en mi caso, agustin.mx me sali en $390 por 2 aos pero es cuestin de suerte. Los mtodos de pago que pide son por depsito bancario o pago con tarjeta. Si no tienes tarjeta de crdito o dbito porque eres menor de edad o simplemente porque no la tienes, puedes checar mi artculo sobre Comprar por Internet con Tarjetas Prepagadas. Una vez hecho el pago, nic.mx autorizar tu nombre de dominio y podrs usarlo. Ahora lo nico que debemos de hacer es unos cuantos ajustes tcnicos para que el nombre de dominio apunte a tu servidor Web y esto lo veremos a continuacin:

Actualizando los servidores DNS para apuntar a nuestro servidor

Djenme explicar mejor esto. Cuando tu pones una direccin en tu navegador (por ejemplo, www.google.com), tu navegador pregunta a un servidor de DNS en qu computadora del mundo se encuentra el sitio, o sea, en qu servidor estn guardados los datos de google.com. As que los administradores de Google tienen que avisarle a estos servidores de DNS cul es la direccin de su computadora. Y as como ellos t tienes que hacerlo con tu propio sitio. (En realidad el proceso sobre cmo el navegador encuentra la pgina es un tanto ms complejo pero para estos fines es bueno entenderlo as) Para nosotros decirle a los servidores de DNS dnde est nuestro sitio, primero debemos saber en qu computadora est. En el caso de 000webhost.com, tan slo debemos de crear un nueva cuenta (ahora colocando el nombre de dominio que compramos)

www.agustin.mx/Posts.php?a=SubirSitioWeb

7/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Se crear tu cuenta y te aparecer un mensaje como el siguiente:

Donde te dice que si t pones agustin.mx en tu navegador, jams te llevar a los servidores de 000webhost. Ah mismo te da la informacin que necesitamos, que son las famosos nameservers y que en este caso son: ns01.000webhost.com y ns02000webhost.com. Ahora nos iremos a www.nic.mx y le daremos click en modificar registro:

www.agustin.mx/Posts.php?a=SubirSitioWeb

8/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios

Seleccionamos el nombre de dominio y seleccionamos que queremos modificar los servidores DNS. Nos saldr otra pantalla para modificar los nombres de los DNS.

Entonces colocaremos las direcciones ns01.000webhost.com y ns02000webhost.com en Nombre del DNS Primario y Secundario, respectivamente. No es necesario colocar las direcciones IP. Le damos en continuar y nos enviarn un correo para autorizar el cambio; cuando aceptemos ste, los servidores de DNS de todo el mundo cambiarn las direcciones adonde te llevar el nombre de dominio. Ten en cuenta que esto se tarda de 1 a 48 horas en surtir efecto en todo el mundo pero despus de este tiempo, cualquiera podr acceder a tu sitio www.agustin.mx/Posts.php?a=SubirSitioWeb 9/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios directamente con el nombre de dominio que compraste. Adems, podrs crear tus cuentas de correo con terminacin de tu nombre de dominio: por ejemplo: correo@agustin.mx Esta ltima parte fue un poco complicada y esto es porque estamos ligando un servidor gratuito con un nombre de dominio de pago. Existen otras opciones para adquirir el nombre de dominio junto con el servidor que almacena tu informacin o host y las veremos rpidamente en la siguiente seccin, de hecho es mucho ms sencillo pues ellos hacen todo por ti pero a veces es necesario saber cmo hacer esto ltimo si quisieras cambiar tu sitio de un host gratuito a un de paga.

Subir mi sitio web con nombre de dominio propio y servidor de paga

La ltima opcin es sta, tener un nombre de dominio propio como en la seccin anterior y adems pagar por el servidor o host. Te podrs preguntar por qu pagar por un servicio que te es gratis ahora. La respuesta es muy sencilla: a pesar de que 000webhost.com ofrece un servicio de muy buena calidad, en algunos momentos del da, tu sitio se cargar un poco lento; y si tienes problemas con alguna cosa en tu sitio, el servicio de paga te ayuda va telefnica o chat, adems tambin te permite tener infinitas cuentas de correo con terminacin @tunombrededominio, entre otras cosas bastante interesantes como Ruby on Rails, Perl, etc. Para este caso, me estoy basando en los servicios ofrecidos por www.hosting24.com (que es la versin pagada de 000webhost.com). En este sitio, te ofrecen registrar tu propio dominio .com completamente gratis en la compra de tan slo un mes de servicio.

Registrarte en hosting24.com
Es muy sencillo, tan slo colocas el nombre de dominio que quieres que te regalen, colocas tus datos personales y especificas una forma de pago. Te recuerdo que si no tienes tarjeta www.agustin.mx/Posts.php?a=SubirSitioWeb 10/11

09/11/12

Tutorial: Cmo subir tu sitio web a Internet sper sencillo Blog de Agustn Barrios de crdito o dbito o eres menor de edad y vives en Mxico, puedes pagar los servicios de www.hosting24.com y cualquier otro lugar que acepte tarjetas MasterCard o Banamex con las Tarjetas de Dbito Prepagadas. Si quieres saber ms sobre esta forma de pago, visita mi artculo sobre Comprar de forma segura y sencilla en Internet con Tarjetas de Dbito Prepagadas. Despus de realizar el pago, automgicamente registrarn tu nombre de dominio y actualizarn todos los datos para que sea su servidor el que responda cuando le des la direccin de tu nombre de dominio al navegador. Ah te darn todas las instrucciones necesarias para configurar tu sitio y subir los archivos, que de hecho funciona casi de la misma forma que en 000webhost.com. La razn de no expanderme en esta seccin es debido a que en este sitio te explican paso por paso cmo hacer todo el trabajo, y si no puedes ellos mismos se encargan de hacerlo! Tan slo es para recomendarles este hosting service que me ha funcionado bastante bien y tan slo cuesta $100 pesos mensuales (la versin Gold que vale bastante la pena) y si la compras por ms tiempo, el costo es mucho menor.

ltimas palabras
Realmente espero que este tutorial te ayude a montar tu propio sitio web y cualquier duda que tengas o informacin que quieras compartirnos, escrbela en los comentarios. No olvides seguirme en Twitter (@agustinbg) si quieres saber sobre los ltimos tutoriales y artculos que escribo.

www.agustin.mx/Posts.php?a=SubirSitioWeb

11/11