Como Crear una Pagina Web Profesional paso a paso

Hola Emprendedor…

En este artículo te enseñaré cómo crear una página web paso a paso sin ser programador, ni saber nada de códigos de programación..

Nota: Al hacer clic en el siguiente botón podrás ver el diseño del sitio web profesional, que aprenderás hacer en este curso completo.

Todos estamos de acuerdo que existen en el internet muchos tutoriales sobre cómo crear una página web….

… Unos muy buenos, otros no tanto…

Generalmente esos tutoriales son muy largos, y luego de pasar horas mirándolos, te das cuenta que no era lo que estabas buscando, porque aplican mucho códigos de programación, o son tan básicos que no te permite crear la página que deseas. .

No obstante,

Hoy en día existen herramientas que te ayudan a crear una página web fácilmente y…

En este artículo, te explicaré cómo crear una página web paso a paso sin ser programador.

Tabla de Contenido:

Paso 1.- Alojamiento y Dominio
Video Tutorial: Alojamiento y Dominio
Paso 2.- Instalar Cpanel y WordPress
Video Tutorial: Instalar Cpanel y WordPress
Paso 3.- Plantilla Divi
Video Tutorial: Plantilla Divi
Paso 4.- Como crear tema hijo
Video Tutorial: Como crear tema hijo
Paso 5.- Cómo seleccionar la tipografía para toda la página.
Video Tutorial: Cómo seleccionar la tipografía para toda la página
Paso 6.- Como crear las subpáginas de tu sitio web.
6.1.- Página de Inicio
Video Tutorial: Página de Inicio
6.1.1.- Modulos de la plantilla Divi
6.2.- Página sobre nosotros
Video Tutorial: Página sobre nosotros
6.3.- Página de Servicios
Video Tutorial: Página de Servicios
6.4.- Página de Contacto
Video Tutorial: Página de Contacto
Paso 7.- Como crear un menú, instalar logo y favicon
Video Tutorial: Como crear un menú, instalar logo y favicon
Paso 8.- Instalar y configurar la Newsletter de tu sitio web (Bloom)
Video Tutorial: Instalar y configurar la Newsletter de tu sitio web (Bloom)
Paso 9.- Como crear footer de tu sitio web e instalar file manager
Video Tutorial: Como crear footer de tu sitio web e instalar file manager
Paso 10.- Como crear una página de error 404.
Video Tutorial: Como crear una página de error 404.
Paso 11.- Adicional
11.1.- Como crear una cuenta en MailChimp
Video Tutorial: Como crear una cuenta en MailChimp
11.2.- Como crear una llave API para Google Map
Video Tutorial: Como crear una llave API para Google Map
Paso 12.- Recursos disponible para el curso.

 Tienes alguna pregunta?

Paso 1.- Escoger Dominio y Alojamiento

Qué es Alojamiento y para que lo necesitamos?

Alojamiento o Hosting en ingles, es donde vamos a alojar los archivos que constituyen nuestra página web. Internamente, una página web está constituida por archivos y estos archivos necesitan ser almacenados en un lugar en específico que sería el Hosting o alojamiento.

El alojamiento es necesario para guardar y almacenar los archivos requeridos para el funcionamiento de nuestro sitio web. Existen muchos proveedores de Alojamiento que son muy buenos, particularmente he utilizado Godaddy el cual tiene atención al cliente las 24 horas

Que es el dominio y para que lo necesitamos?

El dominio es un link único de tu página web para el internet o también llamado URL. Hoy en día se pueden comprar dominios personalizados con el nombre de tu marca y desde un punto de vista de Marketing Digital son la ventana de tu negocio en el internet.

Los dominios son necesarios para que los usuarios tengan acceso a tu sitio web en el internet, es importante que el mismo represente tu marca.

Los dominios pueden ser .com, .net, .es .com.mx, .co.ve, .co, etc.

Nota: Si consideras que tu negocio es para un mercado local, es preferible utilizar un dominio de tu país:

Ejemplo:

España los dominios terminan en .es

www.tumarca.es o tumarca.es

Mexico los dominios terminan en com.mx

www.tumarca.com.mx o tumarca.com.mx

Venezuela los dominios terminan en .co.ve

www.tumarca.com.ve o tumarca.com.ve

