1 Followers
25 Following
showtheory6

showtheory6

SPOILER ALERT!

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

Crear un sitio web es muy fácil en dos mil veinte.


No debes ser un geek tecnológico ni un programador.


Siga el método adecuado. Seleccione las plataformas convenientes. Emplea las herramientas adecuadas. Estarás 100 por cien bien.


No tenía ningún conocimiento sobre desarrollo web cuando comencé mi negocio en línea en dos mil cuatro. 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 lugar web:



Enlace rápido:


Obtiene más flexibilidad en los diseños y funciones del lugar 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. agencia de maquetacion web madrid escoger uno de estos métodos dependiendo de tu competencia.


Veremos cada uno de estos tres métodos dentro de poco.


Pero ya antes de empezar ...


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



1- Registrar un dominio


Un dominio es el nombre de su sitio. Debe 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 precio inicial a estimar.



También lea -.



2- Compra un alojamiento web


Aes una enorme computadora (también famosa como servidor) que almacena sus sitios. Algunas compañías gigantes, como Amazon, IBM y FB, son dueñas y administran sus servidores web; otras empresas simplemente arriendan sus servidores a un proveedor 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 web para crear su lugar ().


Algunos servicios de alojamiento para los novatos para repasar.



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


También lea -.




Divulgación de la FTC


WHSR recibe tarifas de referencia de algunas de las compañías mentadas 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 empezar a crear!


Método #1: Crear un sitio desde cero




Habilidades y herramientas requeridas


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


De lo opuesto, es conveniente 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 a nivel estructural una palabra clave encerrada entre corchetes angulares. Ejemplo: <strong> </strong>

  • CSS (hojas de estilo en cascada)


    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 gran página en blanco con texto y también imagen desorganizados. CSS es lo que hace ideal a la página como deseamos.

  • Lenguajes de scripting


    HTML y CSS no son nada sin lenguajes de script pues 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 precisos con el tiempo.

  • Base de Datos


    Para guardar, administrar y acceder a los datos de entrada de usuario de un sitio web, se considera una enorme tabla de información que lleva 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 eficiente.

  • FTP (Protocolo de trasferencia de archivos)


    FTP se utiliza para transferir los ficheros 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 usarse para cargar los ficheros en la computadora del servidor.

Proceso paso a paso de creación de sitios usando 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 mencionados anteriormente.



Paso 1: configura un entorno de trabajo local


Para crear y organizar los archivos de origen de un sitio web, es esencial un buen ambiente de trabajo local. Puede crear un entorno de desarrollo web en el dispositivo de su computadora instalando un IDE (entorno de desarrollo integrado). agencia pago por clic madrid 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 afines.


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 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 dar tu contenido. Planee cuántos menús de navegación, cuántas columnas o bien campos de contenido, cuántas imágenes quiere incluir y dónde.


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



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 empezar a redactar 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 web basados ​​en HTML y CSS no existen en nuestros días porque las interactúes de usuario front-end no se pueden controlar a través de HTML o CSS.


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



Paso 5: carga archivos locales al servidor usando un usuario 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 forma de manejarlo es a través de un cliente del servicio FTP.


Primero, descargue un cliente del servicio 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 sus ficheros locales a la raíz de su directorio web. Ciertos 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 Content Management System o un sistema de gestión de contenido se construye de forma 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 empleo 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 por el hecho de que estas plataformas son muy intuitivas. Aquí hay tres opciones gratuitas de plataformas de Content Management System que puede elegir de acuerdo 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. No obstante, muchos sitios web poderosos prefieren Wordpress por su simplicidad. WYSIWYG Editor es lo único que precisa aprender para conseguir su primer contenido.


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




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 crear problemas con los complementos



Más información



Joomla


Joomla es afín a WP 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 WP. 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 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 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.




VENTAJAS


  • Más avanzado técnicamente
  • Los sitios por norma general marchan mejor
  • Seguridad a nivel de empresa



DESVENTAJAS


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



Más información



Drupal


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


Sin embargo, también es el más difícil de utilizar. Debido a su flexibilidad, Drupal es el segundo Content Management System más empleado del mundo, mas no es uno de los preferidos entre los principiantes. Para construir con éxito un sitio web "completo" con Drupal Trademark, precisa mancharse 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.




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 tenery un nombre de dominio registrado.



