Tres maneras fáciles de crear un sitio web: Guía para principiantes paso a paso

Artículo escrito por:
  • Guías de alojamiento
  • Actualizado: mayo 10, 2019

Crear un sitio web es muy fácil en 2019.

No tienes que ser un geek tecnológico ni un programador.

Siga el método correcto. Seleccione las plataformas adecuadas. Usa las herramientas adecuadas. Estarás 100% bien.

No tenía ningún conocimiento sobre desarrollo web cuando comencé mi negocio en línea en 2004. No contraté a un desarrollador web hasta once años después. Y lo hice bien.

Hoy en día, tenemos herramientas de desarrollo innovadoras y mejores plataformas de publicación web.

Tres maneras fáciles de hacer un sitio web:

Enlace rápido:

  1. Creando desde cero
  2. Utilizando un sistema de gestión de contenidos (CMS)
  3. Usando un constructor de sitio web

Obtiene más flexibilidad en los diseños y funciones del sitio con el método #1, pero requiere un buen conocimiento de los idiomas web.

El proceso de creación y administración de sitios web es mucho más fácil con los métodos #2 y #3. Debes elegir uno de estos métodos dependiendo de tu competencia.

Veremos cada uno de estos tres métodos en breve.

Pero antes de empezar ...

Antes de comenzar, necesitamos dos cosas para su sitio web: 1- Un nombre de dominio y 2- Alojamiento web.

1- Registrar un dominio

Un dominio es el nombre de su sitio web. Tiene que ser único y transmitir la marca de su negocio.

La forma más fácil de buscar y registrar un dominio es ir a un registrador de dominios.

Un registrador de dominio le permitirá registrar su nombre de dominio a través de contratos anuales o un contrato a largo plazo.

Busca y registra tu nombre de dominio en NameCheap
Buscar y registrar nombres de dominio en Nombre barato.

Aquí hay algunos registradores de dominio de buena reputación para tener en cuenta.

RegistradoresPrecio inicial
.com .net
123 Reg£11.99£ 11 .99
Domain.com$ 9.99 / año$ 10.99 / año
Gandi€ 12.54 / año€ 16.50 / año
Ve papi$ 12.17 / año$ 12.17 / año
Nombre barato$ 10.69 / año$ 12.88 / año
Soluciones de red$ 34.99 / año$ 32.99 / año

También lea - Nombre de dominio para los maniquíes.

2- Compra un alojamiento web

A alojamiento web es una gran computadora (también conocida como servidor) que almacena sus sitios web. Algunas compañías gigantes, como Amazon, IBM y FB, son propietarias y administran sus servidores web; otras empresas simplemente alquilan sus servidores a un proveedor de alojamiento (que es mucho más barato y más fácil).

