Cómo crear una Página Web o Blog desde 0 (videotutorial). Todo lo que necesitas saber.

[Actualizado vídeo sobre instalación de WordPress en Hostgator en la nueva versión de su web]

Cómo crear una Página Web o Blog desde 0. Ticseducativas.com

Llevaba mucho tiempo queriendo hacer este videotutorial, de hecho he estado mucho tiempo haciéndolo.

Una de las cosas que más tiempo me llevó a decidirme a hacer una página web fue el miedo o inseguridad en gastarme bastante dinero y quizás hacerlo mal. Pero nada más lejos de la realidad. Lo primero es que no es nada caro, lo segundo es que hay mucha información sobre cómo hacerlo. Así, el primer paso fue informarme de todo el proceso leyendo muchísimas webs sobre la temática.

Después de leer muchos blogs, lo más práctico para mí fue encontrar vídeos en youtube (en inglés) en el que se explicaba todo el proceso y te acompañaban durante el mismo, de principio a fin. Esto me aportó mucha más tranquilidad y confianza que viendo capturas de pantallas, que fue el formato que encontré en varios casos. De este modo quiero hacer yo todo este trayecto, acompañándote.

 

 Pre-Vídeo (no es necesario leerlo para crear una web) 

Debido al intento de hacerlo lo más perfecto posible, y a no querer hacer algo que ya estaba en la web o en youtube, grabé un montón de veces la introducción y despedida (mejor no digo el número, que me da vergüenza). Y ya, por fin, después de un día grabándome una y otra vez, lo conseguí.

¿Cómo lo conseguí? Pues, en resumidas cuentas, levantándome al día siguiente por la mañana y haciéndolo sin pensar y sin ensayar tanto. Creo que en ese vídeo, que verás más abajo, es donde aparezco más natural y es el que he escogido. A toda esta tardanza, hay que añadirle los siguientes problemas:

  • Mi cámara de fotos BenQ GH600 -que para su precio hace fotos más que decentes en la mayoría de circunstancias- no está hecha para grabar vídeos. En este vídeo la utilizo y, aunque está vez el resultado fue medio decente, no siempre es así con poca luz, así que no me servía.
  • La iluminación. Hice lo que pude con los flexos que tenía en la casa, sin embargo no es suficiente para hacer un Chroma key perfecto (en el vídeo anterior se especifica como hacerlo con Camtasia).

¿Qué hice para hacer el vídeo más original?

  • Como solución utilicé mi webcam Logitech C270. Por el precio que tiene graba vídeo y audio (es el que se oye en el videotutorial) bastante bien, además de tener un software muy chulo con muchas funcionalidades. 
  • Para mejorar los malos resultados del Chroma Key con mi iluminación aprendí a utilizar, más o menos, tanto Adobe After Effects como Adobe Premiere Pro (más potentes que Camtasia pero también más complicados), lo cual me llevó mucho tiempo.
  • Utilicé Videoscribe para hacer el efecto de ir escribiendo con una mano (o sin ella) como si de una pizarra se tratase y hacer el vídeo mucho más atractivo (al menos para mi gusto).

logitech c270 y BenQ GH600

Crear una Página Web o Blog desde 0.

En el siguiente vídeo tienes toda la información que necesitas para hacer tu página web. De todos modos, para hacértelo, más fácil añado justo debajo toda la información necesaria para seguir todos los pasos del vídeo.

Paso 1. Comprar Hosting y Dominio.

 ¿Cuánto Cuesta Dominio y Hosting en Total?

Haciendo uso del Cupón “TICSEDUCATIVAS” (sin las comillas) en Hostgator obtendremos un descuento del 25%, por lo que ambas cosas nos valdrían durante 1 año completo 75$, o lo que es lo mismo: 54€.

También puedes utilizar el cupón “TICSEDUCATIVAS9” para ahorrarte 9,94$ en tu primera factura, aunque teniendo en cuenta que te devuelven el dinero los 45 primeros días si no estás conforme, conviene más la primera opción.

¿Por qué he utilizado Hostgator?

Porque Hostgator es el servidor de alojamiento (hosting) donde hospedo mis páginas webs (entre ellas este blog).

  • Es una compañía muy fiable, con más de 11 años en el sector.
  • No tiene límite de ancho de banda ni de espacio en disco (lo cual si ocurre con compañías más económicas), ¡y aún así sus precios son baratos!
  • Sus servidores son seguros, rápidos, y hacen uso de Cpanel (nos facilita muchísimo cualquier tarea en el servidor y nos permite instalar con un click WordPress y otros sistemas para crear webs)
  • Cuenta con soporte las 24 horas del día mediante chat y tickets (además de por vía telefónica) en inglés. Es posible preguntarles si hay algún hispano parlante trabajando en ese momento para que te atienda, aunque el cpanel se puede poner en español y, como os iré mostrando, es muy fácil utilizarlo.
  • Te permite tener cuentas de correos con el dominio de tu web sin coste extra.
  • Relación calidad-precio excelente.