Paso 1: encuentre el instalador de Wordpress 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 proveedores de alojamiento web (ejemplo:) use instaladores integrados en su panel de control del usuario (la pantalla que verá justo después de empezar sesión en cPanel). En ese caso, solo intente hallar 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 comenzar la instalación.


Aquí viene la parte esencial.


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


  • Protocolo: debe decidir si quiere instalar http: // o bien http: // www. versión de la URL. Lo que escoja, 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 presente que si tiene un certificado SSL válido y desea instalar Wordpress en él, simplemente escoja https en vez de http.
  • Dominio: escoja el dominio en el que desea instalar el sitio web.
  • Directorio: especifique dónde desea instalar el lugar de WP. Si quiere instalarlo en su URL raíz (por servirnos de un ejemplo, /), manténgalo en blanco. Si lo quiere en una sub-URL (por 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 empezar sesión en su lugar de WP.

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


Ahora inicie sesión en su sitio de WP. 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 una ojeada a la barra lateral izquierda de su Panel de Wordpress.


Hay toneladas de temas listos para utilizar libres 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 click en el botón Instalar.


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


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


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


Aquí quiero sugerir ciertos complementos gratis esenciales. Busque por sus nombres en el directorio de complementos de WordPress para encontrarlos. Tenga presente que instalar solo un complemento de cada categoría es suficiente.


  • Para SEO: posicionamiento web Posicionamiento web 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, Google Analytics para WP 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 emplea un enorme tema. Hay un montón de generadores de logotipos increíbles, pero echaría una ojeada a. Son un servicio pago, mas lo mejor es que ofrecen costes escalonados. Esto significa que simplemente puede abonar con lo que necesita: solo un logotipo en formato web, o incluso puede anotarse en un kit de marca completo que incluye formatos para múltiples plataformas.



También lea -



Paso 4: ¡Estás listo!


Su lugar ha de estar en funcionamiento en el último paso. Mas existen algunas cosas más que deben ser resueltas.


  • En 'Configuración> General': configure el título de su sitio y el leimotiv.
  • En 'Configuración> Lectura': lo que debería mostrar su página de comienzo y cuántas publicaciones de weblog desea 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 web con creadores de sitios




Habilidad y herramientas requeridas


  • Knwoledge: Operación Básica de Ordenador e Internet
  • Herramientas:y

Los autores 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 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 diseminados en internet - cubiertos por Disha; Pero no todos pueden satisfacer las necesidades.


Los siguientes 3 son los autores de sitios web más comentados y potenciales que puede emplear.



Wix


Wix es uno de los autores de sitios más fáciles del mercado que cuenta con plantillas quinientos + absolutamente personalizables clasificadas en múltiples categorías. Por lo tanto, es bastante seguro que encontrará uno que se adapte a .


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


El único inconveniente es que hay anuncios en el lugar en el plan gratis de Wix. Puede deshacerse de él al actualizarlo a su plan Combo, que le deja regresar a un mínimo de dólares americanos 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 seleccionar, mas 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 modificar.


El constructor Arrastrar y soltar es más fácil de usar, 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 web paso a paso utilizando Wix



Paso 1: Regístrate en Wix


Crea una cuenta en Wix.com.


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



Recomiendo Wix plan básico pagado - contratar influencers españa . El plan Wix Combo ( dólares americanos 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 quieres 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 autor de sitios!


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


Después de hallar un tema Wix que te guste, haz click en 'editar' para seguir.



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


Después de unos instantes, aterrizarás de forma directa en su intuitivo autor de sitios.


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



Paso 4: Publicar el sitio.


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 aconsejan unos cuantos retoques más.


Vaya a su 'Panel de Wix> Regentar y editar sitio' y configure posicionamiento web en buscadores, Favicon, Social y actualizaciones según sea preciso.


Y cuando haya terminado con estas configuraciones básicas, su sitio estará listo.


Preguntas frecuentes sobre cómo hacer un sitio web


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


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


Incluso antes de embarcarse en la construcción de su lugar, es exactamente lo mismo que, lo primero que debe abordarse es su intención. Lo que desea que sea o bien logre su sitio web puede desempeñar un papel esencial en su diseño y desarrollo.


El tiempo preciso para codificar un sitio web 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.