Crea tu Página Web desde Cero para Principiantes - Website Builder Hostinger
⭐ Cupón de descuento: DOSTINHURTADO
Aprende a crear una página web desde cero, sin código ni programación. Este tutorial está hecho para principiantes o personas que no tienen conocimientos sobre websites. Usaremos un Hosting, Dominio e inteligencia artificial para hacerlo todo más fácil. En cuanto a la creación, gracias a Website Builder de Hostinger, podemos crear una web en minutos. E incluso, hasta una tienda online.
La IA llegó para quedarse, en el video podemos ver como se puede crear una página web totalmente con inteligencia artificial o usar una plantilla que la integre. Igualmente, el constructor (una alternativa de Wix) posee muchas herramientas con IA sin costo adicional.
¡Los espero en los comentarios para resolver sus dudas!
Aprende a crear una página web desde cero, sin código ni programación. Este tutorial está hecho para principiantes o personas que no tienen conocimientos sobre websites. Usaremos un Hosting, Dominio e inteligencia artificial para hacerlo todo más fácil. En cuanto a la creación, gracias a Website Builder de Hostinger, podemos crear una web en minutos. E incluso, hasta una tienda online.
La IA llegó para quedarse, en el video podemos ver como se puede crear una página web totalmente con inteligencia artificial o usar una plantilla que la integre. Igualmente, el constructor (una alternativa de Wix) posee muchas herramientas con IA sin costo adicional.
¡Los espero en los comentarios para resolver sus dudas!
Category
📚
LearningTranscript
00:00Hola muchachas, espero que tengan un excelente día. Les habla Dustin Hurtado.
00:03Muchachos, les voy a enseñar a crear un sitio web desde cero con un par de clics
00:08y muy fácil de editar y crear.
00:11O sea, me explico, cualquier persona con cualquier tipo de conocimientos
00:15va a poder hacer este sitio web.
00:17No requiere una inversión mayor para un asesor o para otra persona.
00:21Nada, ¿listo?
00:22Se los aseguro.
00:23Ahora, ¿qué requieren entonces de hacer de primerazo?
00:26Lo primero que debemos hacer es adquirir un plan
00:29porque requerimos tener un plan premio.
00:32Usted se preguntará, bueno, Dustin, espere, ¿cómo así? ¿Esto no era gratis?
00:35Sí, o sea, el conocimiento que yo le brindo es gratis, compadre.
00:38Todo lo que yo creo es gratis.
00:39Sin embargo, usted requiere comprar un dominio y un hosting
00:43que en términos muy generales, el dominio es el nombre de su empresa,
00:47mipagina.com
00:49y el hosting es donde usted va a alojar la página web.
00:52Todas las fotos, todo el texto, pues este servicio tiene un costo, ¿sí?
00:56Y Hostinger es el que brinda el mejor costo-beneficio en toda la Internet.
01:01Créame, no va a encontrar uno mejor que Hostinger.
01:04Adicional a eso, les voy a dar un cupón de descuento
01:06para que le quede mucho, mucho más económico.
01:08Al final enseño cómo aplicarlo, ¿ok?
01:11Entonces, en términos generales,
01:13el premio si usted quiere una página web sencilla, sin tienda.
01:17El business, si su merced va a implementar a futuro
01:20o va a crear una tienda en línea, el famoso e-commerce, ¿ok?
01:25En términos muy generales.
01:26Así que elija sabiamente.
01:28Una vez elegido el plan, vamos a ingresar a nuestra cuenta
01:31y vamos a ir al apartado de sitios web.
01:33Aquí van a encontrar, bueno, yo tengo tres sitios.
01:36Si ustedes miran aquí, todos los planes tienen hasta 100,
01:39bueno, desde 100 sitios web.
01:41Yo solo tengo tres, puedo crear 100 sitios, imagínense.
01:44Ahora, voy a buscar el botoncito que dice Añadir sitio web
01:47y voy a crear la página con el creador de páginas web de Hostinger.
01:52Por eso les decía, todos los planes incluyen
01:54el creador de sitios web de Hostinger.
01:57Y este creador, si miran más abajito,
01:59incluye herramientas con inteligencia artificial.
02:03Que, hermano, eso es lo que le facilita a usted la vida en la actualidad.
02:06No vaya en contra de la tecnología.
02:08Así que vamos a dar un clic en Crear página web con el creador de Hostinger.
02:12Van a elegir el hosting, o sea, ustedes solo tienen un plan.
02:14Por ejemplo, este que dice Configuración pendiente.
02:17Sí, como si fuéramos nuevos.
02:19Y vamos a dar Seleccionar plan.
02:21Aquí se nos abrió un asistente muy bonito
02:22que nos va a crear la página web con inteligencia artificial.
02:26Hermano, esto viene incluido en su plan.
02:28Únselo, compadre. Únselo porque esto no tiene costo adicional.
02:32Vamos a darle Empezar a crear.
02:34Por ejemplo, nombre de la marca, pues Dustin Hurtado.
02:37Sí, tipo de sitio web, digamos que es un sitio web empresarial.
02:41Descripción, una empresa creadora de cursos y tutoriales.
02:44Y bueno, si usted quiere leerla, bien pueda.
02:47Personalización, estilo, sorpréndeme.
02:49Colores, sorpréndeme.
02:50Aunque bueno, aquí yo le digo que los colores son tonos azules.
02:53Sí, como mi logo.
02:54Vamos a darle Crear sitio web.
02:56Y esperemos un par de segundos.
02:57Y miren esta página que me creó Bea.
02:59Miren esta página.
03:01Esto fue con inteligencia artificial.
03:02Yo no hice nada, solo voy a dar una pequeña descripción.
03:05Y lo crea con tutoriales, cursos, contacto.
03:08Todo eso está creado.
03:10¿Qué no le gustó?
03:11Hombre, volver al formulario con inteligencia artificial.
03:14Y podemos comprar, por ejemplo, que no es sitio empresarial,
03:16sino otro tipo de sitio.
03:17Digamos que no nos gustó.
03:19Usted lo probó todas las veces porque es ilimitado.
03:21Y no le gustó nada.
03:22Ok, volver.
03:24Y vamos a elegir entonces una plantilla.
03:26Esto es algo muy tradicional, pero muy bueno también.
03:29Inclusive algunas plantillas, si miran,
03:31dice personalización con inteligencia artificial.
03:34Ahora, usted básicamente va a elegir la categoría de su sitio.
03:37Si no le gusta ninguna, pues vamos a ir a plantillas populares.
03:40Y las que aparecen aquí, que son poquiticas, pero son muy buenas.
03:43Son las favoritas entre todo el mundo.
03:45Pero también hay algo muy bonito.
03:47Son las plantillas en blanco.
03:49Por ejemplo, si miramos esta de aquí.
03:50Vamos a darle vista previa.
03:52Miren, por ejemplo, un banner que debe tener una imagen.
03:54Aquí me coloco una X.
03:56Con un texto, el menú viene dentro del banner.
03:59Si bajamos, miren que el menú sigue...
04:02Eso se llama un menú pegajoso, lo llaman acá.
04:04Pero básicamente es que está fijo.
04:06Miramos los servicios.
04:07Miren todas las opciones que traen. Son muy buenas.
04:09Por ejemplo, galería.
04:11Trae contacto.
04:12Acerca de con nuestro equipo.
04:14Miren, usted solo cambiaría la información
04:16y ya tiene su página web.
04:17Algo muy fácil de hacer.
04:19Pero bueno, vamos a darle todas las plantillas.
04:21Voy a elegir una plantilla popular.
04:23Y voy a mirar esta que dice personalización con inteligencia artificial.
04:26Recordemos que esto es la novedad en estos años.
04:29Así que seleccionamos esta plantilla.
04:31Aunque podemos darle vista previa, no cabe resaltar.
04:33Miramos si nos gusta, que fue la que yo les mostré al inicio.
04:36Y le damos empezar a editar.
04:38Ella me dice, ahorre tiempo compadre.
04:40Para eso está la inteligencia artificial.
04:42Nombre de la marca, Dustin Hortado.
04:44Descripción, la que teníamos ahorita.
04:46Vamos a darle personalizar plantilla.
04:48Y listo, ¿qué acaba de hacer?
04:50Me acaba de personalizar la plantilla que yo elegí.
04:53Miren, son las mismas secciones.
04:55Pero ahora con la información que yo le di
04:57de la inteligencia artificial, con la pequeña descripción.
05:00Y lo creó para todo.
05:02Por ejemplo, acerca, contacto.
05:05Miren, sostenibilidad.
05:07Miren, todo está hecho básicamente.
05:09Obviamente la información que muestra, digamos que no puede ser muy buena.
05:13Ahí empieza la modificación que le vamos a hacer.
05:16Así que vamos a editar nuestro sitio web.
05:19Y bienvenidos al editor de páginas web de Hostinger.
05:22Vamos a hacer un pequeño recorrido.
05:24Por ejemplo, modificar textos.
05:26Doble clic compadre y aquí no ha pasado nada.
05:29Por ejemplo, Dustin Hortado.
05:31Así de fácil es modificar textos.
05:34Modificar imágenes.
05:35Pues elegimos la imagen.
05:36Editamos en este caso una sección.
05:38Y le damos reemplazar imagen.
05:40Recordemos que podemos usar aquí imágenes gratis.
05:43Y podemos elegir toda una gama.
05:45Pues son millones, creo que son millones de imágenes.
05:47Que podemos buscar aquí de forma gratuita.
05:50O sea que encontramos algo sí o sí.
05:52¿Listo?
05:52Bien.
05:53¿Qué es algo importante aquí en este editor?
05:56La parte izquierda.
05:58Aquí podemos modificar, por ejemplo.
06:00La tienda en caso de que la tengamos.
06:02No nos vamos a enfocar en tiendas.
06:03Herramientas con inteligencia artificial.
06:05Como escritores, generador de páginas.
06:07Bueno, acá hay unas herramientas muy buenas.
06:09Y todo está incluido en su plan.
06:11Ojo con esto.
06:12Así que úsenlo muchachos.
06:14Si queremos modificar el estilo de la página.
06:16Aquí podemos modificar, por ejemplo.
06:18Los colores.
06:18Si quiero quitar este morado.
06:20Pues básicamente cambio acá.
06:21Y las 31 veces que se usó.
06:23Se modifica en toda la página.
06:25Pero también puedo modificar las fuentes.
06:27Los botones.
06:28Y las animaciones.
06:29¿Ok?
06:30Y una sección que es la más importante para mí.
06:32Es esta de aquí.
06:34Que es la navegación de nuestro sitio web.
06:36Que es este famoso menú.
06:38Por ejemplo.
06:39Mire que dice Shop.
06:40Yo puedo modificar y renombrar.
06:42Para colocarle, por ejemplo.
06:44Tienda.
06:45Le doy ok.
06:46Y mire que se modifica.
06:47La tienda debería estar al final.
06:49Pues voy simplemente a arrastrarlo hasta el final.
06:52Este editor es muy, muy, muy fácil de usar.
06:56Así que no se van a complicar.
06:58Es algo muy sencillo.
06:59Por ejemplo.
07:00¿Qué quieren otro botón aquí?
07:01Ah bueno.
07:02Nos falta una sección que es añadir elementos.
07:04Por ejemplo.
07:05Un botoncito.
07:06Lo añado.
07:07Y aquí está.
07:08Ay que botón tan horrible.
07:09Ah no se preocupen.
07:10Borrémoslo.
07:11Y mejor.
07:12Elijamos este botón.
07:13Y le damos duplicar.
07:15Y así me quedan dos botones.
07:16Pues prácticamente iguales.
07:18Están duplicados.
07:19Los coloco ahí.
07:20Y aquí no ha pasado nada.
07:21Que bonito todo.
07:22¿Listo?
07:23¿Cambiar la información?
07:24Pues bueno.
07:24Editar botón.
07:25Y cambiarle el texto.
07:26¿Si bien?
07:27Sencillo ¿No?
07:28Ok.
07:28Si miramos aquí.
07:29Acá aparecen secciones.
07:31¿Qué son las secciones?
07:31Pues básicamente es toda una categoría.
07:33Por ejemplo.
07:34A mí no me gusta esto.
07:35Me parece feo.
07:36Entonces vamos a añadir aquí.
07:37Por ejemplo.
07:37Una galería.
07:39O el feed de Instagram.
07:40Lo que ustedes quieran.
07:41Entonces podemos.
07:42Añadir una sección.
07:44Y él me va a decir.
07:45¿De qué quiere la sección?
07:46Podemos agregar un en blanco.
07:48Y empezar a añadir elementos aquí.
07:49Sin embargo.
07:50A mí poco me gusta esto.
07:51Podemos eliminar esto.
07:53Volver a darle sección.
07:54Y digamos por ejemplo.
07:55Imágenes.
07:56Galerías.
07:57Hacer cadé.
07:59O en este caso.
07:59Feed de Instagram.
08:01Y yo puedo elegir.
08:02Digamos que el diseño que más me guste.
08:04Por ejemplo.
08:05Uno como este.
08:06Lo añado.
08:07Y si quiero puedo personalizar.
08:08Con mi propio Instagram.
08:10Obviamente deberían hacerlo.
08:11Si le gustó este.
08:12Y no el de arriba.
08:13Pues básicamente a esto.
08:14Le vamos a eliminar.
08:16Y listo muchachos.
08:17Vea.
08:17Ahí vamos personalizando.
08:18Toda la página web.
08:19Ahora.
08:21Digamos que queremos modificar.
08:23Acerca de contacto.
08:24Recuerden.
08:25En la sección del menú del sitio web.
08:27Elegimos acerca.
08:28Y empieza a modificar.
08:30Elegimos contacto.
08:31Y empieza a modificar.
08:32Todo esto.
08:33Hasta que lleguemos de nuevo.
08:34A la página principal.
08:36Que sería la página de inicio.
08:37Que en este caso.
08:38Se encuentra aquí.
08:39Home.
08:40Si quieren ponerla de nuevo.
08:41En la parte superior.
08:42Pues básicamente modificamos.
08:44Y le damos que muestre.
08:45En la navegación.
08:46Miren que ahora sí muestra.
08:47La página de inicio.
08:48Bien.
08:49Todo esto lo modificamos.
08:50Pero para computadoras.
08:51No para celulares.
08:53Por eso es indispensable.
08:54Que en la parte de arriba.
08:55Le demos celular.
08:56Y verifiquemos que la información.
08:57Se vea bien.
08:58Es bueno resaltar.
08:59Que si modificamos aquí.
09:00Un texto.
09:01También se verá modificado.
09:02Para hacer.
09:03Para escritorios.
09:04Para computadoras.
09:05Por eso aquí lo que podemos hacer.
09:07Básicamente.
09:07Es modificar los espacios.
09:09Por ejemplo que sea más grande.
09:11Si quieren los botones.
09:12Uno al lado del otro.
09:13Todo esto lo podemos hacer.
09:15E inclusive.
09:16Si esta sección no le gusta.
09:17Por ejemplo la tienda.
09:18Se va a ver un poquitico feo.
09:19Pero se puede hacer.
09:20Podemos darle un clic.
09:21Y podemos ocultarlo.
09:23Para móviles.
09:24De esta forma no se va a mostrar.
09:26En celulares.
09:27Va a pasar de aquí.
09:28Directamente.
09:29Aquí.
09:30Como podemos verlo.
09:31En vista previa.
09:32Miren.
09:33Bien bonito.
09:34Cursos gratis.
09:35Y va a pasar.
09:36La tienda como tal.
09:37Que estaba ahí.
09:37Se quedó oculta.
09:38Para celulares.
09:39Pero si la mostramos.
09:40Para escritorios.
09:41Ahí va a estar.
09:42¿Vale?
09:43Así podemos empezar.
09:44A modificar toda la vista.
09:45Del celular.
09:46Vamos a darle de nuevo.
09:47Regresar al editor.
09:48Y podemos continuar.
09:49Con la modificación.
09:50O edición de nuestro sitio.
09:52A ver.
09:52Vamos a escritorios.
09:53Y se han dado cuenta.
09:54Que cuando le doy vista previa.
09:55Aparece una animación.
09:57Guau.
09:57Que bonito eso.
09:58Bla bla bla.
10:00¿Cómo podemos modificarla?
10:02Usted no sabe.
10:03Dustin no me explicó.
10:04Compadre vea.
10:05En la parte inferior derecha.
10:06Tenemos preguntar a la inteligencia artificial.
10:09Por ejemplo.
10:10¿Cómo creo o modifico las animaciones de los elementos?
10:12Le voy a dar enviar.
10:13Y ella me va a decir.
10:14Que para modificarlas.
10:15O crear las animaciones.
10:17Vaya básicamente al elemento.
10:18Y dele editar o cambiar.
10:20Por ejemplo.
10:20A este botoncito.
10:21Editar.
10:22Y aquí dice animación.
10:24Vemos que por defecto.
10:25Está la animación de diapositiva.
10:27Es porque aquí en la parte izquierda.
10:29En estilos.
10:30Animaciones.
10:31Tenemos diapositiva.
10:33Si ven.
10:34Como les digo.
10:34Modificar esto es muy fácil.
10:37Al final.
10:37Ustedes van a tener un sitio web.
10:39Con un dominio temporal.
10:41Miren este dominio tan feo.
10:42Pero igual puede servir.
10:44Por ejemplo.
10:44Vamos a darle.
10:45Publicar.
10:46Publicar.
10:47Y él me dice.
10:48Wow felicidades.
10:49Su sitio está publicado.
10:50Miren este dominio.
10:51Ver sitio web.
10:53Y miren muchachos.
10:53Esta página ya está.
10:56Pública en la internet.
10:57Usted le puede enviar este enlace.
10:59A su cliente.
11:00O al asesor suyo.
11:02O a la persona que necesita probar ese sitio.
11:04O digamos a su familia.
11:06Para ver qué opinen.
11:07Cómo les está quedando el sitio web.
11:09No sé.
11:09Lo que ustedes quieran.
11:10En todo caso.
11:11Este dominio es temporal.
11:13Y funciona.
11:14Por ejemplo.
11:14Miren.
11:15En modo incógnito.
11:16Miren cómo trabaja.
11:17Perfectamente.
11:18Pero usted no va a publicar esto.
11:19Como si fuera su empresa.
11:20Obviamente.
11:21Así que qué podemos hacer.
11:22Como trabajo final.
11:23Pues básicamente.
11:24Asignarle un dominio.
11:26Regresamos al editor.
11:28Si nos ubicamos acá.
11:29Sin dar clic.
11:30Vemos que dice acá abajito.
11:32Así que vamos a darle un clic.
11:34Y el por defecto aquí.
11:35Me dice cómo quiere su dominio.
11:37Yo debería colocar aquí.
11:38Por ejemplo.
11:39Mi empresita.
11:40Y si estuviera libre.com.
11:42Me diría gratis.
11:43Obviamente.
11:44Porque usted.
11:44Con todos los planes.
11:45Si miramos aquí arribita.
11:47Tiene dominio gratis.
11:48En este caso.
11:49Yo ya elegí uno.
11:50Y si yo borro todo esto.
11:51Me aparece el dominio.
11:52Que yo tengo en este momento.
11:54Que es 288.com.com.
11:56Le voy a dar siguiente.
11:57Y listo muchachos.
11:59No hay que hacer absolutamente.
12:00Nada más.
12:01Ya con eso tenemos.
12:02El sitio web publicado.
12:04En este caso con mi nombre.
12:05288.com.com.
12:06Si no me cree.
12:07Modo incógnito.
12:08288.com.com.
12:10Doy enter.
12:11Y vean.
12:12Créame muchachos.
12:13Ya está publicado.
12:14Si ven.
12:14Difícil esto no es.
12:17Es muy sencillo.
12:18De crear un sitio web.
12:19Desde cero.
12:20Ok.
12:20Ahora.
12:21Como dato adicional.
12:22Podemos cerrar esto.
12:23Podemos devolvernos.
12:25Al administrador web.
12:26Regresamos de nuevo.
12:28A sitios web.
12:28Y aquí me aparece.
12:30El nuevo.
12:30288.com.com.
12:32Pero voy a probar de nuevo.
12:34Añadir sitio web.
12:35Y siga compadre.
12:36Recuerde.
12:36Hasta 100 sitios web.
12:38Podemos crear por plan de hosting.
12:41Así que muchachos.
12:42Ya la tarea es suya.
12:44No se les olvide que su plan.
12:45También incluye correos electrónicos.
12:47Hasta 100 correos por dominio.
12:49Listo.
12:50Bien muchachos.
12:51En todo caso.
12:52Si nos devolvemos a los planes.
12:53Y miramos estos precios.
12:55Van a elegir uno.
12:55Por ejemplo.
12:56Si solo quieren una página web.
12:57Como yo acabo de crear en este momento.
12:58Vamos a darle.
12:59Elegir plan.
13:00Y en la parte inferior.
13:01Dice cupón de descuento.
13:03Van a aplicarlo.
13:04Escribiendo.
13:04Dos tinurtado.
13:06Todo pegadito.
13:07Aplicar.
13:08Y si miramos en la parte de arriba.
13:10Ya los precios que aparecen aquí.
13:11Ya ahora si son los finales.
13:13Por ejemplo.
13:1412 mesecitos.
13:15Si miramos acá.
13:16Son 160.920.
13:18Pesos colombianos.
13:19Que si miramos al dólar hoy.
13:21Son 41 dólares.
13:23Esto le sale básicamente.
13:25Su página web.
13:26Completica.
13:27Publicada en internet.
13:28Es algo muy económico.
13:30Y aún así yo les recomiendo.
13:31Que si tienen la inversión.
13:33Hagan la de 48 meses.
13:34De esa manera.
13:35Le sale el precio más económico.
13:37Por tiempo.
13:38Obviamente la inversión al principio.
13:39Es mayor.
13:40Pero por tiempo.
13:41Y siempre recuerden.
13:4230 días de garantía de evolución de dinero.
13:44Si usted pagó por esto.
13:46Empezó a crear su sitio.
13:47Y esa joda no le gustó.
13:48No se me preocupe mi hermano.
13:50Pida la devolución.
13:51Y aquí no ha pasado nada.
13:52Eso sí.
13:53Recuerden que igualmente.
13:54Pueden crear su sitio con WordPress.
13:55En caso de que no les guste.
13:56El creador de sitios web de Hostinger.
13:58Muchachos.
13:59Recuerden siempre.
14:01El conocimiento es para todos.
14:03Les hablo Dustin Hurtado.
14:04Y cualquier dudita que tengan.
14:06En los comentarios.
14:07Será todo un placer.
14:08Resolver estas dudas.
14:09Si quieren hacer este mismo proceso.
14:10Pero con WordPress.
14:11Déjenme en los comentarios.
14:12Con mucho gusto les ayudo.
14:13A crear un sitio desde cero.
14:15Que tengan un excelente día.
14:16Hasta luego.