En caso de que tengáis problemas con el inglés (aunque te permite poner el Cpanel en español), podéis contratar vuestro hosting con webempresa. De este modo tendremos soporte las 24 horas en Español, además de un equipo experto en WordPress y Joomla (con hostgator también nos atenderán perfectamente con WordPress, por si alguno se plantea esta duda).

 

Paso 2. Instalación de WordPress en Hostgator

Con el Cpanel de hostgator, que suelen implementar casi todas las empresas de alojamiento decente, se hace de manera muy sencilla. Con tan solo ir a Quickinstall, escoger WordPress y elegir el dominio que queremos utilizar para instalar nuestro blog o web, ya lo tenemos todo hecho. Tan solo hay que añadir nuestra contraseña y nombre de usuario con el que queramos acceder a nuestra página.

 

Paso 3. Configuración de nuestro Tema

En este apartado, como se puede ver en el vídeo, podemos escoger temas gratuitos o de pago. En este ocasión se ha utilizado el tema gratuito customizrsin embargo hay muchos otros temas profesionales en sitios como:

  • Elegantthemes (En este portal se pueden comprar todos sus temas por 69$ en total, o lo que es igual, 50€. Sin embargo, con la opción de desarrollador, además de acceder a los 87 temas que hay en el momento en que escribo, se accede a sus plugins y a los archivos de photoshop que traen las demos. Esta opción cuesta 89$64€ al cambio-. Estas dos opciones nos permite acceder a todos los temas durante un año, aunque podremos utilizarlos después de ese año. En caso de querer acceder a todos los temas que vayan creando de por vida, tendríamos que elegir la opción de 249$181€).
  • Themeforest (Aquí encontraremos todo aquello relativo a la creación de webs: temas, plugins, scripts, etc. Si hay algo que no encuentras, aquí lo encontrarás, habiendo grandes variaciones de precio entre distintos productos). Yo estoy utilizando un tema comprado aquí para mi proyecto govideojuegos.com. Aquí tienes un megatutorial.
  • Woothemes (Otro portal más que tiene temas de calidad, además son los creadores del famoso plugin de e-commerce).
  • StudioPress (Esta web se caracteriza por tener un framework sobre el que trabajar más seguros. Digamos que el framework sería la plantilla base y habría que añadirle un child theme o tema hijo para dotarlo de una interfaz más atractiva. ¿Qué permite esto? Nos permite cambiar código del tema hijo y en futuras actualizaciones nuestra web seguirá igual, sin sobreescribir encima y volver a realizar los cambios que hayamos hecho. Por ejemplo en mi caso, al añadir el código javascript de google analytics manualmente, cada vez que se actualiza el tema tengo que volver a añadirlo. En este post tenéis mucha información al respecto)

Pasamos a un tema PREMIUM

Si has decidido dar el paso a un template que tenga más opciones, en caso de que los gratuitos se te queden cortos, o simplemente porque quieras tener la seguridad de que se actualizan constantemente (a diferencia de lo que puede ocurrir con temas gratuitos, lo cual puede causar vulnerabilidades), te recomiendo que le eches un vistazo a este Mega Tutorial en el que explico como configurar el theme que utilizo en mi proyecto govideojuegos.com.

###

¿Qué te ha parecido el vídeo? ¿te ha servido?

Si es así me encantaría que me dejaras un comentario con tu opinión. También te agradecería mucho que compartieras esta entrada en las redes sociales, aquí abajo y a la izquierda tienes unos botones que te permite hacerlo en dos clics.

Cómo crear una Página Web o Blog desde 0 (videotutorial). Todo lo que necesitas saber.
5 (100%) 1 vote
Opt In Image
VídeoGuía para crear una web completa paso a paso. De 0 a 100.
WordPress, Redes Sociales, Marketing y SEO.

Rellenando el formulario accederás a:

  • Ebook Gratuito en el que encontrarás una lista vídeos que he creado para realizar una web completa (tanto gratuita como premium). Además, en esta VídeoGuía se incluyen de manera ordenada vídeotutoriales para que lleves tu web al siguiente nivel, aprendiendo sobre los mejores Plugins,  la Creación de Newsletters, Manejo de Redes Sociales, y muy importante -SEO-.
  • También recibirás todos los nuevos posts del blog en tu email. Normalmente 1 por semana.

 

100% Libre de Spam y, por supuesto, tus datos no se compartirán con terceros. Podrás darte de baja cuando quieras.

Jorge

