Gracias gente!!!!!!



de verdad muchas gracias, sigo respondiendo los MP, tengan paciencia no mas por que son muchos, pero gracias por difundir esto, que ojala sirva a muchos emprendedores, pequeños comerciantes y a los que le gusta armar web de ocio. Gracias por cada critica, aliento, punto, y favorito. Y por sobre todo gracias por recomendar!!!!!



Hola gente, en este post les quiero mostrar como hacer para tener una web con el dominio .com.ar absolutamente gratis. Si bien hay muchas formas de crear una web, este post esta pensado para la gente que no tiene ningún conocimiento sobre diseño web, ni tampoco manejan programas específicos de esta área. Vamos a utilizar principalmente 2 programas que me los pueden pedir por mensaje privado si los quieres y le pasos los links, y también vamos a registrar nuestro dominio y anexarlo con nuestro host. Es muy sencillo y muy útil, especialmente para armar webs institucionales o para las web de esas pequeñas pymes o emprendedores que les gustaría contar con esta herramienta de difusión.
bueno arranquemos!!!



Lo primero que hacemos es dirigirnos al sitio nic.ar para registrar nuestro dominio.

nic.ar



lo que hacemos, es buscar que el dominio, o sea, el nombre que estemos pensando para nuestra web, este libre. En este caso usaremos el dominio "its-free"



una vez que comprobamos que el dominio esta disponible, seguimos los pasos completando los formularios con la informacion que nos pides



En el primer paso nos pide el nombre del dominio y nuestro mail. En este paso es donde pueden decidir si su pagina tendra el dominio .com.ar o .net.ar o .org.ar y varios dominios mas que les ofrecen, si la pagina esta pensada con un fin comercial o por puro hobbie les conviene el dominio .com.ar



en este paso nos preguntamos si ya estamos registrado en la base de datos de nic.ar, es decir, si ya tenemos algun dominio a nuestro nombre, como este post es para que lo sepan hacer desde cero vamos a crear una nueva identidad.



Completamos con nuestros datos.Completan con todos los datos que le piden, direccion, telefono, fax (en caso de que no tengan, pongan el mismo numero telfonico, asi lo hice yo) y luego le aparece otro cuadro donde le piden cuil y dni



Ahora, nos pide que creemos una persona responsable, en el paso anterior habia creeado una entidad. Yo lo hago es crear la persona responsable con lo mismo datos que la entidad, o sea yo.



luego de completar nuestros datos, nos pregunta si ya poseemos host, o sea, alojamiento en la red para nuestra web. Como todavia no poseemos le vamos a poner reservar el dominio.



Ahora completamos el codigo de verificacion, parece facil, pero es bastante complicado, lo van a tener que hacer varias veces jaja



Listo ahi nos mandan un mail para que confirmemos el tramite del dominio.



el mail que nos llega, tenemos que reenviarlo tal cual esta, sin tocar absolutamente nada, solo reenviarlo



Luego de un par de horas, nos llega un mail, avisandonos que ya nuestro tramite esta iniciado y que luego nos mandaran otro mail para confirmarnos que el dominio es nuestro, por lo general esto tarda unas 48 horas, acá les dejo imágenes de los dos mail de confirmación.







Bueno, ahora que ya tenemos el nombre de nuestra pagina, vamos a asegurarnos el host, o sea, el lugar donde se va a alojar nuestra web en la red.
Para esto vamos a usar un servidor completamente gratuito, ya que la idea es no gastar ni un peso en nuestra pagina. El servdor es 000webhost.

000webhost.com



lo primero que hacemos lógicamente es registrarnos



en el primer cuadro ponemos la que va a ser nuestra direccion web. En este caso its-free.com.ar

en el segundo cuadro no ponemos nada, por que nos ofrece un dominio gratuito que no queremos.

En el tercer cuadro ponemos nuestro nombre

En el siguiente nuestro mail

Luego una contraseña

y despues otra ves la contraseña

luego completamos el captcha

y no nos olvidemos de aceptar los terminos y condiciones



