Cómo crear un sitio web: tutorial paso a paso

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

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

Siga el método adecuado. Seleccione las plataformas adecuadas. Utiliza las herramientas adecuadas. Estarás 100 por ciento 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 renovadoras y mejores plataformas de publicación web.

Tres maneras fáciles de hacer un sitio web:

Enlace rápido:

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 es mucho más fácil con los métodos #2 y #3. Debes seleccionar uno de estos métodos dependiendo de tu competencia.

Veremos cada uno de ellos de estos 3 métodos dentro de poco.

Pero antes de comenzar ...

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

1- Registrar un dominio

Un dominio es el nombre de su sitio. 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 en un largo plazo.

Aquí hay algunos registradores de dominio acreditados y su costo inicial a estimar.

También lea -.

2- Adquiere un alojamiento web

Aes una enorme computadora (también famosa como servidor) que almacena sus sitios web. Ciertas compañías gigantes, como Amazon, IBM y FB, son propietarias y administran sus servidores web; otras empresas sencillamente alquilan sus servidores a un distribuidor de alojamiento (que es mucho más asequible y más fácil).

Nota: omita este paso si está optando por un creador de sitios para crear su lugar ().

Algunos servicios de alojamiento para los novatos para revisar.

Hasta la data nos hemos registrado, probado y revisado más que las compañías de hospedaje de sesenta. Ver nuestraor.

También lea -.

Divulgación de la FTC

WHSR recibe tarifas de referencia de ciertas compañías mencionadas en este artículo. Se precisa mucho esmero y dinero para crear contenido útil como este: su apoyo es valoradísimo.

Una vez que tenga su nombre de dominio y alojamiento web, ¡es hora de ponerse en acción y empezar a crear!

Método #1: Crear un sitio 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 página web y lo esencial de un sitio web.

De lo contrario, es conveniente que salte al método #2 / 3; O bien, 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 de internet. Consiste en etiquetas secuenciales que tienen una apertura y un cierre, y a nivel de estructura una palabra clave encerrada entre corchetes angulares. Ejemplo: <strong> </strong>

• CSS (hojas de estilo en catarata) CSS es el lenguaje de estilo que se emplea para decorar el marcado HTML de una página web. Sin CSS, una página web no se vería más que una enorme 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, precisa 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, regentar y acceder a los datos de entrada de usuario de un sitio web, se considera una gran tabla de información que tiene por nombre base de datos. Un sistema de administración de base de datos como MySQL, MongoDB y PostgreSQL se utiliza en el lado del servidor para hacer este trabajo de forma eficaz.

• FTP (Protocolo de transferencia de ficheros) FTP se usa para transferir los archivos de origen de un sitio 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 punto por punto de creación de sitios 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 ambiente de trabajo local

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

yson 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 comoque ofrece un puñado de otras características (Ej .: Conectividad del servidor, FTP).

Paso 2: planifique y diseñe su sitio 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 dar 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 deba hacer diferentes ajustes para diferentes páginas, por servirnos de un ejemplo, la página de comienzo, sobre la página, la página de contacto, la página de servicio, etc.

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

Una vez que haya terminado de hacer diseños aproximados para sus páginas web en Adobe Photoshop, puede empezar 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 conforme con los diseños que realizó.

Paso 4: Hazlo Dinámico utilizando JavaScript y jQuery

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

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

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

El último paso es cargar todos y cada uno de 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.

posicionamiento web internacional en madrid , descargue un cliente FTP en su dispositivo de computadora y conéctelo a su servidor web utilizando una cuenta FTP. Después de haberlo conectado con éxito a la cuenta de FTP, copie todos sus ficheros locales a la raíz de su directorio web. Algunos buenos clientes FTP son,y.

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

Habilidades y herramientas requeridas

• Knwoledge: Funcionamiento básico de Informática y también Internet; HTML, CSS y PHP (no es obligatorio, mas es mejor si conoces lo básico)

• Herramientas:,y

Un CMS o un sistema de gestión de contenido se edifica 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. oferta seo ía de ellos son de código abierto y de uso gratis.

Si conoce los conceptos básicos de HTML, CSS o PHP, es una ventaja para usted. No es un enorme problema si no lo sabes por el hecho de que estas plataformas son muy intuitivas. Aquí hay 3 opciones gratis de plataformas de CMS que puede seleccionar conforme con sus necesidades.

Comparaciones rapidas

También lea -

WordPress

WordPress, según diferentes estadísticas, se está usando 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 WP por su simplicidad. What You See is What You Get Editor es lo único que precisa aprender para conseguir 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 gratis en su repositorio. Por ser la opción #1 Content Management System, muchos recursos de terceros están libres al lado.

VENTAJAS

• Altamente flexible y personalizable.

• Fácil de utilizar,

• 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 emplear, 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 sobre el logo del "Panel de control". Para eludir confusiones, recuerde que ciertos 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 propio rápidamente. Mas de los tres sistemas de gestión de contenido, Joomla ofrece la solución más sencilla en el momento de crear una red social. Con plataformas como EasySocial y JomSocial, estás a solo minutos de tu propio sitio web de redes sociales.

VENTAJAS

• Más avanzado técnicamente

• Los sitios generalmente marchan 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 testimonian 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 empleado del planeta, pero no es uno de los preferidos entre los principiantes. Para edificar con éxito un sitio "completo" con Drupal, necesita mancharse las manos y aprender los conceptos básicos de la codificación. Conocer su camino alrededor del Content Management System también es un reto para los principiantes.

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 pasito a pasito con WordPress