Nota: omita este paso si está optando por un creador de sitios web para crear su sitio (ver paso #3).

Alojamiento de sitios web

Algunos servicios de alojamiento para los novatos para revisar.

alojamiento webRegístrateobservaciones
A2 Hosting$ 4.90 / mesHost de web rápido, novatos amable.
BlueHost$ 3.95 / mesPrecio de registro barato, novatos amable.
Nube de hostgator$ 8.95 / mesPrecio razonable, servidor confiable.
HostPapa$ 3.36 / mesAlojamiento web ecológico, descuento exclusivo.
Alojamiento en Movimiento$ 3.49 / mesPrecio de registro barato, servidor confiable.
Iart$ 5.95 / mesSoporte de chat en vivo en la industria #1, host web sólido.

Hasta la fecha nos hemos registrado, probado y revisado más que las empresas de hospedaje de 60. Ver nuestra Top 10 selecciones de alojamiento or la lista completa de reseñas de alojamiento.

También lea - ¿Cuánto cuesta construir un sitio web?.


Divulgación de la FTC

WHSR recibe tarifas de referencia de algunas de las compañías mencionadas en este artículo. Se necesita mucho esfuerzo y dinero para crear contenido útil como este: su apoyo es muy apreciado.


Una vez que tenga su nombre de dominio y alojamiento web, ¡es hora de ponerse manos a la obra y comenzar a crear!

Método #1: Crear un sitio web desde cero

Habilidades y herramientas requeridas

Usted puede crear su sitio web único y distintivo por sí mismo si conoce los idiomas principales de la web y lo fundamental de un sitio web.

De lo contrario, es recomendable que salte al método #2 / 3; O, póngase en contacto con un desarrollador web.

Lenguajes / herramientas web básicos que debes saber:

  • HTML (Hyper Text Markup Language)
    HTML es la estructura básica de las páginas web y las aplicaciones web que hacen que el contenido sea semántico al navegador web. Consiste en etiquetas secuenciales que tienen una apertura y un cierre, y estructuralmente una palabra clave encerrada entre corchetes angulares. Ejemplo: <strong> </strong>
  • CSS (hojas de estilo en cascada)
    CSS es el lenguaje de estilo que se utiliza para decorar el marcado HTML de una página web. Sin CSS, una página web no se vería más que una gran página en blanco con texto e imagen desordenados. CSS es lo que hace ideal a la página como queremos.
  • Lenguajes de scripting
    HTML y CSS no son nada sin lenguajes de script porque no son interactivos. Para crear una página web dinámica que responda a los usuarios, necesita lenguajes como JavaScript y jQuery. Los lenguajes del lado del servidor como PHP, Python y Ruby también pueden ser necesarios con el tiempo.
  • Base de Datos
    Para almacenar, administrar y acceder a los datos de entrada de usuario de un sitio web, se considera una gran tabla de información que se llama base de datos. Un sistema de administración de base de datos como MySQL, MongoDB y PostgreSQL se usa en el lado del servidor para hacer este trabajo de manera eficiente.
  • FTP (Protocolo de transferencia de archivos)
    FTP se utiliza para transferir los archivos de origen de un sitio web a su servidor alojado más fácilmente. Hay clientes basados ​​en web y software basados ​​en FTP que pueden utilizarse para cargar los archivos en la computadora del servidor.

Proceso paso a paso de creación de sitios web utilizando IDE

Esta es la descripción general del proceso de cómo puede crear un sitio web de primera mano, asumiendo que conoce los idiomas web básicos y los elementos esenciales del sitio web mencionados anteriormente.

Paso 1: configura un entorno de trabajo local

Haciendo un sitio con Subline Text
Captura de pantalla del entorno de trabajo de Subline Text.

Para crear y organizar los archivos de origen de un sitio web, es importante un buen entorno de trabajo local. Puede crear un entorno de desarrollo web en el dispositivo de su computadora instalando un IDE (entorno de desarrollo integrado). Un IDE consiste básicamente en un editor de texto, una automatización de compilación y un depurador.

Texto sublime y átomo son algunos de los IDE básicos para el desarrollo web compatible con HTML, CSS, JS, PHP, Python y lenguajes web similares.

Por otro lado, hay IDEs extendidos como Adobe Dreamweaver que ofrece un puñado de otras características (Ej .: Conectividad del servidor, FTP).

Paso 2: planifique y diseñe su sitio web utilizando Adobe Photoshop

La planificación de la estructura del sitio web y el sistema de navegación son de gran importancia. Primero, debes entender cómo quieres entregar tu contenido. Planee cuántos menús de navegación, cuántas columnas o campos de contenido, cuántas imágenes desea incluir y dónde.

La mejor práctica es abrir Adobe Photoshop y crear un dibujo aproximado de sus páginas web. Es posible que tenga que hacer diferentes ajustes para diferentes páginas, por ejemplo, la página de inicio, sobre la página, la página de contacto, la página de servicio, etc.

Maqueta de diseño que utilizamos al crear este sitio web.
Ejemplos: maquetas de diseño que hicimos cuando durante la renovación del sitio en diciembre 2016.

Paso 3: Codifica el Diseño usando HTML y CSS

Una vez que haya terminado de hacer diseños aproximados para sus páginas web en Adobe Photoshop, puede comenzar a escribir los códigos fuente.

Esta es la parte más fácil. Realice marcas HTML para los elementos web que desea incluir y use CSS para decorarlos de acuerdo con los diseños que realizó.

Paso 4: Hazlo Dinámico usando JavaScript y jQuery

Solo los sitios web basados ​​en HTML y CSS no existen en la actualidad porque las interacciones de usuario front-end no se pueden controlar a través de HTML o CSS.

Puede usar lenguajes de script como JavaScript y posiblemente su biblioteca mejorada, jQuery para controlar la actividad del usuario para formularios, inicios de sesión, controles deslizantes, menús o donde sea que lo necesite.

Paso 5: carga archivos locales al servidor usando un cliente FTP

Software FTP para la creación de sitios.

El último paso es cargar todos los archivos de origen en el servidor web. La mejor y más fácil manera de manejarlo es a través de un cliente FTP.

Primero, descargue un cliente FTP en su dispositivo de computadora y conéctelo a su servidor web usando una cuenta FTP. Después de haberlo conectado con éxito a la cuenta de FTP, copie todos sus archivos locales a la raíz de su directorio web. Algunos buenos clientes FTP son FileZilla, WinSCP y Cyberduck.


Método #2: Creando un sitio web con CMS

Habilidades y herramientas requeridas

  • Knwoledge: Funcionamiento básico de Informática e Internet; HTML, CSS y PHP (no es obligatorio, pero es mejor si conoces lo básico)
  • Herramientas: WordPress, Joomla y Drupal

Un CMS o un sistema de gestión de contenido se construye de manera tan táctica que se adapta a los principiantes del primer día de trabajo para desarrolladores web experimentados.

Es una aplicación de software que facilita la creación y administración de contenidos en línea. La mayoría de ellos son de código abierto y de uso gratuito.

Si conoce los conceptos básicos de HTML, CSS o PHP, es una ventaja para usted. No es un gran problema si no lo sabes porque estas plataformas son muy intuitivas. Aquí hay tres opciones gratuitas de plataformas de CMS que puede elegir de acuerdo con sus necesidades.

Comparaciones rapidas

WordPressJoomlaDrupal
CostoGratisGratisGratis
Uso311,682 millones26,474 millones31,216 millones
Temas libres4,0001,0002,000
Plugins Gratis45,0007,00034,000

También lea - Los mejores CMS comparados (2018) - WordPress vs Joomla vs Drupal

WordPress

WordPress, según diversas estadísticas, se está utilizando en el número máximo de blogs y sitios web de tamaño pequeño a mediano. Sin embargo, muchos sitios web poderosos prefieren WordPress por su simplicidad. WYSIWYG Editor es lo único que necesita aprender para obtener su primer contenido.

Esta plataforma es institucional para los principiantes, así como altamente desarrollada por diferentes clases de desarrolladores web. Tiene muchos complementos y temas gratuitos en su propio repositorio. Por ser la opción #1 CMS, muchos recursos de terceros están disponibles al lado.

temas
Elecciones de temas de WordPress.

VENTAJAS

  • Altamente flexible y personalizable.
  • Fácil de usar,
  • Toneladas de recursos de aprendizaje,
  • Excelente comunidad y apoyo

DESVENTAJAS

  • Código de necesidades para las principales personalizaciones visuales.
  • Las actualizaciones pueden causar problemas con los complementos

Más información

Joomla

Joomla es similar a WordPress en muchos aspectos. También es fácil de usar, fácil de instalar y se puede ampliar fácilmente con la ayuda de módulos - El equivalente de los complementos de WordPress. Como resultado, es la segunda mejor opción para los principiantes.

Sin embargo, los principiantes pueden sentirse más intimidados para explorar Joomla debido a la cantidad de opciones disponibles. Además del menú de la izquierda, también hay un menú en la barra superior, justo encima del logotipo del "Panel de control". Para evitar confusiones, recuerde que algunos de los elementos de los menús de la barra izquierda y superior son similares, incluidos "Contenido", "Usuarios" y "Extensiones".

Al igual que WordPress, Joomla tiene algunos estilos y plantillas que pueden darle a su sitio un aspecto distintivo rápidamente. Pero de los tres sistemas de gestión de contenido, Joomla ofrece la solución más sencilla a la hora de crear una red social. Con plataformas como EasySocial y JomSocial, estás a solo minutos de tu propio sitio web de redes sociales.

guión
Dentro del sistema joomla.

VENTAJAS

  • Más avanzado técnicamente
  • Los sitios web generalmente funcionan mejor
  • Seguridad a nivel de empresa

DESVENTAJAS

  • Los módulos son difíciles de mantener
  • CMS intermedio: no es tan fácil como WordPress, ni tan avanzado como Drupal

Más información

Drupal

Desarrolladores web experimentados atestiguan que Drupal es el CMS más poderoso.

Sin embargo, también es el más difícil de usar. Debido a su flexibilidad, Drupal es el segundo CMS más utilizado del mundo, pero no es uno de los favoritos entre los principiantes. Para construir con éxito un sitio web "completo" con Drupal, necesita ensuciarse las manos y aprender los conceptos básicos de la codificación. Conocer su camino alrededor del CMS también es un reto para los principiantes.

Drupal
Instalación de un nuevo Drupal: a pesar de las complicadas funciones de Drupal, el CMS ofrece una interfaz simple y minimalista.

VENTAJAS

  • Fácil de aprender
  • Gran portal de ayuda
  • Las actualizaciones se integran perfectamente
  • Más opciones incorporadas

DESVENTAJAS

  • Curva de aprendizaje pronunciada en la etapa de inicio: recomendada para usuarios avanzados

Más información

Proceso de creación de sitio web paso a paso con WordPress

Para este método, usaremos WordPress como nuestro ejemplo. Por ahora ya deberías tener una cuenta de alojamiento web y un nombre de dominio registrado.

Paso 1: encuentre el instalador de WordPress en su panel de alojamiento web

Los servicios de alojamiento web generalmente cuentan con un instalador rápido para instalar WordPress y otras plataformas comunes.

Así que inicie sesión en su cuenta de alojamiento web y averigüe qué instalador tiene. Los nombres populares que debe buscar son Softaculous, QuickInstall o Fantastico.

Algunos proveedores de hosting (ejemplo: Iart) use instaladores integrados en su panel de control del usuario (la pantalla que verá justo después de iniciar sesión en cPanel). En ese caso, solo intente encontrar el título que incluye 'WordPress'.

Ejemplo: Panel de control de SiteGround cPanel.

Paso 2: instala WordPress a través del instalador

Softaculous es el instalador automático más popular y aparece en cPanel. Te guiaré a través de la instalación a través de Softculous. Los otros instaladores son más o menos iguales.

Haga clic en Softaculous y luego haga clic en 'Instalar' sobre WordPress para comenzar la instalación.

Instalando WordPress para crear su sitio web

Aquí viene la parte importante.

Configuración del sitio

Configure las opciones de la siguiente manera, deje otros campos en la configuración predeterminada (se ordenará más adelante) y haga clic en instalar.

  • Protocolo: debe decidir si desea instalar http: // o http: // www. versión de la URL. Lo que elija, no verá mucha diferencia. Desde el punto de vista técnico, http: // www. Es mejor en términos de flexibilidad y manejo de cookies. Tenga en cuenta que si tiene un certificado SSL válido y desea instalar WordPress en él, simplemente seleccione https en lugar de http.
  • Dominio: seleccione el dominio en el que desea instalar el sitio web.
  • Directorio: especifique dónde desea instalar el sitio de WordPress. Si desea instalarlo en su URL raíz (por ejemplo, http://www.yourwebsite.com/), manténgalo en blanco. Si lo desea en una sub-URL (por ejemplo, http://www.yourwebsite.com/myblog/), especifique el directorio en el campo.
  • Cuenta de administrador: establezca su nombre de usuario, contraseña y correo electrónico que utilizará para iniciar sesión en su sitio de WordPress.

Si has tenido éxito en los últimos pasos, bien hecho. Su sitio web es en vivo!

Ahora inicie sesión en su sitio de WordPress. La página de inicio de sesión de su sitio se verá como wp-login.php rastreando la URL del sitio web que estableció.

Paso 3: instala un tema y algunos complementos importantes

A continuación, debe instalar un tema y los complementos necesarios. Eche un vistazo a la barra lateral izquierda de su Panel de WordPress.

Hay toneladas de temas listos para usar disponibles en el directorio de WordPress.

Para explorar estos temas gratuitos, vaya a 'Apariencia> Temas> Agregar nuevo', busque el tema que cumpla con sus requisitos y haga clic en el botón Instalar.

Directorio de temas de WordPress
Directorio de temas de WordPress.

También puede instalar temas de terceros desde la sección "Cargar tema". Para temas de WordPress pagados, diseñados profesionalmente, recomiendo Elegante Temas (por su código eficiente y hermosos diseños frontales).

Para los complementos, busque 'Complementos> Agregar nuevo'.

Busca e instala los plugins que solo necesitas. 3rd Los complementos de Party también se pueden instalar desde la sección 'Cargar complemento'.

Directorio de complementos de WordPress
Directorio de plugins de WordPress.

Aquí quiero sugerir algunos complementos gratuitos importantes. Busque por sus nombres en el directorio de complementos de WordPress para encontrarlos. Tenga en cuenta que instalar solo un plugin de cada categoría es suficiente.

  • Para SEO: SEO SEO, todo en un paquete de SEO
  • Para la seguridad: Seguridad de iThemes, Seguridad de Wordfence
  • Para estadísticas del sitio: Jetpack de WordPress.com, Google Analytics para WordPress de Monster Insights
  • Para la creación de formularios: Formulario de contacto 7
  • Para rendimiento: W3 Total Cache, WP Super Cache

También lea - 9 Essential WordPress Plugins para nuevos sitios WP

Paso 4: ¡Estás listo!

Su sitio debe estar en funcionamiento en el último paso. Pero hay algunas cosas más que deben ser resueltas.

  • En 'Configuración> General': configure el título de su sitio y el lema.
  • En 'Configuración> Lectura': lo que debería mostrar su página de inicio y cuántas publicaciones de blog desea mostrar en una sola página.
  • En 'Configuración> Permalinks': establezca cuál será la estructura de URL de su publicación de blog.

Configuración básica para un nuevo sitio WP
Configuraciones básicas para el nuevo sitio de WordPress.


Método #3: Creación de un sitio web con creadores de sitios

Habilidad y herramientas requeridas

  • Knwoledge: Operación Básica de Computador e Internet
  • Herramientas: Wix y Weebly

Los creadores de sitios han hecho que configurar un sitio web sea fácil e instantáneo. Sin el conocimiento de los idiomas web, uno puede lanzar su sitio web con todas las funciones en cuestión de minutos. Ofrecen constructores de sitios web Drag & Drop que requieren cero conocimientos de codificación.

Hay muchos constructores de sitios diseminados por internet - cubiertos por Disha 26 creadores de sitios gratuitos en este blogpost; Pero no todos pueden satisfacer las necesidades.

Los siguientes tres son los creadores de sitios web más comentados y potenciales que puede utilizar.

Wix

Usando Wix para hacer un sitio web

Wix es uno de los creadores de sitios más fáciles del mercado que cuenta con plantillas 500 + totalmente personalizables clasificadas en varias categorías. Por lo tanto, es bastante seguro que encontrará uno que se adapte a usted.

Están ofreciendo un editor de sitio web flexible de arrastrar y soltar que siempre es visible sobre el contenido. Puede arrastrar un elemento de la lista y soltarlo en cualquier lugar del sitio web para agregarlo. Cualquier elemento visible en él se puede mover o editar.

El único inconveniente es que hay anuncios en el sitio en el plan gratuito de Wix. Puede deshacerse de él al actualizarlo a su plan Combo, que le permite volver a un mínimo de $ 12 / mes.

También lea - Nuestra revisión en profundidad de Wix.

Weebly

Usando Weebly para hacer un sitio web

Weebly es más fácil en muchos aspectos, como la navegación y la facilidad de uso. Ofrecen cientos de plantillas para elegir, pero las opciones de personalización pueden parecer limitadas.

Tienen un buen número de diseños de página prediseñados (por ejemplo: sobre página, página de precios, página de contacto) que se pueden usar y modificar.

El constructor Arrastrar y soltar es más fácil de usar, pero a veces está limitado a las áreas designadas para la personalización. La disponibilidad de extensiones y aplicaciones de terceros también es limitada.

También lea - Nuestro análisis en profundidad de Weebly.

Proceso de creación de sitio web paso a paso utilizando Wix

Paso 1: Regístrate en Wix

Crea una cuenta en Wix.com.

Existen planes premium de 5 y plan gratuito de 1 (los precios van desde $ 0 - $ 24.50 / mes). Verá las opciones de actualización después de crear un sitio con éxito.

Vea los planes y precios de Wix aquí.

Registro de wix
Wix página de registro.

Recomiendo Wix plan básico pagado - Combo. El plan Wix Combo ($ 8.50 / mes) cuenta con un nombre de dominio gratuito, más recursos de CPU y sin anuncios Wix.

Paso 2: Elige una plantilla

Wix te preguntará cómo quieres crear un sitio web. La forma más rápida que sugerirían es Wix ADI (Inteligencia de diseño artificial) que no es muy fructífera al final.

Así que te guiaré un poco más, pero de la mejor manera, ¡el creador de sitios web!

Verás que hay plantillas categorizadas bajo diferentes etiquetas. Navega por tu categoría potencial y elige la que más te convenga.

Después de encontrar un tema Wix que te guste, haz clic en 'editar' para continuar.

Edición de una página web en Wix
El botón "editar" se muestra cuando pasas el mouse sobre un tema.

Paso 3: diseña tu sitio web utilizando el creador de sitios web Wix

Después de unos momentos, aterrizarás directamente en su intuitivo creador de sitios web.

Diseñar un sitio web es simple. Verá diferentes herramientas en el lado izquierdo y derecho de su pantalla. También, haga clic en cualquier parte del sitio web para editar el bloque o moverlo a otro lugar.

Elementos de wix
Construye los elementos de tu página web usando el editor de arrastrar y soltar de Wix.

Paso 4: Publicar el sitio web.

Cuando presione el botón de publicación, se le preguntará si desea un subdominio gratuito o un dominio con todas las funciones. Es tu llamada.

Se recomiendan unos cuantos retoques más.

Vaya a su 'Panel de Wix> Administrar y editar sitio' y configure SEO, Favicon, Social y actualizaciones según sea necesario.

Configuración del sitio wix
Configure su sitio Wix. Haga clic para ampliar la imagen.

Y una vez que haya terminado con estas configuraciones básicas, su sitio web estará listo.

Acerca de Jerry Low

Fundador de WebHostingSecretRevealed.net (WHSR): una revisión de alojamiento confiable y utilizada por los usuarios de 100,000. Más de 15 años de experiencia en alojamiento web, marketing de afiliación y SEO. Colaborador de ProBlogger.net, Business.com, SocialMediaToday.com y más.