ahora nos pide que confirmemos atreves del mail que nos envían



confirmamos haciendo click en el link del mail



ahora nos pide que volvamos a confirmar, nos van a mandar dos mail mas aparte del que ya nos mandaron, uno de bienvenida y otro de confirmacion



Ahora ya estamos registrados y confirmados asi que desde el mail o desde la pagina vamos a la parte de "members area" y ponemos nuestros datos con los que nos regitramos.



Listo ahora ya tenemos nuestro host, absolutamente gratuito. Este seria nuestro panel de control. Cuando desde nic.ar nos confirmen el dominio, lo que vamos hacer es anexar el dominio al host.





Bueno ahora ya tenemos el dominio y también tenemos el host en el cual se va a alojar nuestra web.
Ahora necesitamos crear la web. Como dijimos al principio del post, para diseñar nuestra web vamos a utilizar un programa muy sencillo de manejar y que no requiere grandes conocimientos específicos.

Web Page Maker

(si quieren el programa mandenme un MP)

Una vez que tengan instalado el programa se va a ver asi



el programa es muy sencillo de utilizar, nosotros vamos a crear una web tremendamente sencilla para que puedan ver unicamente como subir la web terminada al servidor cuando tenemos todo listo. Pero el programa nos da la posibilidad de crear nuestra pagina como mas nos guste, nos permite insertar imagenes, audio, videos, etc. tambien nos permite insertar codigos html, por si tenemos aplicaciones o imagenes y videos alojados en otro lado y tenemos los codigos. Aclaro que para usar este programa no hace falta saber usar ningun lenguaje, nosotros solo diseñamos la web y despues el programa solo, se encargar de pasar todo a lenguaje html para poder subirlo al servidor.