Para este método, usaremos Wordpress como nuestro ejemplo. Por ahora ya deberías tenery un nombre de dominio registrado.

Paso 1: halle el instalador de WP en su panel de alojamiento web

Los servicios de alojamiento web en general 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 distribuidores de alojamiento (ejemplo:) 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'.

Paso 2: instala WP 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 bien menos iguales.

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

Aquí viene la parte esencial.

Configure las opciones de la próxima forma, 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 bien 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, sencillamente escoja https en lugar de http.

• Dominio: escoja el dominio en el que desea instalar el sitio web.

• Directorio: especifique dónde quiere instalar el lugar de Wordpress. Si quiere instalarlo en su URL raíz (por servirnos de un ejemplo, /), manténgalo en blanco. Si lo desea en una sub-URL (por servirnos de un ejemplo, /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 lugar de WordPress.

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

Ahora inicie sesión en su lugar 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 ciertos 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 WP.

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

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

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

Para los complementos, busque 'Complementos> Añadir nuevo'.

Busca y también instala los complementos que solo precisas. tres rdLos complementos de Party también se pueden instalar desde la sección 'Cargar complemento'.

Aquí deseo sugerir ciertos complementos gratis importantes. Busque por sus nombres en el directorio de complementos de WP para hallarlos. Tenga en cuenta que instalar solo un complemento de cada categoría es suficiente.

• Para SEO: posicionamiento web en buscadores Posicionamiento en buscadores, todo en un paquete de SEO

• Para la seguridad: Seguridad de iThemes, Seguridad de Wordfence

• Para estadísticas del sitio: Jetpack de Wordpress.com, Analytics para Wordpress de Monster Insights

• Para la creación de formularios: Formulario de contacto 7

• Para rendimiento: W3 Total Cache, WP Super Cache

Para la identidad de su lugar, aún necesitará crear algo, incluso si usa un gran tema. Hay un montón de generadores de logos increíbles, pero echaría una ojeada a. Son un servicio pago, pero lo mejor es que ofrecen costos escalonados. Esto quiere decir que sencillamente puede abonar por lo que necesita: solo un logo en formato web, o incluso puede anotarse en un kit de marca completo que incluye formatos para varias plataformas.

También lea -

Paso 4: ¡Estás listo!

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

• En 'Configuración> General': configure el título de su lugar y el lema.

• En 'Configuración> Lectura': lo que debería enseñar su página de comienzo y cuántas publicaciones de weblog quiere mostrar en una sola página.

• En 'Configuración> Permalinks': establezca cuál será la estructura de URL de su publicación de weblog.

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

Habilidad y herramientas requeridas

• Knwoledge: Operación Básica de PC e Internet

• Herramientas:y

Los creadores de sitios han hecho que configurar un sitio sea fácil y también instantáneo. Sin el conocimiento de los idiomas web, uno puede lanzar su sitio con todas y cada una de 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 esparcidos por internet - cubiertos por Disha; Pero no todos pueden satisfacer las necesidades.

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

Wix

Wix es uno de los creadores de sitios más fáciles del mercado que cuenta con plantillas quinientos + completamente personalizables clasificadas en varias categorías. En consecuencia, es bastante seguro que encontrará uno que se adapte a .

Están ofreciendo un editor de sitio web flexible de arrastrar y soltar que siempre y en toda circunstancia es visible sobre el contenido. Puede arrastrar un elemento de la lista y soltarlo en cualquier lugar del sitio para agregarlo. Cualquier elemento visible en él se puede desplazar 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 deja regresar a un mínimo de $ 12 / mes.

También lea -.

Weebly

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 costos, página de contacto) que se pueden usar y alterar.

El constructor Arrastrar y soltar es más fácil de utilizar, mas 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 -.

Proceso de creación de sitio paso a paso usando Wix

Paso 1: Regístrate en Wix

Crea una cuenta en Wix.com.

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

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

Paso 2: Elige una plantilla

Wix te preguntará cómo deseas crear un sitio web. La manera 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, mas de la mejor forma, ¡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 click en 'editar' para continuar.

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

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

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

Paso 4: Publicar el sitio web.

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

Se aconsejan varios retoques más.

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

Y en el momento en que haya terminado con estas configuraciones básicas, su sitio web estará listo.

Preguntas frecuentes sobre cómo hacer un lugar web

GoDaddy tiene planes construidos alrededor de su autor de sitios web que comienzan desde $ diez / mes.para obtener más información.

La mayoríason fáciles de utilizar para principiantes. Por su propia naturaleza, los creadores de sitios están dirigidos a usuarios no especialistas en tecnología y ofrecen mucha ayuda. Esto engloba desde interfaces fáciles de usar hasta plantillas preconstruidas.

Incluso ya antes de embarcarse en la construcción de su sitio, es lo mismo que, la primera cosa que debe abordarse es su intención. Lo que quiere que sea o bien logre su sitio puede desempeñar un papel importante en su diseño y desarrollo.

El tiempo preciso para codificar un sitio depende de su dificultad. Cuanto más necesite en términos de características y diseño, más tiempo llevará. Los sitios simples y estáticos se pueden codificar en tan solo unas pocas horas, al paso que los sitios más grandes y complejos pueden tardar varios meses.