Colombia los dominios terminan en .co

www.tumarca.co o tumarca.co

Más ejemplos click en este link.

Nota: Si consideras que tu negocio es para un mercado global, es preferible utilizar un dominio .com

www.tumarca.com o tumarca.com

Hoy en dia “www” no es indispensable colocarlo antes del dominio. Puede ser con o sin “www”.

Goddady les ofrece mas de 75% de descuento en hospedaje a los usuarios de AlveCastellanos.com, además de obtener un dominio gratis.
¡DESCUENTOS ESPECIALES! Obtén 12 meses de hosting web económico por solo 1,21 €*/mes or $/mes.

Video Tutorial: Alojamiento y Dominio.

2.- Instalar Cpanel y WordPress

En esta parte del tutorial, te enseñare como instalar el cpanel de tu alojamiento. El cpanel es el panel de control dentro de tu cuenta de Alojamiento donde podrás gestionar y/o administrar los archivos de tu sitio web.

Qué es WordPress y para que lo necesitamos?

WordPress es un gestor de contenido y es el gestor de contenido más utilizado para crear una página. Segun el portal de WordPress.org, dicho gestor de contenido presenta el 32% de todos los sitios web existentes en el mundo! Además que es totalmente gratuito.

Para crear pagina web gratis con WordPress, existen dos tipos, WordPress.com que es pago y está muy limitado el cual no recomiendo utilizar y WordPress.org es que es totalmente gratuito y es el más utilizado para aprender sobre como crear una página web.

Con el objetivo de crear una página web profesional gratis; WordPress es necesario porque nos ahorra mucho tiempo, además para WordPress existen muchas plantillas de sitios web que nos facilita aún más el trabajo…

… permitiéndonos crear páginas web, blogs y tiendas online sin la necesidad de saber nada de programación.

Como entrar al escritorio de WordPress para crear una pagina web gratis?

Para entrar al escritorio de WordPress de tu página web, simplemente tienes que colocar el dominio en el navegador más /wp-admin ejemplo:

www.tudominio.com/wp-admin

Luego colocar el usuario y la contraseña.

Video Tutorial: Instalar Cpanel y WordPress.

3.- Instalar Plantilla Divi

Que es la plantilla Divi y para que la necesitamos?

La plantilla Divi es una plantilla ideal para crear una página web profesional solo disponible para WordPress, además es la plantilla para WordPress más popular del mercado.

Necesitamos la plantilla Divi porque la misma nos facilita aún más la creación para hacer una pagina web sin la necesidad de saber nada de programación, css, html, php etc.

La Plantilla Divi o Tema Divi contiene un constructor que mediante bloques o módulos nos permite crear de una forma fácil y sin saber nada de programación las páginas o subpáginas que constituyen nuestro sitio web.

El constructor del tema Divi tiene dos interfaces; el interfaz interno o también llamado Back-End o el Interfaz externo o también llamado Front-End. Con el interfaz externo (Front-End), utilizamos el constructor visual de Divi que nos permite diseñar las subpáginas y ver como van quedando en tiempo real.

Para mas informacion sobre la plantilla Divi haz click aqui.

Video Tutorial: Plantilla Divi.

4.- Cómo crear tema hijo

Pero qué es un tema hijo y para que lo necesitamos?

Que son temas hijos?

Un tema hijo es simplemente un tema que hereda todas las funcionalidades del tema padre que en este caso, sería Divi.

La idea principal del tema hijo o child theme es que puedes modificar y agregar toda las funcionalidades de un tema padre, sin modificarlo directamente. El padre queda intacto, y todo se construye dentro del tema hijo.

Porque los temas hijos son importantes:

  • Facil de actualizar.
  • Es una personalización de la plantilla padre (Plantilla Divi).
  • Y si hay alguna actualización disponible del tema padre, al actualizarlo nuestra página web no se ve afectado por utilizar un tema hijo.  

Nota: no olvides de activar el tema hijo.

Video Tutorial: Como crear tema hijo.

Recursos:

Como crear una pagina web: Dominio gratis

Godaddy

  • 75% de descuento
  • Servicio Estable
  • 24 horas Disponibles
  • Atención Personalizada
  • Idioma Español
  • 1,00 €*/mes or $/mes