Vamos armar una pagina sencilla, con algunas cosas basicas para que vean como es el programa. Vamos a diseñar nuestra web con un fondo negro, con la imagen del meme It`s free, con un par de botones que van a llevar a mi perfil, mis post, etc. Un formulario de contacto para que vean como agregar algo en codigo html, y nada mas. La idea es que vean el funcionamiento basico del programa y lo sencillo que es utilizarlo.



Lo primero que hacemos para empezr a diseñar la web es elegir el color de fondo.
Hacemos click con el boton derecho, vamos a propiedades (propiertes) y hacemos clock en la pestaña apariencia (appearance) Desde ahi elegimos, el color de fodno, o si quremos una imagen de fondo, color de texto, etc.



Ahora que tenemos el fondo negro le vamos agregar una imagen del meme desde el boton insertar imagen como muestra la captura.





ahora tambien, desde boton inserta imagen, agregamos una imagen que yo prepare en photosho para que quede de banner en nuestra web.



Ahora vamos agregar unos botones, desde la herramienta Navigation Bar.



Elegimos entre las opciones que tenemos los botones que mas no guste.



En el menú que nos aparece luego, podemos poner el nombre que deseamos a cada botón, elegir cuantos botones queremos, el color, fuente, tamaño etc.





también aquí, en el recuadro que dice URL, se pone el link a donde me envía el botón haciendo clik, en el caso de que me envie a otra pagina. Si al hacer click me envía a otra pagina dentro de nuestra misma web lo pongo en el cuadro Link Type.



Ahora que tenemos los botones listo, vamos agragarle un formulario de contacto, para eso agregamos el boton contacto. Esto lo vamos hacer en una nueva pagina dentro de la web.



Vamos en la barra que nos aparece al costado y le damos click al boton add new page



a la nueva pagina que nos aparece la re nombramos haciendo click con el botón derecho sobre page 2 y en el menú hacemos click en rename page

Ahora ya con la nueva pagina de nuestra web renombrada, vamos otra ves a las propiedades y elegimos el color negro para el fondo. Luego volvemos a nuestra primer pagina (que siempre si o si se tiene que llamar Index) y vamos a seleccionar todos los elementos que tenemos ahi, imágenes y botones, y haciendo clikc sobre ello con el botón derecho le damos a la opción Include on all pages (incluir en todas las paginas) el unico que nos incluiremos es la imagen del meme ya que en su lugar ira un formulario de contaco.





Para agregar un formulario de contacto a nuestra web nos vamos a la pagina

es.foxyform.com



Veremos que es muy sencillo crear un formulario para nuestra web desde aqui. Primero en la parte de configuracion, seleccionamos que campos seran necesarios llenar para quienes usen nuestro formulario y si estos campos son obligatorios o no. Luego en configuracion avanzada, seleccionaremos, color, fuente tamaño, etc. Y por ultimo, en direccion de correo electronico destino, le pondremos el mail, al cual nos llegaran las consultas echas atraves del formulario de contacto.

Luego de esto le damos al boton Crear Formular



Ahora nos aparece el código html de nuestra formulario para que lo podamos agregar en nuestra web.

Lo que hacemos es copiar ese código y volvemos al Web Page Maker



En nuestra segunda pagina, que yo llame contacto) vamos al menu insert - html code or scrpt code



Allí pegamos el código y le damos ok. Nos aparecerá un recuadro violeta que tiene nada y que es muy chico. En realidad en recuadro contiene nuestro formulario, pero en el programa no lo podemos ver, cuando le demos una vista previa nos va a aparecer.



En el recuadro violeta que nos aparece hacemos click con el boton derecho y entramos a las propiedades para en la pestaña general poder cambiarle el tamaño. casi siempre los formularios standar tiene un tamaño de 400 x 440



Asi nos quedaria.

Ahora vamos a ver una vista previa en nuestro navegador de como esta quedando nuestra web.



Para eso vamos al menu File - Preview in browser (previo en el navegador)





Asi estaría nuestra web con sus dos paginas, y sus botones en nuestro navegador.

Bien, ahora que el diseño de la pagina esta como queremos tenemos que exportar todo en condigo html para poder despues subirlo a nuestro servidor.



Para hacer esto nos vamos al menu Flie - export to html



Toda la exportacion en hmtl se guarda en la carpeta my site dentro de la carpeta del programa que se instala en el disco rigido, lo que nos conviene hacer es crear una nueva carpeta dentro de my site y guardar la web ahi, yo en mi caso le puse el nombre free a la carpeta.

Bien con esto ya tenemos nuestra web diseñada. Vale aclarar que con el programa web page maker, se pueden lograr realmente sitios muy interesantes, así como agregamos un formulario de contacto se le puede agregar, contador, libro de visitas, foros, etc. todo depende de su creatividad y de como se vallan desenvolviendo con el uso del programa.



Bueno, ya a pasado 48 horas desde que registramos nuestro dominio asi que ya disponemos de el. Lo que haremos ahora es enlazar nuestro dominio al host gratuito que tenemos 000webhost.
Para esto nos dirigimos nuevamente a la web nic.ar



Entramos en la opción del menú que dice Tramites vía web



En el menú que nos aparece cuando entramos a tramites vía web, hacemos click en el botón delegaciones de la columna Altas.



Ya estamos en delegacion de un nombre de dominio. completamos con nuestro mail y con el dominio que vamos a delegar, o sea el nuestro.



Ahora en este menu de delegacion de dominio, vamos a dejarlo asi abierto y vamos abrir una nueva pestaña y vamos a nuestra cuenta de host.



entramos en nuestra cuenta de 000webhost con nuestro mail y contraseña. Una vez que entramos vamos a nuestro panel de control haciendo click en Go to Cpanel.



una vez que estamos en nuestro panel de control veremos que tenemos muchas opciones para nuestra web, entre las cosas que se pueden hacer con nuestro servidor gratuito estan, tener un contador para hacer estadisticas de nuestra pagina, tener cuentas web mail (por ejemplo info@its-free.com.ar) y muchas cosas mas que cuando investiguen se van a ir dando cuenta. Ahora vamos a usar la opcion que marque con rojo View account details.



dentro de Account Details a nosotros nos interesa los numeros y nombres que aparecen en Nameserver details, es lo que marque con rojo.



ahora volvemos a la pagina que habiamos dejado abierta en nic.ar y ponemos los datos que marcamos en rojo en nuestro host en los cuadros de nica. ar. pero los ponemos cruzados, como muestra la imagen.



Nos quedaria asi.

Le damos delegar y nos aparece el siguiente cuadro, le damos buscar.



En el siguiente cuadro seleccionamos la misma ISP que nos apareció para buscar en el cuadro anterior, osea , la que marque con rojo.



Una vez que le damos continuar, nos aperece este nuevo cuadro, le damos buscar.



Nos aparece un nuevo cuadro, elegimos el FPM, el mismo que nos aparecio en el cuadro anterior, yo lo marque con rojo.



Listo, ya tenemos todos los pasos echos ahora le damos confirmar.



Una vez hecho todo, nos dice que nos mandan un mail confirmando el tramite de alta de la delegacion.



Este es el mail que nos llega, para terminar el tramite tenemos que reenviarlo así como esta, sin tocar nada ni agregar nada, le damos responder y enviar y nada mas. Después de eso en un par de horas nos va a llegar otro mail para confirma donde dice que tenemos que esperar 48 horas para que se realiza la transferencia.



este es el segundo mail que nos envian.



Y este es el mail de confirmación definitiva!!!





Luego de que nos confirmen si el dominio se anexo al host (tarda 48 horas), vamos a ir subiendo nuestra pagina diseñada al host. Para eso vamos a necesitar un programa.

Filezilla

si quieren el programa, mandenme un MP

Haciendo click sobre el nombre, lo pueden descargar.



Asi se ve el programa, una ves instalado y abierto.



Ahora volvemos a nuestro panel de control de nuestro host y entramos en la opcion View FTP Details, es la que marque con rojo.



dentro de FTP Login and Upload Details vamos anecesitar los datos de host name y user name, son los datos que marque con rojo, esos datos los vamos poner en el filezila.



Donde dice servidor, en el filezila, ponemos los datos que figuran en nuestro host donde dice host name, y donde dice nombre de usuario en filezila ponemos los datos del host donde dice user name, y donde dice contraseña, ponemos nuestra contraseña de la cuenta de 000webhost y le damos clikc en conexion raipda.



una vez que nos conectamos, el programa nos queda así. En el lado izquierdo (lo que marque con rojo) es nuestra compu y el lado derecho (lo que marque en azul) es el directorio de nuestro host.



vamos a la derecha del programa, es decir, al directorio de nuestro hots, y borramos todo lo que esta dentro de la carpeta public_html. Como vemos en la imagen hay dos archivos dentro de esa carpta .htacces y default.php Los borramos a los dos y dejamos la carpeta vacía.



una vez que dejamos la carpeta del host vacia, (como muestra la imagen) vamos al lado derecho del programa o sea al directorio de nuestra compu y buscamos la carpeta donde guardo la pagina exportada en html, por lo genera el programa lo guarda dentro de mis documentes, web page make, my site yo cree la carpeta free, y ahi esta mi pagina.



una vez que estamos dentro de la carpeta de nuestra web, seleccionamos todos los archivos y la carpeta images y haciendo click con el boton derecho le damos subir o upload. Esto va enviar una copia de nuestros archivos al host.



Listo! ahi tenemos nuestros archivos de la pagina ya subidos al host!!!!



Ahi tenemos nuestra pagina lista y terminada, entren para chequearla

www.its-free.com.ar



Bueno gente, espero que les haya gustado y sobre todo que les sirva este post para armarse sus propias web. Por favor comente y recomiendo el post ya que hay mucha gente que no conoce este método sencillo para poder tener su propia web.
el tiempo que lleva es mas o menos de 4 días entre el registro del dominio hasta la confirmación del anexo del dominio al host. Luego de eso el dominio les dura un año, después lo tienen que renovar pero todo es absolutamente gratuito.

Gracias por pasar gente!!!!