Todo lo que necesitas para tener una página web.com en Internet. Aprender como subir tu sitio web a internet bajo un dominio .com
Desde que inicie con mis tutoriales y contenido de diseño web siempre me han preguntado cosas como: ¿como puedo tener una página .com?, ¿como puedo subir mi página a internet?. Así que hoy escribo este post para aclararles todas sus dudas y explicarles como es que va todo esto de las páginas web por internet.
Para poder subir tu sitio a internet y tener un dominio propio como falconmasters.com necesitas de varias cosas, te las comento y te explico que son y para que sirven.
Empecemos por lo indispensable, un Alojamiento
Mejor conocido como Hosting, es el que te permite almacenar tu sitio web en internet, digamos que es un espacio en donde tu podrás subir tu sitio. El Hosting es la parte mas importante, ya que sin el no habría forma de que los usuarios pudieran acceder a tu sitio (existe una forma mediante un servidor local, pero solo tu podrías acceder). El hosting es un servicio que tienes que contratar, esta claro que no va a ser gratuito, tener un sitio web en internet tiene una cuota que se tiene que pagar. Los actuales proveedores de hosting cuentan con planes y paquetes que incluyen ademas del alojamiento otras herramientas muy importantes como un administrador de bases de datos en donde puedes crear las bases de datos que necesites para tus sistemas (obviamente).
Como ya te mencione el servicio de hosting cuesta, y aunque es asi, es cierto que hay paquetes muy sencillos a un precio muy barato, que si ya queremos algo mas avanzado entonces si podremos optar por algo mas caro.
Normalmente un paquete sencillo cuesta entre 10 – 15 dolares al mes, y si pagas por año te sale hasta mas barato.
Yo he comprado hostings a varias empresas, pero las que te podría recomendar de momento son:
- Hostgator – Uno de los proveedores de servicios de Alojamiento mas poderosos de internet, digamos que es el mas famoso, es barato, tiene buen servicio. La desventaja es que es un servicio es ingles, por lo que si tienes algún problema y los quieres contactar por correo debe de ser por ingles. Actualmente falconmasters.com esta alojado en Hostgator.
- Okhosting – Un servicio bueno, con muy buena atención al cliente y sobre todo es que es una empresa mexicana, por lo que cualquier problema que tengas lo puedes solucionar en tu idioma ya sea por correo, chat o incluso por teléfono.
Después el dominio
Hasta el momento ya vimos el Hosting, pero falta la otra parte importante, el dominio, este es el que te permite tener un nombre personal con una terminación .com, .net, .org, etc. Sin el dominio los usuarios no podrían acceder a nuestro sitio web mas que por una url similar a esta: http://125.354.687. El dominio también tiene un precio pero es incluso mas barato, el dominio se paga por año y cuesta aproximadamente entre 10 – 20 dolares. Aunque cabe destacar que algunos dominios son mas caros, todo depende de como sea el nombre de este, no es lo mismo juanitocars.com que automovilesbaratos.com Mientras que el primero cuesta 10 dolares, el segundo podría costar hasta 300 dolares.
El servicio de dominio lo único que hace es darte unas claves llamadas DNS o Domain Name Server, estas las relacionas con el hosting y cuando accedan al dominio accederán a tu sitio.
De servicios de dominio he utilizado solo uno que es Godaddy, es un servicio bueno, que nunca me ha dado fallas, tienen buenos precios. Aunque no he tenido la oportunidad de utilizar domain.com he escuchado buenas criticas también.
Ahora si, a subir nuestra página web a Internet
Una vez ya contamos con el hosting y dominio lo demás es fácil, lo único que hay que hacer es conectarnos por FTP (File Transfer Protocol) a nuestro hosting y subir los archivos de nuestro sitio, como serian el index.html los estilos.css, etc, tu ya sabrás de eso. Para poder hacer esto necesitas de un programa, un cliente FTP para ello el mas recomendado y utilizado es Filezilla, es gratuito y muy bueno, una vez que lo tengas descargado tienes que entrar en tu hosting y acceder al apartado de Cuentas de FTP para extraer algunos datos como tu nombre de servidor, usuario, contraseña, y en ocasiones protocolo. Muchas veces en cuanto contratas un hosting te envían todos estos datos por correo, asi que es muy fácil, simplemente copias los datos y accedes con ellos por FTP. Esto es en resumen, claro.
Y es asi de sencillo!, es lo único que se necesita para tener un sitio web en Internet, si tienes dudas que quizás no haya aclarado aquí no te olvides de comentarlas que yo las responderé y las agregare al post en dado caso.
hola carlos:
veras estoy empezando con la programación y tu curso de maquetacion (https://www.youtube.com/watch?v=jhfp_-9B4DI&list=PLhSj3UTs2_yXDfpTsKGd2iZTXZnsOTC8h) es fenomenal, gracias!
sin embargo tengo un problemilla; con la carga de imagenes en el slider, se me ponen la imagenes por toda la pagina, una tras otra, se que es error mio seguro estoy haciendo alguna tonteria pero llevo horas checkeandolo y no lo pillo, te pongo el source code para ver si me puedes echar una mano tio.
pienso que podria ser algo con la propiedad overflow:hiden; en el #slideshow .pagination li a
en el index tengo esto
en estilos.css esto
/*— slideshow —*/
#slideshow{
width: 920px;
height: 260px;
float: left;
background: #000;
border: solid 20px #fff;
margin: bottom 10px;
}
#slideshow .pagination{
margin: 26px auto;
width: 100px;
}
#slideshow .pagination li {
float: left;
margin: 0px 5px;
list-style: none;
}
#slideshow img {
width: 920px;
height: 260px;
}
#slideshow .pagination li a{
display: block;
width: 12px;
height: 0px;
padding-top: 12px;
background: #fff;
float: left;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#slideshow .pagination li.current a{
background: #1798af;
}
desde ya muchas gracias
Lo mejor seria que comentaras eso en el post correspondiente.
https://www.falconmasters.com/category/cursos/webdesign/
hola carlos:
veras estoy empezando con la programación y tu curso de maquetacion youtube es fenomenal, gracias!
sin embargo tengo un problemilla; con la carga de imagenes en el slider, se me ponen la imagenes por toda la pagina, una tras otra, se que es error mio seguro estoy haciendo alguna tonteria pero llevo horas checkeandolo y no lo pillo, te pongo el source code para ver si me puedes echar una mano tio.
pienso que podria ser algo con la propiedad overflow:hiden; en el #slideshow .pagination li a
en el index tengo esto
en estilos.css esto
/*— slideshow —*/
#slideshow{
width: 920px;
height: 260px;
float: left;
background: #000;
border: solid 20px #fff;
margin: bottom 10px;
}
#slideshow .pagination{
margin: 26px auto;
width: 100px;
}
#slideshow .pagination li {
float: left;
margin: 0px 5px;
list-style: none;
}
#slideshow img {
width: 920px;
height: 260px;
}
#slideshow .pagination li a{
display: block;
width: 12px;
height: 0px;
padding-top: 12px;
background: #fff;
float: left;
overflow: hidden;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#slideshow .pagination li.current a{
background: #1798af;
}
desde ya muchas gracias
Da un poco de miedo pero.. definitivamente lo voy a hacer cuando termine el tuto de WordPress :D:D Gracias por la info!! xd
La primera vez es todo extraño y ajeno, pero después te sientes el dueño de Internet por tener una conexión ftp ^^. Mucha suerte y gracias a ti por ver mis artículos y videos. Saludos
por favor . apenas estoy empezando necesito un editor para mac
Sublime Text también esta para mac
Estoy encantado con tus tutoriales y con la variada información en tú página web, me gustaría preguntarte ¿si al momento de tener la página lista y subirla a internet y querer editarla siempre voy a tener que ingresar al código, asi sea sólo para poner un artículo nuevo, una noticia, un video, etc? Y tambie quisiera saber ¿si al querer que una persona suba al website información tendrá por obligación entrar al código y editar el HTML?
¿Habrá una forma más sencilla?
Hola muchas gracias, me alegra que te guste la pagina. Respecto a tu pregunta. La pagina que yo enseñe a hacer es una pagina estática, por lo que si tienes que modificar el código cada que quieras agregar, editar, borrar algo. Es por eso que existe lo que se le conoce como CMS, que es un Gestor de contenidos, con esto puedes agregar informacion, borrar, ordenar y un sin fin sin tener que acceder al código. Prueba investigando un poco de wordpress. Saludos!
Gracias por responder.
De verdad valoro mucho el tiempo que inviertes en tus cursos, has sido de gran ayuda.
Gracias a ti :)
Hola Carlos Arturo, genial el aporte que haces, ya que soy principiante y estoy en proceso de aprendizaje, y claro, con tus tutoriales estoy aprendiendo UN MONTON! Gracias por ello. =)
Una duda.. la publicidad que aparece en este sitio web como de Hostgator y de Telcel, aparece por default o tu la has incluido? Entiendo que hostgator aparezca por ser tu servidor de hosting pero Telcel?
Es una duda que me nacio al estar navegando por aqui.
Y otra pregunta que me encantaria hacerte y me des tu opinion.. Que consejos me das si quiero hacer negocios de creación de sitios web para negocios locales de mi ciudad por ejemplo (Gimnasios, Spa´s, etc..), como empezar? que aprender? integrarle un Gestor de contenidos o no? Que elementos necesito para poder conservar clientes satisfechos…? (desde tu punto de vista muy personal).
Desde ya, muchas gracias por todos tus aportes y contestaciones, SALUDOS desde Culiacan, Sinaloa, México!
Hola que tal Victor, muchas gracias por leer el articulo me alegra bastante que te sea de ayuda mi contenido.
La publicidad si que la he puesto yo, pero yo no controlo los anuncios, se controlan dependiendo de las búsquedas que haces en google y como navegas en los sitios, a eso se le llama tracking.
Sobre la duda de tu negocio, independientemente de si utilizas un gestor de contenidos o no es importante que sepas HTML, CSS y de ser posible JS y PHP. Puedes usar un gestor si quieres un sitio en el que los usuarios puedan modificar por su cuenta el contenido, pero si es un sitio sencillo que nunca cambiara el contenido puedes hacer un sitio estático con solo HTML y CSS.
Muchas gracias a ti y saludos!
Muy bueno el post, solo tengo una consulta, el servicio de hosting no incluye ya todas las plantillas y demas funciones? Así como blogger por ejemplo, eso tiene costo adicional?
Gracias.
La mayoría de los sitios de hosting te ofrecen un creador de plantillas gratuitas, o la posibilidad de instalar alguna plataforma como wordpress, aun asi si no lo tuvieran puedes instalar algun CMS como wordpress gratuitamente. WordPress es como blogger, pero en mejor y de codigo libre puedes investigar mas sobre eso.
Espero haber podido responderte.
Eres un Master Carlos Arturo, muy buenos aportes y te explicas muy bien. Hace 3 días descubrí tus cursos en Youtube y ya he visto todos los cursos de Html, Css y WordPress, me gustaría explicaras en un vídeo la estructura de tu blog, es decir como ordenar las entradas o post así como las tienes. Saludos!!!
A que te refieres bien? al diseño?
Gracias por contestar. Me refiero al diseño, con la ayuda de tus videos
estoy haciendo un tema pa WP y quiero que mis post o publicaciones
aparezca uno a la derecha y el otro a la izquierda con la imagen
rectangular y con una breve descripcion: estoy intentando hacer un tema
para directorio, algo similar a esto:
http://www.zonaturistica.com/restaurantes-en/381/puerto-escondido-oaxaca.html
… Saludos!!!
Ya te entiendo, eso lo logras muy fácil, mediante la propiedad display:inline-block; se la aplicas a cada item
Hola mucho gusto…me gustó mucho este tema, tengo varias inquietudes, se puede utilizar paginas con dominio .biz en cualquier parte del mundo? puedes comentarme que tipo de gestores de contenidos utilizas y si por ejemplo si se hace una tienda on line donde se tenga que actualizar inventarios, imágenes, se le puede dar acceso al administrador o uno como programador ofrece un servicio adicional de seguimiento dependiendo de las capacidades del cliente? mi siguiente inquietud es…que términos legales se deben aplicar para que tu pagina web no tenga ningun inconveniente o que es lo que debe decir?, te lo pregunto porque he escuchado a otros programadores mas no he verificado que dicen «fusilar» lo que dicen esos códigos legales para no demorarse tanto a la hora de entregar la pagina al cliente….y la ultima inquietud es…si un cliente te contrata para mejorar su pagina web independientemente de la tecnología(HTML5, CSS, PHP,)…que se le debe preguntar (Backups…donde aloja su pagina?…ingresa como administrador?…)
Gracias y que buena pagina es FalconMasters.
Hola que tal, si que se pueden hacer paginas con dominio .biz en cualquier parte del mundo ya que es el puro nombre. De gestores utilizo wordpress y para tiendas online he usado un poco prestashop.
Para lo demas, tienes que pedirle acceso a su sitio obviamente y deberian hacerse backups como minimo, y de preferencia usar control de versiones.
Saludos
hola falcon,en verdad que me gusta mucho tu web site,llegue a ella en mi afanada búsqueda de como aprender «aunque sea un poco» el mágico y fantástico mundo del diseño web y creo que di con el sitio ideal para ello,en verdad te felicito por tan excelentes explicaciones,yo no se absolutamente nada de código html.css,js, etc etc.
sera porque me interese en aprender demasiado tarde «por mi edad» ya que soy un poco mayor,pero como dice un viejo amigo mio; «nunca es tarde para aprender».
espero poder aprender lo necesario para adentrarme en este mundo con tu ayuda y la de todas esas personas que hacen vida aquí en tu web.
recibe de mi parte un fuerte abrazo y muchas bendiciones.
sigue así hermano.
Muchas gracias Juan, y es cierto, nunca es tarde para aprender.
Espero que mi contenido te sea de ayuda en tu camino del desarrollo web.
Saludos
BUENAS NOCHES POR FAVOR NECESITO AYUDA PARA CREAR UNA PAGINA DE VENTAS CON CATALOGO QUE ME RECOMIENDAS.
Hola Carlos, saludos, tengo una inquietud, y es como hacer que en una pagina principar de una web se vean bloques que visualicen los post mas recientes, con el titulo y una breve descripción del contenido del post, te adjunte una imagen en el comentario como ejemplo, gracias y saludos…
Hola que tal.
Para eso es que existen los gestores de contenido tambien conocidos como CMS, estos nos permiten crear contenido y administrarlo de una forma facil, y este sistema por si mismo se encarga de acomodarlos. Uno de ellos por ejemplo es WordPress. Aqui tienes un curso que puede servirte.
https://www.youtube.com/playlist?list=PLhSj3UTs2_yWMco69NRWxwIww844JN9yl
Saludos y espero haber respondido tu duda.
Si uso wordpress ya no necesito contratar un hosting O.o ¿?
men como puedo subir una pagina .php ¿? =(
Carlos sabes como enlasar mi dominio ami ip publica tengo un server local appserv
Una pregunta: para hacer el contrato del hosting se hace todo por internet? No es necesario tener que ir personalmente a algún lugar?. Otra pregunta: que tal el Amazon Web Service? Yo quiero usarlo porque un amigo mío lo usa también.
Hola, yo he contratado con un par de empresas y toda la contratación y registro lo hago por internet. Sobre amazon web service desconozco.
Hola un saludo hermano tengo una pregunta cual es tu opinion sobre wix y 1and1 los hostings…realmente son lo que anuncian?
hola amigo. donde encuentro el plugin que hace escribir mas rapido el codigo html?? y en que programa funciona, yo uso notepad++. tu en cual lo utilizas? no lo ubico el de la pantalla negra.. saludos .. excelente pagina..
Se llama emmet y tambien lo puedes instalar en notepad++, aqui lo tienes:
https://www.falconmasters.com/recursos-herramientas/como-escribir-mas-rapido-codigo-html-y-css-emmet/
mil gracias (y)
El Martes, 13 de octubre, 2015 9:47:28, Disqus escribió:
#yiv0843480963 #yiv0843480963 a:hover, #yiv0843480963 a:hover span {color:#1188d2!important;}#yiv0843480963 .yiv0843480963button-cta:hover {color:#ffffff!important;background-color:#1188d2!important;}#yiv0843480963 .yiv0843480963button-cta:hover span {color:#ffffff!important;}#yiv0843480963 #yiv0843480963 #yiv0843480963 #yiv0843480963outlook a {padding:0;}#yiv0843480963 body {width:100% !important;}#yiv0843480963 .yiv0843480963ReadMsgBody {width:100%;}#yiv0843480963 .yiv0843480963ExternalClass {width:100%;display:block;}#yiv0843480963 @media screen and ( _filtered_a ){#yiv0843480963 html {}#yiv0843480963 .yiv0843480963content {width:100%;}#yiv0843480963 table {border-collapse:collapse;}#yiv0843480963 h2.yiv0843480963headline {font-weight:700;font-size:20px!important;margin-bottom:5px;}#yiv0843480963 .yiv0843480963button-cta {display:block!important;padding:0!important;}#yiv0843480963 div.yiv0843480963header {padding-top:20px;}#yiv0843480963 div.yiv0843480963footer {padding-bottom:20px;}}#yiv0843480963 #yiv0843480963 p.yiv0843480963mod-tools a:hover {color:white!important;background:#8c989f!important;}#yiv0843480963 @media screen and ( _filtered_a ){#yiv0843480963 td.yiv0843480963avatar, #yiv0843480963 td.yiv0843480963spacer {width:38px!important;}#yiv0843480963 td.yiv0843480963avatar img, #yiv0843480963 td.yiv0843480963spacer img {width:28px!important;}}»Se llama emmet y tambien lo puedes instalar en notepad++, aqui lo tienes:https://www.falconmasters.com/recursos-herramientas/como-escribir-mas-rapido-codigo-html-y-css-emmet/» | |
| | Settings | |
| |
| |
| |
|
A new comment was posted on FalconMasters
|
| |
|
| |
Carlos Arturo
Se llama emmet y tambien lo puedes instalar en notepad++, aqui lo tienes: https://www.falconmasters.com/r… 10:47 a.m., Tuesday Oct. 13 | Other comments by Carlos Arturo | |
|
| | Reply to Carlos Arturo | |
|
| |
|
| Carlos Arturo’s comment is in reply to Luis Alejandro Cruz: |
| |
| | hola amigo. donde encuentro el plugin que hace escribir mas rapido el codigo html?? y en que programa funciona, yo uso notepad++. tu en cual …Read more |
|
| |
| |
| |
| You’re receiving this message because you’re signed up to receive notifications about replies to luis_alejandro_cruz. You can unsubscribe from emails about replies to luis_alejandro_cruz by replying to this email with «unsubscribe» or reduce the rate with which these emails are sent by adjusting your notification settings. | | |
| |
Hola, he estado siguiendo tus tutoriales sobre HTML, pero me surgio la duda, ¿Puedo crear la pagina en codigo y luego administrar el contenido con WordPress?
Si claro, puedes hacer un theme de wordpress con tu propio diseño. Aqui te dejo un curso que te puede servir:
https://www.falconmasters.com/cursos/como-crear-un-theme-para-wordpress/
No se si sera a eso lo que me refiero, soy novato en el tema.
Lo que quiero decir es, si creo el 100% de la pagina solo con sublime text y después la subo al host. Luego puedo editar los contenidos sin editar el codigo y solo con el wordpress
En parte, creas tu pagina web con html, css y javascript, pero si quieres editar los contenidos necesitas un cms como wordpress o programar un sistema con PHP para editar el contenido de la base de datos.
Gracias Master, eso lo que necesitaba saber
La pagina no es para mi, es para un equipo y yo de vez en cuando aportare a esta, asi que necesitaba saber si wordpress seria buena idea para que ellos puedan subir sus temas
Te pasaste, seguire viendo tus videos para aprender mas, gracias
Si, wordpress es muy buena idea.
Saludos
Tambien puedes abrir el puerto 80 en tu modem y redireccionar al sevidor web, con «no-ip.com» obtienes un subdominio gratuito y un programa que te actualiza la IP cada que cambie.
Hola Carlos, excelentes tus videos. Me fueron de mucha utilidad para refrescar mi memoria ya que hace mucho tiempo que no diseño. Actualmente trabajo en el diseño de una página que alojará videos tutoriales pagos y tengo dudas con respecto a ello Necesito de tu ayuda. Al ser pagos la idea es que no puedan descargarse y sólo verse en línea y además mi pregunta es en cuanto al lugar donde voy a alojar los videos. Estuve pensando que lo conveniente no es alojarlos en el servidor de la página principal, ya que se volverían muy pesados, asique considero enlazarlos desde otro lugar. Consideré hacerlo desde Amazon S3 ¿qué te parece? Hace algún tiempo que trabajo en ello y no logro resolverlo Ayuda por favor. Gracias
Hola Carlos, buenas noches. te escribo desde Venezuela, he creado una pagina con bootstrap siguiendo tus excelentes tutoriales pero ahora no se como subirla a internet. aun no he adquirido un hosting ni dominio porque quiero hacer pruebas en hosting gratis para despues comprar los paquetes y tener mi dominio propio. pero en smart free hosting mi pagina web no se lee, que me recomiendas? como hago para que se vea mi pagina (en prueba)? por favor aclarame esa duda. otras plantillas si me suben pero no son bootstrap
¿Pudiste solucionar el problema? si es así comparte tu experiencia, para que otros usuario que tengan el mismo problema lo resuelvan =)
Hola, es posible tener una pagina web solamente pagando el hosting?.
El dominio es necesario para tener una pagina web?
GRACIAS.
hay algunas empresas que ofrecen el dominio gratis al contratar servicio de hosting, como http://www.hostinger.mx
una pregunta compre un dominio en la pagina de akky pero no se si pueda comprar un hosting ahi o si por el costo que pague por el dominio ya lo tenga me podrias ayudar con eso o como hacerle en caso de no poder comprar el hosting comprarlo en otro lado y ligarlo con el dominio que ya compre, o cual me recomiendas que sea la mejor solucion
te agradeceria mucho si me puedes ayudar
El dominio te viene solo amigo, y en akky solo se compran dominios mas no hosting; ya que tienes el dominio lo mas recomendable seria comprar el hosting y enlazarlos y listo
ya entendí todo esto pero ay carai todo es money jajajaja en mi país el dolar es caro jejeje
Hola, tengo una duda que necesita mi página si quiero tener una base de datos? requiero alguna aplicación o página especial para administrar esa base y enviarle correos o hacer seguimiento?.
Gracias
Hola, veo que nadie contesta. pues yo apenas estoy profundizando en estos temas y para poder usar base de datos en tu pagina web, normalmente te lo ofrecen los servicios de hosting, ellos te dan un usuario y contraseña en su base de datos. con la cual tu podras crear y administrar tus tablas. y por supuesto utilizarla para tu pagina.
hola si yo uso bloc de notas para crear mi sitio web no me serviría entonces de nada. no seria vista por nadie ya que no se aplica las reglas que tu das? otra pregunta como hago par editar mi sitio web creado en bloc de notas? gracias
Hola, Bloc de notas te sirve para codificar cualquier lenguaje, pero el detalle es que cuando tienes un código demasiado grande seria muy difícil detectar errores de dedo. la ventaja de usar otros programas como note pad++ o sublime text es que te dice el numero de linea y te marca errores si es que se da el caso. te los recomiendo ;)
muchas gracias.
tu me recomiendas usar note pad++ o usar aplicativos pagos para crear la pagina de mi empresa.
y cual me recomendarías tal caso.
Yo he utilizado mucho el notepad ++ y me ha resultado muy bien, ahora estoy empezando a usar Sublime Text para crear mis paginas web y me ha gustado mucho, ya que viene mas completo y puedes hacer uso de Frameworks mas fácil.
Hola antes que nada…muchas gracias por toda la info!!! que opinas de brackets?