¡DESCUENTOS ESPECIALES! Obtén 12 meses de hosting web económico por solo 1,00 €*/mes or $/mes.

5.- Cómo seleccionar la tipografía para toda la página.

Antes de comenzar a diseñar nuestra página web, vamos a seleccionar la tipografía para todo el sitio web incluyendo títulos y texto de los párrafos.

Podríamos cambiar la tipografía directamente en los módulos del constructor de Divi, no obstante, es mucho más rápido hacerlo desde el personalizador del tema.

Video Tutorial: Cómo seleccionar la tipografía para toda la página.

6.- Creando las subpáginas en un sitio web.

El número y el tipo de subpáginas va a depender del propósito de tu sitio web, es decir, si el sitio web es para una agencia de Marketing, para un restaurante, para mostrar tus proyectos. No obstante, al aprender sobre como crear una página web tendras las herramientas necesarias para crear cualquier otro tipo de subpáginas.

Igualmente en la biblioteca de Divi encontrarás cualquier tipo de diseño de subpáginas.

Como crear una página de Inicio:

Video Tutorial: Página de Inicio.

Elementos de Divi de Arrastrar y Soltar

Módulos disponible en el tema Divi que te permiten crear una pagina web con cualquier tipo de diseño de páginas.

Quieres aprender más sobre cómo utilizar cada uno de esos módulos y las funciones de la plantilla Divi?

Tenemos un curso completo de como crear tu pagina web utilizando cada uno de los módulos y todas sus funciones.

Como crear una página de Sobre Nosotros:

Video Tutorial: Página sobre nosotros.

Como crear una página de Servicios:

Video Tutorial: Página de Servicios.

Como crear una página de Contacto:

Video Tutorial: Página de Contacto.

7.- Como crear un menú, instalar logo y favicon

En este tutorial te enseñare como personalizar la navegación principal de tu página web y cómo agregar un logo y favicon a tu página web.

El menú es la navegación principal de tu sitio web

El logo es un símbolo gráfico de tu marca

El favicon es un icono que va localizado en la parte superior del navegador.

Video Tutorial: Como crear un menú, instalar logo y favicon.

8.- Instalar y configurar la Newsletter de tu sitio web (Bloom)

En este tutorial te enseñare como puedes configurar el newsletter para que tus usuarios se suscriban a tu lista de usuarios desde tu página web.

Para establecer un sistema de newsletter en tu sitio web, lo haremos utilizando un plugin llamado Bloom.

Video Tutorial: Instalar y configurar la Newsletter de tu sitio web (Bloom).

9.- Como crear footer de tu sitio web e instalar file manager

En esta parte del tutorial, te enseñare como crear un footer o pie para tu página web.

10.- Cómo crear una página de error 404.

En esta parte del tutorial, te enseñare como crear una página de error (404) para tu página web.

Que es una página 404 y porque es importante?

Una página 404 es una página de error que significa que el sitio web al que el usuario intenta acceder no se puede encontrar en el servidor. Desde el punto de vista del cliente implica que la página web se eliminó, se movió o que la persona ha escrito el URL de forma incorrecta.

La página de error 404 es importante para los motores de búsqueda como Google y para que el cliente tenga una mejor experiencia dentro de tu sitio web.

Video Tutorial: Como crear una página de error 404.

11.- Adicional

11.1.- Cómo crear una cuenta en MailChimp

MailChimp  es una herramienta totalmente gratis. Ideal para Vender por Internet, la misma cuenta con características tales como: Crear una cuenta, Crear lista, crear la llave API para la integración de tu página web, entre otros.

Video Tutorial: Como crear una cuenta en MailChimp.

11.2.- Cómo crear una clave API para Google Map

Video Tutorial: Como crear una llave API para Google Map.

12.- Recursos disponible para el curso.

Recursos:

Como crear una pagina web: Dominio gratis

Godaddy

  • 75% de descuento
  • Servicio Estable
  • 24 horas Disponibles
  • Atención Personalizada
  • Idioma Español
  • 1,00 €*/mes or $/mes

¡DESCUENTOS ESPECIALES! Obtén 12 meses de hosting web económico por solo 1,00 €*/mes or $/mes.

Archivos Principales

Tienes alguna pregunta?

0 comentarios