1 Followers
25 Following
gymweeder66

gymweeder66

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 tienes que ser un geek tecnológico ni un programador.


Siga el método correcto. Seleccione las plataformas convenientes. Usa 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 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 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. Debes elegir uno de estos métodos en dependencia de tu competencia.


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


Pero antes de empezar ...


Antes de iniciar, precisamos 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 trasmitir 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 bien un contrato en un largo plazo.


Aquí hay algunos registradores de dominio acreditados y su precio inicial a considerar.



También lea -.



2- Compra un alojamiento web


Aes una gran computadora (también famosa como servidor) que guarda sus sitios web. Ciertas compañías gigantes, como Amazon, IBM y FB, son dueñas 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 repasar.



Hasta la fecha 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 algunas de las compañías citadas en este artículo. Se precisa mucho esfuerzo y dinero para crear contenido útil como este: su apoyo es apreciadísimo.


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 propio por sí mismo si conoce los idiomas principales de la página web y lo esencial de un sitio.


De lo contrario, 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. 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 usa 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, precisa 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


    </ <a href="https://citiface.com/es/agencia-de-marketing-digital-instagram">presupuesto pagina web ciudad real , regentar y acceder a los datos de entrada de usuario de un sitio, se considera una gran 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 usa en el lado del servidor para hacer este trabajo de manera eficaz.

  • FTP (Protocolo de transferencia de ficheros)


    FTP se utiliza para trasferir 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 ficheros en la computadora del servidor.

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


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



Paso 1: configura un entorno de trabajo local


Para crear y organizar los archivos de origen de un sitio, es esencial un buen ambiente de trabajo local. Puede crear un ambiente 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.


yson ciertos 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 web usando Adobe Photoshop


La planificación de la estructura del sitio web y el sistema de navegación son de suma 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 desea incluir y dónde.


La mejor práctica es abrir Adobe Photoshop y crear un dibujo aproximado de sus páginas web. Posiblemente deba hacer diferentes ajustes para diferentes páginas, por poner 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 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 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 basados ​​en HTML y CSS no existen actualmente por el hecho de que las interactúes de usuario front-end no se pueden supervisar a través de HTML o bien CSS.


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



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


El último paso es cargar todos los ficheros 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 usuario 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 del servicio 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 bien 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 uso gratis.


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



Comparaciones rapidas



También lea -



WordPress


WordPress, según diversas estadísticas, se está utilizando en el número máximo de blogs y sitios 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 gratuitos en su repositorio. Por ser la opción #1 CMS, muchos recursos de terceros están disponibles 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 similar 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 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 logo del "Panel de control". Para evitar confusiones, recuerde que ciertos elementos de los menús de la barra izquierda y superior son afines, incluidos "Contenido", "Usuarios" y "Extensiones".


Al igual que WP, Joomla! tiene algunos estilos y plantillas que pueden darle a su lugar un aspecto propio rápidamente. Pero de los tres sistemas de gestión de contenido, Joomla ofrece la solución más fácil a la hora de crear una red social. Con plataformas como EasySocial y JomSocial, estás a solo minutos de tu sitio 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 es el Content Management System 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 utilizado del planeta, pero no es uno de los preferidos entre los principiantes. Para construir con éxito un sitio "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 pasito a pasito con WordPress


Para este método, usaremos WordPress como nuestro ejemplo. De momento ya deberías tenery un nombre de dominio registrado.



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


Los servicios de alojamiento web normalmente 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 bien Fantastico.


Algunos distribuidores de hosting (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 encontrar el título que incluye 'WordPress'.



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 click en Softaculous y después haga clic en 'Instalar' sobre WP para iniciar la instalación.


Aquí viene la parte importante.


Configure las opciones de la próxima 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 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 en cuenta 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 quiere instalar el sitio.
  • Directorio: especifique dónde desea instalar el sitio de WP. 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 comienzo de sesión de su sitio se verá como wp-login.php rastreando la URL del sitio 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 WP.


Hay toneladas de temas listos para emplear 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 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 bellos diseños frontales).


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


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


Aquí quiero sugerir ciertos complementos gratuitos importantes. Busque por sus nombres en el directorio de complementos de Wordpress para localizarlos. Tenga presente que instalar solo un complemento de cada categoría es suficiente.


  • Para SEO: posicionamiento web 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 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 sitio, aún necesitará crear algo, incluso si emplea un gran tema. Hay un montón de generadores de logos increíbles, pero echaría un vistazo a. Son un servicio pago, pero lo mejor es que ofrecen costes escalonados. Esto quiere decir que sencillamente puede pagar por lo que necesita: solo un logo en formato web, o bien aun puede inscribirse en un kit de marca completo que incluye formatos para múltiples plataformas.



También lea -



Paso 4: ¡Estás listo!


Su sitio ha de 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 lugar y el lema.
  • En 'Configuración> Lectura': lo que debería mostrar su página de inicio y cuántas publicaciones de blog quiere enseñar en una 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 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 esparcidos en internet - cubiertos por Disha; Pero no todos pueden satisfacer las necesidades.


Los siguientes 3 son los creadores de sitios web 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 500 + plenamente personalizables clasificadas en varias categorías. Por tanto, es bastante seguro que encontrará uno que se adapte a .


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


El único inconveniente es que hay anuncios en el lugar en el plan gratis de Wix. diseño de páginas webs responsive en canet deshacerse de él al actualizarlo a su plan Combo, que le permite volver 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 empleo. 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 alterar.


El constructor Arrastrar y soltar es más fácil de emplear, mas en ocasiones 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 pasito a pasito 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 dólares americanos 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 - Combo. El plan Wix Combo ( dólares americanos ochocientos cincuenta / mes) cuenta con un nombre de dominio gratuito, más recursos de CPU y sin anuncios Wix.



Paso 2: Escoge una plantilla


Wix te preguntará cómo quieres crear un sitio. 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 tanto más, pero de la mejor forma, ¡el autor de sitios!


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


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



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


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


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 para editar el bloque o bien moverlo a otro lugar.



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 las funciones. Es tu llamada.


Se recomiendan varios retoques más.


Vaya a su 'Panel de Wix> Administrar 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 web estará listo.


Preguntas frecuentes sobre cómo hacer un sitio web


GoDaddy tiene planes construidos cerca de su creador 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 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 sitio, es exactamente lo mismo que, lo primero que debe abordarse es su intención. Lo que quiere que sea o bien logre su sitio 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 solo unas pocas horas, al paso que los sitios más grandes y complejos pueden tardar múltiples meses.