Mi nombre es Jorge, tengo 23 años y soy Maestro de Inglés y Psicopedagogo (lo que habitualmente llamamos orientador). Me encanta la Informática y las Nuevas Tecnologías, además de viajar y los idiomas. Google+

También te podría gustar...

14 Respuestas

  1. Don Daniel de Pons San Ildefonso de Croquetas y Colutorios dice:

    me parece magnífico

  2. Hola Jorge,
    Veo que nos lleva mucha ventaja al resto, tienes un montón de conocimientos informáticos y no es este tu primer proyecto en este mundillo. Sinceramente no he tenido tiempo de enterarme de todo de lo que hablas en tu página, supongo que cuando haya evolucionado un poco más con mi blog me meta más con estos temas. Tal vez no sea yo el más indicado para hablar, pero personalmente no me gusta la rpesentación de la página, me agobia tantas historias de redes sociales alrededor y el color rojo de la portada del video me choca un poco. Insisto, es mi humilde opinión y lo digo desde un punto de vista de lector y no de bloguero (de bloguero no tengo nada que enseñarte).

    • Jorge dice:

      Hola MimimoDavinci! Muchísimas gracias por tu comentario. Supongo que vienes del grupo de facebook donde pedí feedback, así que te lo agradezco mucho y tomo nota!

      En cuanto al color, eso es algo que depende de la persona puede chocar más o menos. En mi caso me gusta mucho el rojo porque transmite energía! Pero eso ya es más subjetivo, en cuanto a las redes sociales, está demostrado que hay que ponerlo bien a la vista para conseguir más resultados, pero entiendo que en algún caso pueda abrumar.

      La verdad que en cuanto a conocimiento técnicos de WordPress voy teniendo una buena base, todo a base de enredar, pero vaya que este es mi primer blog de verdad y el otro proyecto del que hablaba en la web está empezando y no es tan personal porque lo hago con amigos, aunque creo que puede funcionar bien (incluso mejor que este proyecto). Todavía me queda mucho por desarrollar! Pero ya tengo lo básico e intentaré enseñarlo en futuros post :), así que serás bienvenido si te puedo ser de ayuda!

      Un saludo y gracias de nuevo!

  3. Cristian dice:

    Estimado, vi tu video sobre la niña del violin, me gustaría saber cual pluging usaste para poder hacer el comentario con imagen, ya que estuve buscando las opciones pero no las encontre

    saludos y gracias desde Chile

    • Jorge dice:

      Hola Cristian, ahora mismo no sé a qué te refieres. Quieres decir el plugin que reproduce los vídeos en una ventana y muestra las miniaturas de los demás vídeos del canal? Si puedes poner el vídeo y el minuto donde lo explico, mejor para ayudarte.

      Un saludo!

      • Cristian dice:

        https://www.youtube.com/watch?v=gNLE5vYDCIQ Este es el video, minuto 26:00, te lo agradecería muchisimo, pude construir una web gracias a tu ayuda

        Saludos

        • Jorge dice:

          Me alegro que te ayudara Cristian :). Esta noche cuando vuelva a casa miro lo que me preguntas!

        • Jorge dice:

          Cristian, creo que te refieres a los testimonios, ¿verdad? para eso utilizo GC Testimonials with reCaptcha, lo puedes descargar directamente desde el repositorio de WordPress :). Te recomiendo éste con reCaptcha, ya que el que muestro en el vídeo es “GC Testimonials” y empezó a llegar mucho tráfico spam, así que lo cambié por este (que es igual, sólo que hay que introducir el captcha) y sin problema :).

          Un saludo

  4. monica dice:

    hola Jorge, he seguido los pasos para crearme una web con hostgator pero me da error cuando intento entrar en admin para empezar

    He enviado mensaje a hostgator y no contestan y por el chat es imposible 🙁

  5. Soncco dice:

    Hola jorge, como ha cambiado tu blog 🙂 esta mas lindo que antes,,,,, Saludos

    Me gusto tus vídeos,,,, yo tengo un hosting en namecheap me gustaría saber si son buenos

    • Jorge dice:

      Hola Soncco, muchas gracias por tu comentario =). Voy intentándolo mejorar poco a poco.

      En cuanto a Namecheap, eres tú el que tienes que comentarlo tus impresiones con la empresa, aunque acabo de echarle un vistazo a tu web y a medir el tiempo de carga con pingdomtools y parece que tarda poco en cargar, 2,26 segundos que no está nada mal =). Lógicamente los hay mejores, pero en cuanto a calidad precio creo que puede ser una buena solución (aunque en ese rango yo trabajo con mailchimp y dentro de poco, debido a que ya no puedo aprovecharme de las mega promociones que hacen como las del black friday de hoy, creo que me cambiaré a otro proveedor).

      Gracias por pasarte!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *