Cómo construir un sitio web

Estoy escribiendo esta respuesta a través de mis experiencias de más de 5 años.

Esta respuesta es para los estudiantes que buscan la forma más fácil de crear su propio sitio web en solo unos pocos pasos.

Empecemos :

Paso 1: Dominio: el primer paso es pensar un hermoso nombre de dominio. Dominio es el nombre dado a su sitio, es decir. www.techunboxin.com

Paso 2: Hospedaje : ahora compre hospedaje para su dominio. El alojamiento es el servicio que permite que su sitio web se vea en Internet. Bluehost es la mejor, más grande y confiable compañía de hosting del mundo. Cuesta solo $ 3.95 / mes. Después de registrarse en bluehost y comprar hosting, ya está casi listo para lanzar su sitio web.

Paso 3: CMS : no necesita experiencia en programación para crear un sitio web. Hurra! Puede utilizar el CMS más utilizado en el mundo, WordPress para crear su sitio. Aquí está el tutorial completo sobre cómo puede desarrollar su propio sitio web utilizando WordPress.

Paso 4: indexación: una vez que haya terminado con eso, ahora debe indexar su sitio al motor de búsqueda (Google, Bing) para que sea visible para los resultados de búsqueda de Google.

Paso 5: SEO : aprenda los conceptos básicos de SEO (optimización de motores de búsqueda) para que su sitio se vea en la primera página de google.


Gracias 🙂

Apreciado por los votos a favor 🙂 Esto me mantiene en marcha 🙂

Mi respuesta similar |

Construir un sitio web es una de las mejores experiencias. Es una convergencia de creatividad, tecnología y servicio. Así que felicidades por embarcarte en el viaje. A continuación se muestra un nivel muy alto de los 3 pasos principales. Si tiene preguntas, hágamelo saber.

  1. Creatividad
    Antes de comenzar a construir necesita un plan y una meta en mente. ¿Está creando un sitio informativo, blog, comercio electrónico o software web?

    Tome un papel y un lápiz y comience a dibujar su página de inicio. Cómo se ve? ¿Qué hace? ¿Qué información habrá allí?

    Ahora piense en la arquitectura o el esquema de su sitio. ¿Cuántas páginas tendrá? ¿Cómo se organizarán las páginas?

    Tendrá que pensar en un nombre de dominio. O la ubicación de su sitio en Internet como https://bootstrapcreative.com

  1. Tecnología
    Esta etapa puede parecer abrumadora, pero no te preocupes. Lo aprenderás a medida que avanzas. Solo recuerde, en un nivel básico, un sitio web es solo un montón de archivos de texto que están vinculados entre sí. Entonces, si puede escribir y organizar documentos de Word, puede aprender a hacer lo mismo con documentos / páginas web.

    – Compre un nombre de dominio y alojamiento de sitios web.
    – Aprenda HTML, CSS y diseño de página para crear un sitio web
    – Comience a agregar sus archivos a un servidor utilizando un programa FTP (protocolo de transferencia de archivos)
    – Ingrese su dominio en un navegador web y vea su nuevo sitio web

  1. Servicio
    Ahora que su sitio está publicado. Tienes que pensar en su utilidad. ¿Es útil y útil para las personas que lo usan? ¿Alcanza los objetivos que se propuso alcanzar en la etapa de creatividad? Si no, ¿qué puedes mejorar?

    – Lo que puede aprender en esta etapa es SEO o optimización de motores de búsqueda, usabilidad y optimización de tasa de conversión
    – También deberá utilizar Google Analytics para buscar formas de mejorar su sitio web.
    – Póngase el sombrero de webmaster y realice adiciones, eliminaciones y mejoras a su sitio web con el tiempo.

Resumen

Aprender a construir un sitio web es algo que parecerá imposible, pero si lo divide en pasos más pequeños, se sorprenderá. Aprende cómo hacer un sitio feo primero. Luego, aprenda las habilidades necesarias para hacer que sus sitios sean más complejos y visualmente más atractivos.

¡Te deseo lo mejor y no te rindas!

Vota por favor si encuentras útil mi respuesta. Además, consulte mi libro si desea aprender a construir un sitio web con Bootstrap 4.

¿Cómo construyo un sitio web?

Lo más simple es instalar un sitio web de WordPress. Sin embargo, piense primero en las cosas para asegurarse de tener una hoja de ruta de dónde quiere ir y qué quiere lograr con su sitio web. Aquí hay algunos consejos para ti;

Tipo de sitio web.

Identifique el tipo de sitio web que construirá. ¿Vas a crear un sitio web cuyo objetivo principal sea vender bienes o productos electrónicos? ¿Su sitio estaría compuesto por enlaces de afiliados o venderá su propio servicio o producto? ¿Su sitio web será principalmente informativo por naturaleza con el sentido de anuncios de Google y otras formas de publicidad o será puramente visual con poco o ningún contenido?

Identificar el tipo de sitio web que va a crear hará que el siguiente paso sea fácil de identificar.

Basado en nicho.

Atrás quedaron los días en que todo lo que un web master necesitaba hacer era llenar su sitio web con enlaces que condujeran a todo tipo de productos y servicios. En el mundo actual de Internet, no puede tener éxito en la construcción de un sitio web diseñado en forma de centro comercial con todo tipo de bienes y servicios.

Internet se está convirtiendo cada vez más exponencialmente en una súper autopista especializada. Solo aquellos sitios web que pueden distinguirse a sí mismos como autoridades en un área determinada están preparados para cosechar los beneficios de los negocios en línea.

Comience identificando un nicho rentable sobre el que disfrutará escribiendo, identifique un área en la que ya tenga experiencia, tenga pasión o se sienta cómodo aprendiendo.

Solo crea un sitio web en un área o nicho en el que creas.

Investigue su mercado.

No es suficiente desarrollar y construir un sitio web basado en su fortaleza y debilidad. Se debe tener cuidado de investigar un poco más sobre el potencial y la rentabilidad de ese campo dado.

Existen excelentes herramientas en la red que le permitirán crear un nicho rentable, esas herramientas también mejorarán su investigación al aclarar las frases exactas que sus visitantes potenciales escribirían en los motores de búsqueda en circunstancias normales. su búsqueda de información.

Nombre de dominio y hosting.

Se debe tener cuidado al elegir el nombre de dominio y la empresa de alojamiento para su negocio en línea. Una búsqueda en cualquiera de los principales motores de búsqueda de la frase “cómo elegir un nombre de dominio” o “alojamiento web” devolvería toneladas de artículos escritos que nos aconsejan sobre qué hacer y qué no hacer en cuanto a elegir un dominio el nombre o el proveedor de host se refiere.

Contenido de calidad.

¿Alguna vez ha escrito la frase exacta de una palabra clave determinada mientras buscaba información en cualquiera de los principales motores de búsqueda solo para terminar frustrado con los resultados que se muestran después de intentarlo varias veces? Los motores de búsqueda y la sed de tráfico humano de información, información de gran calidad.

Puede obtener más información sobre el uso de WordPress como un curso en línea llamado WordPress Essentials. Aquí hay un enlace donde puede obtener una vista previa del curso y obtener un descuento http: //themarketingacademy.usefe

Básicamente se reduce a 2 opciones:

Opción n. ° 1 : utilice un creador de sitios web o una plataforma como WordPress o Squarespace.

Aquí hay un diagrama de flujo que he creado recientemente para ayudar a los principiantes a elegir el mejor constructor / plataforma de sitios web – Cómo crear un sitio web: La guía definitiva para principiantes [Infografía]:


Esta opción es perfecta para aquellos que:

  • planea hacerlo tú mismo (bricolaje)
  • crear un sitio web pequeño o simple (blog, pequeña empresa, personal, etc.)
  • tener un pequeño presupuesto
  • desea que su sitio funcione de manera rápida y fácil
  • no sé codificar y no planeo aprender

Opción # 2 : crea un sitio web desde cero:

  • Programación / desarrollo web de aprendizaje : si está interesado y tiene tiempo para aprender HTML, CSS, JavaScript y más, aquí hay otra infografía con enlaces y recursos que pueden ayudarlo a comenzar: ¿Qué lenguaje de programación debo aprender primero? [Infografía]
  • Contratación de desarrolladores web : si tiene un gran presupuesto. Puede encontrar freelancers en línea en elance.com y otras firmas freelance / diseño web. Por supuesto, también puede encontrar empresas locales de TI o desarrolladores web.

Por lo tanto, la respuesta varía mucho según su presupuesto, tipo de sitio, limitación de tiempo y más.

¿Debo usar WordPress para mi sitio web?

Puede crear entornos locales capaces y limpios con WordPress sin tener que utilizar un montón de codificación. Una vez que esté bien con WordPress, puede hacer en una semana o al final de la semana lo que podría llevarle un mes o más para codificar sin ninguna preparación. La programación de WordPress, una vez introducida en un servidor, proporciona una gran cantidad de dispositivos para construir y supervisar sitios increíbles.

WordPress funciona mejor para tipos específicos de destinos. Las carteras individuales, los diarios en línea y los destinos de folletos, por ejemplo, son súper simples con WordPress. Debido a todos los módulos de WordPress creados, también puede construir efectivamente locales de negocios en línea, hojas de trabajo, comunidades informales y otros destinos personalizados. A pesar de que más diseñadores buscan utilizar WordPress como un sistema de aplicación; Sea como fuere, este es un caso de uso menos creado para WordPress en este momento.

¿Cuándo debo usar WordPress?

Para sitios súper básicos, WordPress es un exceso inútil. Es ideal para codificar comenzando sin ayuda externa utilizando un CMS menos difícil como Perch o un dispositivo de mejora liviano como Jekyll. Puede utilizar WordPress fácilmente o contratar WP Hound para todas sus necesidades.

Para los destinos complejos que requieren excesivamente inclinarse, ajustar y piratear para hacer que WordPress sea un arreglo adecuado, debe investigar la construcción del sitio desde el principio, probablemente dependiendo de JavaScript y dialectos de programación de fondo como PHP u otros lenguajes de desarrollo.

La mayoría de los diseñadores de sitios que utilizan WordPress actualmente ejecutan destinos fundamentales, aquellos con páginas estáticas, un blog o área de noticias, algún tipo de sustancia personalizada y una variedad de elementos normales como presentaciones de diapositivas, estructuras de contacto y el cielo es el límite desde allí. Los módulos de WordPress manejan esos componentes sin ningún problema. Puede hacer una sustancia personalizada y repartirlos en sus propios campos y elecciones particulares. Esto ayuda cuando su sustancia no encaja en el título predeterminado y las opciones de sustancia que ofrece WordPress para entradas de blog y páginas estáticas. A menos que su tema acompañe a una sustancia personalizada, por supuesto, debe activar un par de módulos y codificar algunos formatos para incorporar la sustancia personalizada en su sitio de WordPress.

¿Debo usar WordPress para mi sitio web? – WP Hound

Iniciar un sitio web / blog se ha convertido en un proceso muy fácil. Incluso alguien sin experiencia técnica en absoluto podría hacer un sitio web. El único requisito es que debe conocer todas las herramientas que requiere esta tarea. Antes de comenzar a trabajar en nuestro sitio web, necesitamos estos servicios, un paquete de alojamiento, un dominio y un script. Estas tres cosas son los componentes básicos de su sitio web. No se preocupe, estos no son tan complicados de aprender como suenan. Trataría de explicar qué significa todo y por qué lo necesitamos para nuestro sitio web.

Un script es una pieza de software que requiere ser instalado o alojado en un servidor de hosting para poder funcionar. Script es básicamente un sitio web completo. Para lograr la funcionalidad y el estilo deseados del sitio web, editamos su secuencia de comandos. Es una casa en la que el dominio sirve como puerta y el paquete de alojamiento como base. Por lo tanto, sabe que el paquete de alojamiento es obligatorio para que se ejecute su secuencia de comandos y solo un proveedor de alojamiento puede cumplir este requisito. Te darían suficiente espacio y ancho de banda para configurar tu Script. Para comprender mejor esto, considere que su sitio web es una pieza de software y para instalarlo, necesita una computadora que esté conectada a Internet. Eso es todo lo que es un servicio de alojamiento. Alquilan sus computadoras dedicadas únicamente a este propósito. Ahora sabes sobre dos cosas cruciales. Por último, necesita un nombre para su sitio web. El término técnico del nombre del sitio web es “Dominio”. Facebook es un nombre, pero Iniciar sesión o Registrarse es un dominio. El dominio es como un puntero o un letrero que apunta o redirige a los usuarios hacia su script. Los nombres de dominio son únicos. No puede haber dos Iniciar sesión o Registrarse o Google. Su nombre de dominio puede ser lo que quiera. Sin embargo, recomendaría obtener un dominio similar a su nombre comercial o relevante en la mayor medida si un dominio similar no está disponible. Por ejemplo, si tiene una tienda llamada “Family Bakers”, intente buscar familybakers, com, familybakers, in o family-bakers, com.

WordPress, Joomla y Drupal son los mejores scripts gratuitos y de código abierto disponibles que puede elegir para su sitio web. WordPress es realmente fácil de configurar y no tiene una curva de aprendizaje pronunciada. Todo se explica por sí mismo. Es tan poderoso como flexible. Puede hacer un foro, plataforma social, blog o incluso una tienda de compras en línea con WordPress. Si quieres seguir mi consejo, ve con WordPress. Sin embargo, Joomla y Drupal también son muy poderosos pero tienen una curva de aprendizaje empinada. Como principiante, WordPress puede poner en marcha su sitio web en solo 5 minutos. El proceso de configuración de WordPress es extremadamente fácil y no necesita habilidades técnicas. Te sorprendería el hecho de lo fácil que puede ser ver tu sitio web / blog en vivo.

¿Deberías contratar a alguien o hacerlo tú mismo?

Ventajas de contratar profesionales

  • Le ahorra esfuerzo y tiempo, y eso es todo.

Contras

  • Podría ser caro
  • Tendría que depender de cualquier cambio futuro
  • No entenderías cómo funciona internet / sitios web

Pros de hacerlo usted mismo

  • Te ahorra mucho dinero
  • Podrías aprender ABC de la web
  • Libertad de personalización
  • Satisfacción
  • Podrías ayudar a tus amigos
  • Incluso si necesita ayuda profesional, podría negociar mejor

Contras

  • Desearía poder decirte algo que valga la pena mencionar

Podrías contratar a alguien si no quieres involucrarte en el proceso pero terminarías arrepintiéndote algún día. Siempre te recomendaré que lo hagas tú mismo. Es una habilidad que vale la pena adquirir.

¿Dónde comprar paquete de alojamiento y dominio?

El paquete de dominio y alojamiento se puede comprar por separado a tiempo y desde diferentes sitios web. Pero, como principiante, te aconsejo que compres ambos juntos en un solo sitio web. Puede ahorrarle mucho esfuerzo y dolor de cabeza. Porque, si compra hosting de uno y dominio de otra compañía, se requiere cierta experiencia para configurar ambos entre sí. Por lo tanto, si se compran juntos, vienen preconfigurados.

El servicio de alojamiento y nombre de dominio no es tan costoso como la mayoría de los usuarios piensan. Puede obtener un dominio por tan solo $ 12- $ 15 por año o incluso más barato si lo compra con un ciclo de facturación de más de un año. Siempre recomendaría comprar hosting con un ciclo de facturación mínimo de dos años. Cuanto más grande sea su ciclo de facturación, más barato será su paquete de alojamiento y por “más barato” me refiero a hasta un 50% más barato. Otro beneficio es que puede olvidarse del proceso de renovación para los próximos 2-3 o 4 años, dependiendo de la duración de su ciclo de facturación. Quiero aconsejarle que compre su dominio y alojamiento con el mismo ciclo de facturación. Sería mucho más fácil renovar ambos servicios juntos que uno tras otro.

Existen numerosos sitios donde puede comprar su dominio y paquete de alojamiento, pero personalmente recomiendo y uso Hostgator ya que son económicos y puede aprovechar grandes descuentos en combos (Dominio + WordPress Hosting). He estado usando Hostgator para mis sitios web desde 2012 y nunca tuve ningún problema con el tiempo de carga de la página o la respuesta del servidor. Hostgator garantiza un tiempo de actividad del 99.99% y los paquetes de hosting vienen con una garantía de devolución de dinero de 45 días, lo que significa que puede esperar un servicio decente. También tienen un servicio de soporte 24/7 disponible para ayudarlo en caso de que tenga algún problema grave. La mayor ventaja es que Hostgator le proporciona un cPanel de back-end. cPanel viene con una serie de herramientas útiles para su sitio web, una es que puede instalar WordPress directamente desde su cPanel.

Ahora que ha empleado el conocimiento básico de lo que necesita un sitio web y cómo funciona, procedamos con un tutorial sobre cómo configurar todo esto y hacer que su sitio web esté en vivo para que todos lo vean.

Este es el enlace para Hostgator donde puede comprar un paquete de dominio y alojamiento optimizado para el script de WordPress.

Después de abrir este enlace, debería ver una página similar a esta:

Plan de negocios: puede agregar hasta 3 dominios, es decir, 3 sitios web. 500k usuarios pueden visitar su sitio web en un solo mes o un solo usuario puede visitar 500k veces, lo cual es muy poco probable. También obtendría un espacio de 3 GB para hacer una copia de seguridad de sus sitios web.

No hay restricciones sobre qué plan elegir. Vaya con cualquier plan que encuentre más adecuado para su sitio web. Por el bien del tutorial, elijo el Plan Estándar.

Después de elegir el plan ideal, debería ver una página como esta:

Aquí puede buscar cualquier dominio que desee elegir para su sitio web. Voy con “panaderos familiares, com”. Intenta ingresar el nombre de su empresa o cualquier nombre relevante. Siempre puede reemplazar su antiguo nombre de dominio por uno nuevo, pero eso puede arruinar su clasificación de Google. Por lo tanto, intente hacer la selección del dominio “una vez en la vida”. He seleccionado “panaderos familiares, com”. Ahora, si te desplazas un poco hacia abajo, verías otro panel como este:

Debería ver su plan elegido frente a # de blogs . Confirme que es similar a lo que eligió en la página anterior. Seleccione el Ciclo de facturación que encuentre correcto. Recuerde, cuanto más grande sea su ciclo de facturación, más barato será su paquete de alojamiento. Ingrese el PIN de seguridad preferido. El pin es útil al contactar al servicio de atención al cliente. Ayuda a verificar la propiedad de su sitio web, de lo contrario, cualquiera podría contactar al servicio de atención al cliente para reclamar su propiedad. Avanzando más, desplácese un poco hacia abajo e ingrese su información de facturación en un panel que se ve así:

Cuando haya terminado con todos los pasos anteriores, también puede comprar cualquier servicio adicional que considere útil:

No es obligatorio comprar estos servicios, pero podrían ayudar a mantener seguro su sitio web. Voy a comprar la Protección de Privacidad del Dominio. Mantendría su propiedad discreta. Nadie sabría quién es el propietario de este sitio web. Pero puede omitir esta parte si no le concierne. Otros dos servicios han sido incluidos de forma gratuita por Hostgator. Avanzar hacia el panel Código de cupón :

Tengo algunos códigos de cupón para usted, pruébelos para obtener descuentos decentes. Solo puede usar un código por pedido.

25MODEL SPRING2017 SNAPPYW579

Desplácese un poco hacia abajo y avance hacia el panel Pagar :

Confirme que todo se ve bien. No debe mencionarse nada que no haya comprado. Si todo parece estar bien, marque He leído y acepto … ¡ y haga clic en Pagar ahora! botón. Hostgator puede pedirle que se registre. Simplemente haga eso y recibirá un correo electrónico, que incluiría todos los detalles del back-end cPanel de su sitio web y su cuenta hostgator. Necesitaría cPanel para instalar WordPress o cualquier otra secuencia de comandos que desee instalar en el futuro.

Revise su correo electrónico que utilizó durante la compra. Debería recibir un correo electrónico con todos los detalles que necesita para acceder al back-end de su sitio web. Debería verse algo así:

Use su URL de cPanel para acceder al back-end de su sitio web e inicie sesión con su Nombre de usuario y Contraseña proporcionados debajo de la URL de cPanel. También puede iniciar sesión en cPanel utilizando la dirección IP o URL temporal (URL larga con / cpanel escrito al final). No importa el nombre de usuario y la contraseña de FTP. No necesitamos eso en este tutorial.

Nota: A veces, su dominio y alojamiento pueden tardar hasta 1-2 horas en funcionar después de la compra. Entonces, si está intentando acceder a cPanel inmediatamente después de la compra. Prefiero usar URL temporal durante 1-2 horas.

El área de cPanel debería verse así:

Ingrese sus credenciales de inicio de sesión como mencioné anteriormente y haga clic en el botón Iniciar sesión . Con suerte, has iniciado sesión ahora:

No se confunda después de mirar estas opciones. Solo vamos a seguir el guión. Vamos a usar Softaculous para instalar el script de WordPress. Softaculous es un instalador de scripts de un clic que viene preinstalado con su cPanel y no requiere configuración adicional. Podemos usarlo para instalar casi todos los scripts de código abierto como WordPress, Joomla, Drupal, PrestaShop, phpBB, etc. Entonces, deambule o simplemente use la barra de búsqueda para encontrar el Instalador de aplicaciones Softaculous :

Cuando vea el Instalador de aplicaciones Softaculous , haga clic en él y espero que vea una página similar como esta:

Deberías ver WordPress aquí. Por lo general, está disponible en la primera página, ya que es el script más utilizado para sitios web / blogs. Sin embargo, si no puede verlo, simplemente use la barra de búsqueda a la izquierda o haga clic en la pestaña Blogs . Soy muy optimista de que encuentres WordPress. Cuando lo haga, haga clic en abrirlo y debería aparecer una página de instalación como esta:

Supongo que todo se explica por sí mismo en esta página. Ahora no necesita buscar en ningún otro lado y presionar con calma el botón Instalar ahora . Te llevaría a otra página como esta:

Elija su dominio principal que va a utilizar para su sitio web. Por ejemplo, elegiría “family-baker, com” aquí.

Cosas para confirmar:

  • En la barra Elegir protocolo , no seleccione https: // a menos que haya comprado un certificado SSL de compras adicionales. Por el bien de este tutorial voy a usar el protocolo http: // .
  • Si tiene algo escrito en la barra de In Directory como wp o algo así, debe eliminarlo todo. Mantener en la barra del directorio completamente en blanco.

Ahora, después de confirmarlo todo, desplácese hacia abajo:

En el Nombre del sitio, ingrese el nombre de su sitio web y use la Descripción del sitio para ingresar una descripción o etiqueta de su negocio, si tiene alguno, de lo contrario, deje esto vacío. Habilitar Mulisite (WPMU) debe permanecer sin marcar aquí.

Si mira hacia abajo, verá el panel Cuenta de administrador . Llénalo con los detalles deseados. Estos detalles son muy esenciales para usted como administrador. Necesitará este nombre de usuario y contraseña para acceder al back-end de su script de WordPress. Necesita acceso de back-end de WordPress para escribir publicaciones, editar el contenido de su sitio web, editar o cambiar la funcionalidad o incluso cambiar los temas y estilos de su sitio web.

Además, no confunda el back-end de WordPress con el back-end de cPanel. El back-end de cPanel es algo que necesita cuando desea instalar o eliminar los scripts instalados o si ha estropeado algo. No haga ningún escándalo dentro de cPanel, especialmente sin ninguna investigación u orientación. En el lado positivo, no necesitaría acceder a cPanel una vez que haya instalado el script. El 99% del trabajo requiere que uses el backend de WordPress, incluso para hacer una copia de seguridad de tu sitio web.

Avanzando, luego de ingresar sus datos, desplácese hacia abajo:

Elige tu idioma preferido. Tick Limit Intentos de inicio de sesión (Loginizer). Protegería su sitio web de los ataques de fuerza bruta. Luego, ingrese su dirección de correo electrónico. Softaculous enviará una copia de todos los detalles que ingresó a su dirección de correo electrónico. Lo que puede ser útil en caso de que haya olvidado su nombre de usuario o contraseña.

Después de todo, confirme todo lo que ingresó en esta página y luego haga clic en el botón Instalar para iniciar el proceso de instalación. Apenas llevaría 1 minuto y verías una página como esta:

Hay dos URL. Uno es para los usuarios o visitantes de su sitio web, que también se denomina front-end y otro es URL administrativa , también llamado back-end. Como mencioné anteriormente, como administrador y propietario de su sitio web, necesita acceso de back-end para realizar cambios permanentes en su sitio web o para hacer cualquier cosa.

Primero, haga clic en la URL frontal para ver si su sitio web está activo o no:

Con suerte, si puedes ver una página con el nombre de tu sitio web, entonces, ¡Voila!

De lo contrario, espere una hora más o menos y podría aparecer.

Ahora, intente acceder al back-end de WordPress usando su URL administrativa . La página de fondo debería verse así:

Ingrese su nombre de usuario y contraseña para iniciar sesión.

Ahora, me gustaría felicitarte por hacer tu propio sitio web. Puede dejar un comentario en caso de que necesite ayuda.

Este artículo fue publicado originalmente en eCodeHut

¡Hola!

Esta es una pregunta maravillosa sobre la cual todos pueden decir “depende de …”.

Estoy seguro de que ahora muchas compañías comenzarán a ser inteligentes y hablarán sobre el ciclo de desarrollo del sitio, tratarán de mencionar muchos detalles y mostrarán que son verdaderos profesionales. Pero después de todo, la persona que se hizo esta pregunta nunca antes había hecho el sitio y probablemente no comprende qué es el desarrollo de software, qué metodologías existen para administrar este proceso, etc.

Entonces, chicos, dejemos de escribir “amamos a Agile y nuestro proceso de entrega es el mejor”)

En cambio, propongo responder un par de preguntas simples :

  1. ¿Cuánto dinero estás dispuesto a invertir en el desarrollo de sitios web?
  2. ¿Cuándo quieres ver el resultado?
  3. Y, por supuesto, debe trabajar y escribir un poco de información sobre el sitio en sí, en otras palabras, los requisitos))

Si las dos primeras preguntas son claras (volveremos a esto un poco más adelante), escribiré un poco más sobre la tercera:

  1. Intenta describir: ¿para quién es tu sitio?
  2. Estudie a los competidores: esto le dará nuevas ideas y la oportunidad de comprender lo que quiere.
  3. Describa las funciones básicas, es decir, ¿qué quiere ver allí y cómo funciona?

¡Solo entonces comienza a pensar en quién me lo hará! ))

Por supuesto, si el presupuesto no es grande y el sitio no es muy difícil, es mejor que busque el proveedor externo y le confíe este trabajo. Ah, sí, y la forma más sencilla es encontrar un profesional independiente en servicios como Apvork, pero tenga cuidado de no entregar su proyecto a un aficionado y, como resultado, perder lo más valioso que tiene: ¡su tiempo!

Pero si comprende que este es un proyecto a largo plazo y necesita su propio equipo, entonces debe mirar hacia el equipo offshore. Cómo elegirlo Ya escribí aquí: ¿Cómo elegir un equipo de desarrollo offshore?

En resumen, por qué el equipo de desarrollo offshore es una gran idea:

  • es barato. Puede ver alguna comparación aquí: Costo de contratar un equipo de desarrollo: Israel vs. Ucrania. (Se trata más de Israel, pero estoy seguro de que también se puede comparar con su país).
  • es más eficiente
  • Sus riesgos son minimizados

¡Hay muchas compañías que están listas para ayudarlo con esto, pero este es un tema para un tema separado!

En cualquier caso, ¡buena suerte con tus ideas!

PD: Estaré encantado de ayudarlo en cualquier asunto relacionado con TI y desarrollo.

Condicionalmente, el proceso de creación de un sitio web (proyecto web) se puede dividir en 3 etapas:

-Planificación

-Diseño

-Desarrollo

Planificación:

Esta etapa se puede dividir en varias sub-etapas:

-Crear una idea

-Desarrollo de la estructura del proyecto.

-Proceso del diseño del proyecto.

Creando una idea:

En esta etapa, necesitamos determinar el tema del proyecto (sitio, servicio). Además, de acuerdo con el tema elegido, es necesario recopilar los materiales relevantes: texto, gráficos.

Desarrollo de la estructura del proyecto:

Cuando decidimos sobre el tema del proyecto, seleccionamos el material necesario, el siguiente paso sería el desarrollo de la estructura del proyecto. La estructura del proyecto implica las secciones del sitio bajo las cuales se formará el menú de navegación y se construirá el diseño del proyecto. En esta etapa, puede clasificar el material en temas y secciones.

Elaboración del diseño del proyecto:

Después de haber decidido la estructura del proyecto, podemos elaborar un diseño del proyecto (esquemáticamente).

Para dibujar el esquema, puede usar papel y lápiz, Photoshop, cualquier otro editor de gráficos (solía usar Adobe Fireworks). Es importante tener en cuenta que esta etapa no es dibujar el diseño de diseño terminado, sino solo un boceto hecho para comprender cómo el sitio alojará los principales bloques de información, gráficos y otros elementos de diseño.

Elementos básicos de la página:

A menudo, los elementos principales de la página son: que contiene la unidad (contenedor, contenedor), logotipo, navegación, contenido, pie de página (pie de página), espacio libre (de hecho, el espacio libre no es un elemento de diseño, sino el concepto, recordando que al compilar un diseño de página, nuestro proyecto no se verá como un montón de bloques).

Bloque de contenedores:

El rol del contenedor en la página puede ser realizado directamente por el elemento body o el div. El ancho del bloque contenedor puede ser de goma (fluido) y puede ser fijo (fijo).

Logotipo:

Componente de texto o gráfico del proyecto y distinguiéndolo de los demás. El logotipo se encuentra con mayor frecuencia en la esquina superior izquierda de la página o en el medio (según la idea, el diseño).

Navegación:

La barra de navegación principal contiene enlaces a las secciones principales del sitio. La barra de navegación a menudo se encuentra en la parte superior de la página (independientemente de si los elementos de navegación son verticales u horizontales).

Contenido:

El contenido es el componente principal de una página web. Asume un papel de liderazgo en el diseño de la página, por lo que ocupa más espacio, es compatible, además del texto, con gráficos.

Pie de página:

Este elemento se encuentra en la parte inferior de la página y generalmente contiene información sobre el titular de los derechos de autor, información de contacto y legal, enlaces a las secciones principales del sitio (a menudo duplica la navegación principal), enlaces a redes sociales, formulario de comentarios, etc. .

Diseño fijo:

Un diseño fijo implica que, independientemente de la resolución de la pantalla del usuario, su sitio siempre ocupará el mismo ancho.

Diseño de goma:

El diseño “de goma” significa que la página del sitio intentará ocupar todo el espacio disponible en la pantalla del usuario, ajustándose a la resolución.

En este contexto, vale la pena comprender conceptos tales como Diseño web receptivo (RWD) y diseño web adaptativo (Diseño web adaptativo, también conocido como AWD). El primer concepto se ajusta al concepto de “goma” y significa que cuando cambia el tamaño de la pantalla que su sitio se adapta, el segundo concepto implica que cuando diseña, determina los permisos principales (tamaños de pantalla) para los cuales su contenido se adaptará (adaptará) En ambos casos, debe desarrollar no uno, sino varios diseños, que corresponderán a diferentes resoluciones de pantalla. A menudo, se crean 3 diseños para la resolución del iPhone (teléfono Android), iPad (tableta Android) y escritorio.

¿Por qué un diseño “de goma” crea varios diseños y no usa uno?

Cuando se desarrolla una versión móvil del sitio, se intenta llevar el contenido principal a la vanguardia, por lo que a menudo se oculta el menú de navegación, se ocultan grandes pancartas y elementos decorativos, los bloques de contenido generalmente se colocan uno debajo del otro. En un diseño precompilado, puede determinar qué elementos dejamos en el móvil y qué ocultamos.

Rejilla modular:

Antes de elaborar el esquema del proyecto, también es necesario comprender el concepto de una red modular. La cuadrícula modular implica la separación de la página en columnas separadas verticalmente y la construcción del contenido, cuando se desarrolla el diseño del diseño, se encuentra en esta cuadrícula.

También vale la pena señalar que al desarrollar un diseño de página “de goma”, existe el concepto de ancho máximo. Esta declaración se basa en la conveniencia de percibir información. Si suponemos que nuestro sitio no tiene el valor máximo en ancho, entonces, en monitores grandes, la información se ampliará enormemente y no será conveniente leerla. Muy a menudo limitado a un ancho de 1280 píxeles.

Diseños de página web:

Entre toda la diversidad del diseño de una página web, se pueden distinguir cuatro más comunes:

-Navegación en la columna izquierda

-Navegación en la columna derecha

-Navegación en tres columnas.

-Navegación horizontal. En esta etapa, los sitios con este tipo de navegación constituyen la mayoría. La conveniencia de este enfoque se explica fácilmente por el hecho de que en este caso, tenemos más espacio para el contenido que conforma nuestro sitio.

Primero móvil:

Dadas las tendencias de los últimos años, este enfoque ocupa un lugar denso en el desarrollo y diseño de sitios. La tendencia es que casi el 60% de los usuarios de Internet usan dispositivos móviles para acceder a la red, por lo que la regla de buena forma es el desarrollo no solo de la versión de escritorio del sitio, sino también de la versión móvil. Con este enfoque, el desarrollo del diseño del sitio, el diseño y el diseño comienza con la versión móvil, y luego ya se están trabajando en los diseños para otros permisos: bloques, pancartas, elementos de diseño adicionales, etc.

Este enfoque tiene en cuenta casi todo el ciclo de desarrollo, por lo que volveremos a él.

Habiendo dominado todo lo anterior, puede pasar a la siguiente etapa: Diseño.

Diseño:

Después de crear un diseño de proyecto, puede ir directamente a crear un diseño de diseño. En esta etapa, comience con la definición del esquema de color del proyecto.

Una forma de determinar el color principal de un proyecto es crear un panel de ánimo. Para hacer esto, debe escribir todos los sinónimos asociados con el tema del proyecto, y luego cada tipo de sinónimo en la búsqueda de imágenes Google o Yandex. Según las imágenes encontradas, escriba los colores que se encuentran con mayor frecuencia en ellas (qué colores son más grandes). Los colores encontrados constituirán una percepción visual de nuestro proyecto y harán que el usuario tenga los sentimientos apropiados.

Para trabajar con el color seleccionado y crear una paleta de colores de nuestro sitio, puede usar las siguientes herramientas:

-Diseño de esquemas de color 3

Además de elegir un esquema de color, este servicio le permite ver un ejemplo de cómo se verán los colores seleccionados en el sitio

-Adobe Color CC

Este recurso, en contraste con Color Scheme Designer 3, le permite crear paletas también basadas en imágenes descargadas (que, por ejemplo, pueden aparecer en nuestra compilación del panel de ánimo). Además, este servicio tiene un gran archivo de paletas de otros usuarios.

-COLORLOVERS

Una vasta comunidad donde puedes recoger una variedad de paletas.

Es importante tener en cuenta que al elegir colores para una paleta, siempre vale la pena elegir al menos 2 colores contrastantes. Lograr el contraste adecuado entre colores es un requisito previo para que puedas obtener un buen diseño interactivo.

Al trabajar en el diseño de las páginas principal e interna, vale la pena recordar algunos principios básicos.

Elementos del llamado a la acción:

El concepto de llamado a la acción se refiere a elementos interactivos del sitio: botones, pancartas, etc. Estos elementos están diseñados de tal manera que el usuario deba hacer clic necesariamente en ellos. Por ejemplo, puede ser un botón con un llamado a la acción (Push, Buy, Save), un banner brillante con una oferta tentadora, una imagen vívida, etc.

Este concepto encaja bien con el principio de AIDA (Acción de interés de deseo de atracción).

AIDA:

Este concepto se usa con más frecuencia cuando se diseñan las páginas principales, las páginas de recursos compartidos, etc., donde debe impulsar al usuario a una acción particular: suscripción, compra, etc.

-Para llamar la atención

-Interesar

-Un deseo

-Acto

Por lo tanto, el principio de construir un diseño basado en este concepto queda claro: por ejemplo, una imagen brillante, un banner debe atraer la atención del usuario, el mensaje que acompaña al texto debe causar interés y deseo, y la clave final debería ser, por ejemplo, un botón con un llamado a la acción.

Pero este principio no funciona por sí solo sin otros: un esquema de vista de página (la forma más natural de movimiento ocular en la página), guías visuales.

Esquema de diseño de página:

Muy a menudo hay un esquema Z para ver la página. En consecuencia, los elementos de la página generalmente se organizan de la siguiente manera: el logotipo en la parte superior izquierda, el menú en la parte superior derecha, los bloques de información, las imágenes en la parte inferior izquierda, el botón de llamado a la acción en la parte inferior derecha.

Guías visuales:

Las guías visuales se denominan elementos decorativos de la página, que redirigen la vista del usuario de ciertos elementos de diseño, formas, botones, etc. Como guías visuales, puede aparecer la flecha, la dirección de la imagen de la persona, la dirección del índice. dedo, en general, todo lo que luego puede indicar en una dirección u otra.

Marcos:

También vale la pena señalar que a veces, al diseñar un diseño de página, usan los marcos Bootstrap, Foundation, Material Design Lite, que, además de elementos de diseño listos para usar (botones, formularios de entrada, etc.), ofrecen su cuadrícula modular, Fragmentos de CSS (parte del código, marcado, que se puede usar repetidamente) para insertar elementos en la página (los mismos botones, elementos de formulario, etc.) y clases de marcado, así como scripts JS para los elementos interactivos correspondientes.

El uso de estas bibliotecas puede ahorrar una cantidad significativa de tiempo al diseñar un proyecto (diseño, diseño), aunque al mismo tiempo puede hacer que su sitio se vea como otro si usa los elementos de diseño de los marcos tal como están. En función de cada marco, puede encontrar una gran cantidad de temas y páginas de pago y gratuitos, así como desarrollar los suyos propios.

Si no logra desarrollar un sitio web por su cuenta, le recomiendo que se ponga en contacto con la empresa Genico Desarrollo de software web y móvil | Genico LLC. Crearon un sitio web para mi negocio. La empresa Genico – profesionales en el mercado de TI y pueden realizar cualquier idea.

Si no tienes experiencia previa en diseño web, crear tu propio sitio web puede parecer una tarea desalentadora. Si bien es cierto que si necesita un sitio muy grande o complejo, seguramente querrá contratar a un desarrollador, la realidad es que para muchos sitios más pequeños y básicos, es posible que pueda hacer ese trabajo usted mismo mediante el uso de arrastrar y soltar en línea creador de sitios web es decir

Herramienta de diseño web, CMS y plataforma de alojamiento | Flujo web
Arrastrar y soltar Responsive Website Builder
Crear una página web

¿Pero te deja con el control absoluto de tu sitio?

Permítanme compartir los 7 pasos básicos para crear su propio sitio web desde cero.

  1. Hospedar su sitio
    El alojamiento web es como alquilar un departamento o espacio para su sitio web, incluidas las páginas, imágenes, documentos y otros recursos necesarios para mostrar en ese sitio
    El alojamiento web utiliza un servidor web, que es donde coloca esos recursos del sitio web para que otros puedan acceder a través de la Web. Puede crear un sitio web completamente funcional en un host local (es decir, su computadora personal), pero si desea que otras personas puedan verlo, necesitará obtener un host web .
  2. Registrar un nombre de dominio
    Un nombre de dominio es una URL amigable que las personas pueden escribir en su navegador para acceder a su sitio web. Algunos ejemplos de nombres de dominio incluyen:
  • Vurch House | Simple y emocionante
  • Diseño web de About.com: HTML, CSS y desarrollo web
  • La casa Blanca
  • Cartera y blog de diseño de sitios web del diseñador web de Rhode Island Jeremy Girard

Un nombre de dominio proporciona una marca valiosa para su sitio y facilita que las personas recuerden cómo llegar a él.

3) Planificando su sitio web

Al planificar su sitio web, deberá tomar una serie de decisiones importantes:

  • El tipo de sitio que necesitas. ¿Es este un sitio informativo o informativo, un sitio para una empresa o servicio, un sitio sin fines de lucro o impulsado por una causa, una tienda de comercio electrónico, etc. Cada uno de estos tipos de sitios tiene un enfoque ligeramente diferente que influirá en su diseño.
  • Diseño de navegación: la forma en que los usuarios se moverán por su sitio afecta su arquitectura de información, así como la usabilidad general de ese sitio. Planifique las páginas de un sitio, cree un mapa del sitio y desarrolle una estructura de navegación desde allí.
  • Contenido: como dice el refrán, “el contenido es el rey” en línea. La calidad del contenido de su sitio desempeñará un papel importante en su éxito. El contenido es todo lo que contendrán tus páginas, como texto, imágenes, video y más. Antes de comenzar a diseñar o crear páginas, debe tener una estrategia clara para el contenido que esas páginas contendrán.

4. Diseño y construcción de su sitio web

Esta es fácilmente la parte más compleja del proceso de creación de la página web y hay una serie de temas a tener en cuenta en esta etapa, que incluyen:

  • Conceptos básicos de diseño: los elementos del diseño bueno y apropiado y cómo usarlos en sitios web.
  • Aprendizaje de HTML: HyperText Markup Language o HTML son los componentes básicos de una página web. Si bien existen muchas plataformas que codificarán el HTML de una página para usted, lo hará mejor y tendrá mucha más flexibilidad y control si aprende los conceptos básicos de HTML.
  • Aprendizaje de CSS: las hojas de estilo en cascada determinan el aspecto de las páginas web. Aprender CSS te ayudará a cambiar la apariencia visual de un sitio para que coincida con las necesidades de diseño de un proyecto.
  • Editores de páginas web: diferentes editores le permitirán lograr diferentes cosas. HTML y CSS pueden escribirse en editores de texto simples, como el Bloc de notas, o pueden usar software como Adobe Dreamweaver para obtener ayuda con las páginas que está creando. También puede decidir utilizar un Sistema de gestión de contenido para construir y potenciar su sitio web.

5. Publicando su sitio web

Publicar su sitio web es cuestión de llevar las páginas que creó en el paso 4 al proveedor de alojamiento que configuró en el paso 1.

Puede hacerlo con las herramientas propietarias que vienen con su servicio de alojamiento o con un software estándar de FTP (Protocolo de transferencia de archivos). Saber cuál puede usar depende de su proveedor de alojamiento, pero la mayoría de los proveedores deben tener soporte para FTP estándar.

Póngase en contacto con ese proveedor de alojamiento si no está seguro de lo que hacen y no lo hacen.

Aquí hay algunos conceptos básicos sobre FTP:

  • Cómo subir
  • Los mejores clientes FTP para Windows
  • Los mejores clientes FTP para Macintosh

6. Promoción de su sitio web

Una de las formas más deseables para promocionar su sitio web es a través de la optimización de motores de búsqueda o SEO.

Esto se debe a que permite que su sitio sea encontrado por personas que buscan la información, los servicios o los productos que proporciona su sitio.

Querrá crear su contenido web para que sea atractivo para los motores de búsqueda. Además, querrá asegurarse de que su sitio en su conjunto se ajuste a las mejores prácticas de motores de búsqueda.

Otras formas de promocionar su sitio incluyen: el boca a boca, el uso del marketing por correo electrónico, las redes sociales y las formas más tradicionales de publicidad.

7. Mantenimiento de su sitio web

El mantenimiento puede ser la parte más tediosa del diseño del sitio web, pero para que su sitio funcione bien y se vea bien, necesita atención y mantenimiento regulares.

Hay un par de maneras de hacerlo. Hablemos de ellos y veamos los pros y los contras de cada uno:

USANDO CMS

En caso de que no lo sepa, CMS significa Sistema de gestión de contenido. Básicamente es una forma de obtener cosas en un sitio web sin saber cómo escribir una sola línea de código. Ejemplos de esto son WordPress, SquareSpace, Wix y Shopify.

Pros:

  • Simple y fácil de usar
  • No se requiere codificación
  • Barato para publicar en línea

Contras:

  • No hay mucha personalización disponible (a menos que comience a jugar con el código, e incluso entonces no es tan personalizable)
  • Podría tener problemas de rendimiento que no se pueden resolver

Para poner en línea un sitio web basado en CMS, puede obtener un alojamiento barato de 10 $ / año y un dominio de 10 $ / año y estará listo.

Aunque las plataformas CMS son excelentes para algunas cosas, no se pueden usar para todo en Internet. Puede crear hermosos sitios web receptivos para su negocio, blogs, comercio electrónico simple o sitios de membresía. Sin embargo, será casi imposible construir algo muy complejo (por ejemplo, Facebook).

Dicho esto, los uso con bastante frecuencia para sitios muy simples (como mi sitio web personal) y luego cambio a la codificación real para plataformas más complejas (más sobre eso en el siguiente punto).

CODIFICACIÓN DESDE SCRATCH

Esto significa que estarás trabajando en todo . Todo significa:

  • Frontend: la parte de un sitio web que realmente ves. Tomando Facebook como ejemplo, la barra de navegación azul en la parte superior es frontend, la fuente de noticias que se muestra en el medio es frontend, etc.
  • Backend: la parte de un sitio web que no ve y que hace que el sitio web sea realmente funcional. Si el backend no estuviera presente en Facebook, haría clic en el botón “Iniciar sesión” y no pasaría nada. Haga clic en el botón “Publicar” y su actualización no se publicará. El backend es lo que sucede detrás de escena.

Pros:

  • Altamente personalizable. Tú eres quien escribe cosas desde cero, eres el que tiene control total sobre lo que sucede
  • Más diversión (en mi humilde opinión)
  • Puedes controlar el rendimiento de tu oficio

Contras:

  • Tardará mucho más en hacer y necesita tener habilidades de codificación previas
  • Más caro poner en línea
  • Se necesita poner más trabajo en el mantenimiento

Poner en funcionamiento un sitio web personalizado será un poco más caro en comparación con una solución CMS. Deberá usar lo que se conoce como VPS y estos tipos pueden costar entre 5 $ / mes y 1000 $ / mes. Esto ya lleva el costo de inicio a al menos 70 $ / años (dominio + 12 meses de VPS) frente a 20 $ / año de un sitio web de WordPress.

Si desea aprender cómo hacer cualquiera de estos, todo se reduce a su preferencia. ¿Te ves creando grandes aplicaciones con mucha interacción del usuario?

En ese caso, podría ser mejor para usted aprender a codificar desde cero. Comience desde HTML y CSS y luego amplíe a JavaScript. Mi recurso gratuito favorito es FreeCodeCamp.

HTML + CSS + Javascript = Frontend

Una vez que tenga una base de interfaz sólida, puede comenzar a buscar en el backend. Hay varias tecnologías con las que puede comenzar. Mi favorito es Ruby on Rails.

De lo contrario, si desea centrarse en sitios web y blogs más simples, definitivamente vaya y aprenda WordPress. Hay una tonelada de recursos disponibles para usted. Cuando comencé a aprender WordPress, lo primero que hice fue instalarlo localmente en mi computadora (para ahorrar algo de dinero del dominio y el alojamiento). Aquí tiene una guía: Instalación local de WordPress – Muro de diseñadores web – Tendencias de diseño y tutoriales.

Juegue con él e intente construir cosas simples subiendo la escalera.


Soy Andrea y soy desarrollador, emprendedor y, sobre todo, fabricante. Aprende más sobre mí en MeetAndreaRocca.

Primero, necesita saber en qué plataforma tiene que crear su sitio web y qué tipo de funcionalidad necesita usar en eso. Solo menciono aquí algunas plataformas en las que puede desarrollar su sitio web.

La base de LetsNurture se basó en dos cosas. Uno, pensamiento innovador. Y dos, cuidado. Cuando las ideas y recetas estereotípicas para su negocio fallan, LetsNurture viene a su rescate. Creemos en proporcionar soluciones de TI que den una transformación empresarial notable a las marcas. Nuestra empresa ha ofrecido ideas y soluciones para los siguientes dominios y tecnologías:

  1. HTML5
  2. PHP
  3. Magento
  4. WordPress
  5. Joomla
  6. Drupal
  7. Yii
  8. Comercio OS
  9. Zencart

    Háganos saber según sus requisitos y envíenos un correo electrónico [correo electrónico protegido]

1: Elija la plataforma de su sitio web

2: encontrar un nombre de dominio y host

3: configuremos y modifiquemos su sitio web

P.ej:

Instalar WordPress;

  • Accede a tu cuenta de alojamiento.
  • Ve a tu panel de control.
  • Busque el icono “WordPress” o “Sitio web”.
  • Elija el dominio donde desea instalar su sitio web.
  • Haga clic en el botón “Instalar ahora” y obtendrá acceso a su nuevo sitio web de WordPress.

Elegir un tema / plantilla para su sitio. Aquí le mostramos cómo encontrar un tema que le guste:

  • Inicie sesión en su panel de WordPress
  • Acceda a temas GRATUITOS
  • Instala tu nuevo tema

¿Cómo agrego contenido y creo nuevas páginas?

Agregar páginas al menú

Si desea vincular su nueva página en su barra de navegación,

  • Guarde los cambios que haya realizado en la página haciendo clic en “Actualizar”
  • Haga clic en “Apariencia” -> “Menús” en la barra lateral del Panel de WordPress
  • Busque la página que creó y agréguela a la lista haciendo clic en la casilla de verificación junto a ella y luego en “Agregar al menú”.

Hoy en día, crear sitios web se ha vuelto mucho más fácil debido a muchos CMS, entre ellos me gusta WordPress y me gustaría recomendarlo.

Para crear un sitio web con WordPress, en primer lugar, debe elegir un tema bien diseñado y para ello tendrá la oportunidad de elegir.

Dependiendo de sus objetivos, si desea mostrar imágenes en su sitio web, puede crear una galería impresionante utilizando dicho complemento . Incluso podría mostrar videos de YouTube y Vimeo en su sitio web si desea nuevamente crear galerías.

Puede proporcionar información para cada imagen o video agregando título y descripción que absorberán a los visitantes de su sitio web.

También puede agregar un control deslizante atractivo a su sitio web que captará la atención de sus visitantes y les hará navegar una y otra vez. Nuevamente, hay muchos complementos de este tipo que son fáciles de usar y lo ayudarán a crear un control deslizante en cuestión de minutos, lo que le permitirá insertarlo en una página, su tema o un widget similar en la barra lateral de su sitio web.

Si desea que sus visitantes o clientes se contacten con usted, puede crear la página Contáctenos con un formulario bien diseñado y nuevamente puede hacerlo con dicho complemento .

Además, casi todos los complementos y temas en el directorio de WordPress se pueden personalizar fácilmente, por lo que si tiene algunas habilidades de codificación, puede hacer cambios y personalizarlos para que sean completamente coherentes con el diseño de su sitio web y sus necesidades.

Una de las mejores características de WordPress es que es gratis, así como los complementos y temas que están disponibles allí, tiene versiones gratuitas y premium (de pago).

Entonces podrías intentarlo 🙂

Entonces, básicamente, quieres que tu blog se convierta en un sitio. Lo primero es ¿quieres conservar tu contenido anterior? o quieres comenzar de nuevo. Esto es importante porque personalmente recomiendo a las personas que usen WordPress si estaban blogueando en blogspot u otros similares. La razón es que no tendría control total sobre cómo desea que se vea el sitio. Usando wordpress obtendrás complementos para cada necesidad que tengas. y su código abierto, puede modificar temas y diseñarlos como desee. Para temas premium, sin embargo, debe comprar la licencia.

Mientras tanto, deberá elegir un nombre de dominio como http://www.gourmetlessons.com para poder comprar el nombre en registradores de dominio como godaddy u otros similares. consulte las tarifas básicas / tarifas de renovación anual de cada una de ellas, porque si se siente atraído por alguna oferta y selecciona un registrador de dominios porque están poniendo un precio con descuento, aún tendrá que pagarles el monto de la renovación cada año, lo que podría ser alto. Te estoy informando de esto porque tener un sitio cuesta dinero, y si no lo tomas en serio, te sugiero que vayas con la plataforma de blogs actual que utilizas. Si te tomas en serio los blogs y tienes un plan de cómo llegar a la gente, puedes monetizar el blog fácilmente.

Después de comprar el nombre de dominio, debe comprar un espacio de alojamiento (es decir, el espacio donde, cuando carga una imagen, se guarda la imagen). Debe vincular su espacio de alojamiento con el dominio que ha comprado para que cuando llegue a la URL, redirija a los archivos que ha puesto para su sitio web (presente en su cuenta de alojamiento). Compre espacio de alojamiento de algún proveedor decente y no vaya a “crear un sitio web con herramientas gratuitas con godaddy” o algo así. Godaddy tiene un muy mal servicio de alojamiento. Para el registro de dominio es genial.

Algunas respuestas han sugerido usar WIX u otras herramientas. No sugeriría eso, ya que limita el diseño del sitio web. Puede que no funcione exactamente / se parezca a lo que tenía en mente. Entonces depende de ti. Si está de acuerdo con los sitios creados por esas herramientas, puede optar por eso. Por ejemplo, teníamos un cliente que no estaba contento con su sitio actual de wix ( http://uaeprojects.wix.com/uaeus ). Le habíamos construido un nuevo sitio nuevo con WordPress y estuvimos bastante contentos con el diseño. ( http://uaessay.com/ )

En su cuenta de hosting, puede configurar WordPress CMS y comenzar a bloguear como de costumbre.

Nosotros en Omzeppelin – Diseño e ingeniería – Diseño de interfaz – Imprima sitios de compilación y personalice temas y complementos de WordPress. Puede consultar el blog Mintsin ( http://mintsin.blogspot.com/ ) que ahora está disponible en http://midorikittykitty.com/ en un aspecto mucho mejor, con scripts de monetización incluidos. Envíe un correo electrónico a [correo electrónico protegido] si desea discutir algo.

La respuesta a esta pregunta varía mucho según su definición de “sitio web completo”.

En general, necesitas:

  1. Determine el propósito de su sitio.
  1. ¿Qué estás tratando de sacar de eso? ¿Se supone que es una cartera en línea para ayudarlo a conseguir un trabajo? ¿Es para que la abuela pueda compartir fotos y recetas con el resto de la familia? ¿Es para hacer un seguimiento del récord de competencia del equipo deportivo de tu escuela secundaria? ¿Es para dejar que tu banda publique anuncios para los fanáticos?
  2. ¿Quién es el público? ¿En qué tipo de contenido estarían interesados? Si se trata de un sitio de cartera, los posibles empleadores son su audiencia. Probablemente quieran ver su CV y ​​otros indicadores de sus habilidades profesionales. Si se trata del sitio web de un consultorio médico, la audiencia probablemente será pacientes que buscan programar citas, encontrar direcciones, etc. o buscar asesoramiento médico en línea.
  3. ¿Cuáles son las características imprescindibles del sitio para que pueda cumplir su propósito?
  • Determine la arquitectura de la información y diseñe la UX del sitio. Utilice esquemas de alambre y bocetos de diseño de interacción para responder / aclarar lo siguiente:
    1. ¿Cuál es el contenido más importante para tu público objetivo? Probablemente sea lo más fácil de encontrar o lo primero que vean.
    2. ¿Tienes diferentes segmentos de audiencia? Si es así, ¿cuál es una forma lógica / intuitiva de dirigir cada uno al contenido que están buscando?
    3. ¿De qué otra forma puedes organizar tu contenido para que sea fácil de acceder / usar?
    4. ¿Cuáles son los flujos de usuarios típicos que espera? Una vez que un usuario abre la página de destino, ¿qué secuencia de acciones se supone que tiene lugar?
  • Ahora que tiene una buena idea de cómo debe verse estructuralmente el sitio web, ¿cuál es la forma más fácil de construirlo?
    1. ¿Puede construirlo sin escribir una sola línea de código simplemente usando un servicio web como WordPress.com, Wikia, Etsy.com, eBay, Amazon, Google Pages, Medium, Tumblr, etc.?
    2. ¿Necesita más flexibilidad como lo proporcionan los sistemas de gestión de contenido de software como servicio de pago como SquareSpace?
    3. ¿Necesita una solución autohospedada como instalar WordPress o Magento o Joomla en su propio alojamiento compartido o VPS? Si es así, ¿cuál de estas plataformas lo acercará más a su objetivo con modificaciones mínimas? Tal vez WordPress lo lleve al 50% del camino y luego instalar el complemento WooCommerce lo llevará al 100%. Tal vez Joomla te lleve al 75% del camino y puedas escribir tu propio complemento para completar el otro 25%.
    4. ¿O necesitas desarrollo a medida? Si es así, ¿qué marco o pila de tecnología es más adecuada? ¿Puede sobrevivir en un alojamiento compartido administrado o necesita sumergirse con un alojamiento VPS o en la nube no administrado? ¿Cuáles son los costos / beneficios de varias opciones?
    5. ¿Qué otras aplicaciones y servicios puedes integrar para ayudarte a lograr tu objetivo principal? ¿Necesita integrar Google Analytics para rastrear el rendimiento de su sitio web? ¿Necesita usar GA para realizar pruebas divididas o multivariadas en contenido y diseño? ¿Debería integrar PageSpeed ​​para optimizar el rendimiento web? ¿Debería registrarse en HubSpot o plataformas similares para integrar la automatización de marketing? ¿Debería alojar sus videos en Vimeo o YouTube para ahorrar ancho de banda y tiempo de desarrollo? ¿Debería proporcionar inicio de sesión social para reducir las barreras para registrarse y aprovechar las redes sociales?
  • En este punto, tienes un plan de juego bastante bueno y solo necesitas implementarlo.
    1. Desarrolle el contenido para el sitio (texto, imágenes, videos, etc.).
    2. Aprenda las diversas tecnologías que necesita saber leyendo la documentación y siguiendo los tutoriales. ¿Cómo instalas un CMS en particular? ¿Cómo instalas y configuras los complementos que necesitas? ¿Cómo personalizas el tema? ¿Cómo integra los comentarios de Facebook en sus publicaciones? ¿Cómo se usa la plataforma Google Analytics? ¿Cómo se usa un marco MVC?
    3. Gradualmente repita hacia su producto terminado.

    Como puede ver, construir un “sitio web completo” puede ser un proceso muy complicado, por lo que generalmente cuesta mucho dinero pagarle a alguien para que lo haga por usted. A menudo es un equipo completo de personas que se especializan en diferentes cosas como:

    • Diseño visual
    • UX / IxD
    • marketing en línea / entrante
    • desarrollo front-end
    • desarrollo de back-end

    Una aplicación a medida es típicamente la más involucrada en términos de programación. OTOH, la mayoría de las personas necesita un conjunto bastante universal de características que puedan satisfacerse con los CMS SaaS populares como WordPress.com y varias plataformas SaaS basadas en Magento. En la mayoría de los casos, las personalizaciones más importantes son el diseño visual y el contenido, por lo que tiene más sentido concentrar su dinero / tiempo en esas áreas y utilizar soluciones estándar para el software real.

    Puedes hacerlo bastante bien como profesional independiente simplemente centrándote en:

    • diseño visual (o asociación con un diseñador gráfico)
    • desarrollo de temas para un CMS particular (Magento, WordPress, etc.)
    • Mercadeo en línea

    Tendrá que aprender HTML / CSS y un poco de PHP y JS, pero no es mucho para aprender teniendo en cuenta que podrá atender las necesidades del 90% de los clientes SMB e incluso una parte justa de clientes empresariales.

    Hay algunos pasos a seguir al crear un sitio web, pero si no tiene las habilidades, le sugiero que encuentre un buen desarrollador de sitios web.

    Hay muchas herramientas y guías para ayudarlo a crear su propia página web usted mismo. Sin embargo, crear un sitio web bueno y confiable requiere habilidad y experiencia. Sería aconsejable que los propietarios busquen un desarrollador web experto que tenga una buena cartera y experiencia en el desarrollo de sitios web. También debe solicitar a su desarrollador web que cree un sitio web amigable para dispositivos móviles para complementar sus estrategias de marketing móvil.

    Involucre a los diseñadores gráficos para que lo ayuden a diseñar bien el front-end del sitio web. Si bien los desarrolladores web pueden ser expertos en la codificación y la creación de características básicas de los sitios web, es posible que necesite la visión de los diseñadores gráficos para crear un sitio web atractivo para su negocio.

    Los mejores sitios web contendrían lo siguiente:

    Un obvio llamado a la acción

    Muchos sitios web fallan en este aspecto, no piden claramente la venta. Necesita un llamado a la acción explícito y obvio en su sitio web y debe ser una solicitud para realizar un pedido desde su flujo de ingresos dominante. Y si su flujo de ingresos dominante requiere consulta, debe ser una solicitud para hacer una cita. Esto debería venir en forma de un botón tangible en su sitio web, uno que se destaque explícitamente. Use colores brillantes y asegúrese de que esté convenientemente ubicado.

    Testimonios / Revisiones de su Producto o servicio

    El propósito de su sitio web no es para su propia empresa, sino principalmente para clientes actuales y potenciales. Siempre tenga en cuenta a su cliente al crear el sitio web de su empresa. El 88% de los consumidores confían en las revisiones en línea tanto como en las recomendaciones personales. Muestre cómo su servicio / producto ha satisfecho a sus clientes de manera destacada para cosechar los beneficios de una buena reputación de su empresa.

    Categorización de sus productos y servicios.

    Su lista de productos y servicios debe ser fácil de ver. Debe ser simple y conveniente. A los consumidores no les gusta tener tantas opciones como piensas. Si tiene una amplia gama de productos y servicios, desglose y clasifique con precisión para que sus consumidores puedan encontrar el servicio que desean fácilmente. Cree un sitio web que no abrume a su cliente, sino que lo invite a una experiencia amigable. ¡Los sitios web complicados que son difíciles de navegar podrían incluso disuadir a los clientes de regresar a su sitio web!

    Si quieres saber más sobre cómo construir un sitio web, lee este artículo aquí

    Necesita tres cosas básicas para construir su sitio web.

    1. Nombre de dominio: es una dirección de su sitio web, donde los clientes pueden comunicarse fácilmente con usted o también puede llamarlo como el nombre de su sitio web, donde las personas pueden reconocerlo fácilmente. Por lo tanto, debe elegir su dominio donde hay muchos servicios como Nombres de dominio | El registrador de nombres de dominio más grande del mundo – GoDaddy, registro de dominio India – Búsqueda de dominio | El registro de nombres de dominio le proporcionará nombres de dominio.
    2. Hosting: necesita alojar su sitio web, para poder alojar su sitio web necesita algo de espacio, por lo que los servicios de alojamiento como The Best Web Hosting, Domain Names | El registrador de nombres de dominio más grande del mundo: GoDaddy, servicios de alojamiento de sitios web, alojamiento VPS y servidores dedicados proporcionarán servicios de alojamiento.
    3. Diseño / desarrollo del sitio web: ahora viene la tercera parte, hay múltiples opciones para que diseñe su sitio web,
    • uno está utilizando plataformas de creación de sitios web como boomer.co, donde puede construir su sitio web usted mismo sin ningún conocimiento previo. Incluso no tiene que preocuparse por el alojamiento porque estos proveedores de servicios también le proporcionan alojamiento en el paquete en sí.
    • Otra opción que tiene es que puede optar por CMS (sistemas de administración de contenido) donde puede elegir una plataforma de CMS como wordpress, o joomla o drupal y diseñar su sitio web usted mismo o puede subcontratar a los desarrolladores. Aquí debe elegir sus proveedores de alojamiento.
    • La otra opción es la tradicional que externaliza el proyecto a diseñadores o codificadores, donde desarrollarán un sitio web para usted. Si usted mismo es desarrollador, puede hacerlo usted mismo. Aquí también debe alojar su sitio web usted mismo.

    Hay muchas alternativas para comenzar con un sitio web. WIX, WordPress.org, WordPress.com, Squarespace, Tumblr, etc. Para comenzar, simplemente puede crear una cuenta en WordPress.com y configurar su propio sitio web seleccionando un tema y un conjunto de complementos.

    Construir un sitio web es bastante simple hoy en día. La trampa está en crear un sitio web que lo ayude a hacer crecer su negocio con el tiempo. Es un proceso completamente diferente. Necesitas tener un plan de juego para lo mismo. Y debe pensar en términos de planificación de sitios web, diseño de sitios web receptivos, optimización de motores de búsqueda , arquitectura de contenido , rendimiento de sitios web , páginas de destino , optimización de conversiones , seguridad de sitios web y, por último, marketing de sitios web . Es una gran cantidad de tecnicismos que entra en el “proceso de diseño de sitios web”.

    CMS como WordPress ha bajado el nivel de entrada para el diseño de sitios web y cualquier otra persona en la multitud es un desarrollador de WordPress al menos. Si está creando un sitio web por primera vez, vaya a WordPress por todos los medios. Pero eso no devalúa a WordPress como una herramienta para el diseño profesional de sitios web.

    Para empezar, necesitas:

    Nombre de dominio , que es el nombre y la identidad de su sitio web. Puede obtener uno en sitios como GoDaddy.

    El alojamiento de sitios web (también conocido como alojamiento web) es el negocio de alojar, servir y mantener archivos para uno o más sitios web. En cierto sentido, usted alquila espacio en una computadora para mantener su sitio web. Su host, la computadora donde se almacenan los archivos de su sitio web, asigna una dirección (DNS) para sus archivos a su nombre de dominio para que cualquiera pueda encontrar su sitio web en Internet escribiendo su nombre de dominio.

    CMS (Sistema de gestión de contenido), como WordPress. Instala y activa el tema y un conjunto de complementos. Configure el contenido y ya está todo listo. ¡Felicitaciones, estás ejecutando un sitio web ahora!

    El siguiente paso es enviar su sitio a Google Search Console y Bing Webmasters, para que los motores de búsqueda puedan comenzar a indexar su sitio web.

    Si desea planificar y ejecutar el diseño del sitio web como profesionales, consulte este artículo: Cómo diseñar su propio sitio web desde cero como lo hacen los profesionales

    Bueno, primero debes tener en cuenta cuál es tu experiencia al hacer esto. Eres talentoso? ¿Qué lenguaje de marcado conoce y qué tan bien? ¿Qué lenguajes de codificación conoce y qué tan bien? ¿Eres mejor en la codificación de backend o estás más dotado en el diseño visual real y la interfaz de usuario para crear sitios web?

    Entonces, habiendo respondido estas preguntas y usted tiene un sólido resumen de experiencia, le diría que necesita tener un sitio web que demuestre sus puntos fuertes. Ok, tienes esto? ¿Una cartera sólida? ¿Calidad no necesariamente cantidad?

    Miraría el sitio web, la página en meetups.com y vería qué tipos de grupos hay en su área, como las startups / pequeños grupos de negocios que pueden recibir sus habilidades y conocimientos. Los grupos de redes, desde mi experiencia personal, son impredecibles, depende del grupo. Algunos son geniales para los negocios, otros no.

    Si eres diseñador, busca un desarrollador con el que puedas trabajar y formar un equipo. Y si usted es un desarrollador que no se siente cómodo con el diseño por completo, busque un diseñador que tenga ideas afines como usted.

    El sector de las pequeñas empresas para diseñadores web está creciendo en mi opinión a medida que las nuevas empresas están ganando terreno y muchos empresarios buscan mantenerse pequeños por cualquier motivo y desean una presencia web sólida.

    MicroMentor es otro sitio que puede visitar en su búsqueda para encontrar clientes. Además, como también estoy en un estado continuo de crecimiento y cambio, busco otros diseñadores / desarrolladores con los que cocontratar, ya que no tengo que recorrer toda la distancia para administrar una agencia más grande, en otras palabras, ser independiente con otros.

    Así que hay algunas grandes bolsas de trabajo por ahí, PERO, voy a advertir fuertemente contra los gustos de 99designs, odesk y una buena cantidad de otros. Cualquier persona que le cobre por trabajar para ellos y los clientes que le consigan realmente debería evitarse. Hay una pareja que cobra una tarifa mensual constante muy baja por usar su tablero; algo así como $ 27 dólares. Eso no está mal, pero hay quienes tomarán 30 por ciento y más y también tomarán sus archivos originales y robarán su cartera, no, no es un buen negocio.

    Finalmente, ve a hablar con algunas pequeñas empresas en tu vecindario. Primero busque en Google su nombre comercial y vea si tienen un sitio o no; en qué condición está. En otras palabras, ¿hay un proyecto allí? Sí, sé que ahora se dice que las llamadas en frío están muertas, pero a veces para nosotros ese no es un lugar completamente malo para ir junto con las otras vías que he mencionado. A menudo, una llamada en frío puede conducir a referencias de calidad, que es de donde quieres que vengan tus clientes en gran parte al final. Conozco algunos diseñadores que se ganan la vida completamente con referencias.

    Ah, y diseñe un logotipo y una tarjeta de presentación kickass; pasar algo de tiempo y dinero en eso. Las tarjetas Biz todavía no son completamente obsoletas y es una forma más de causar una buena impresión.

    Crear un sitio web es MÁS FÁCIL ahora que nunca antes … porque tienes muchas opciones y algunas son bastante fáciles de aprender.

    Realmente depende de cuán COMPLEJO / PERSONALIZADO debe ser su sitio web.
    Si tiene muchos requisitos y características especiales que son exclusivas de su negocio, entonces deberá aprender HTML / JAVA / .NET / PHP / SQL, entre otros … lo que puede llevarle meses para dominar e incluso años.

    De lo contrario, si es algo estándar / básico, puede usar una plataforma CMS, como WP o Joomla.
    WordPress es un sistema de administración de contenido ( CMS ) gratuito y de código abierto basado en PHP y MySQL, que solo toma unos días para aprender.

    Pero, por supuesto, incluso esas plataformas requieren meses para dominar y aprender realmente sobre todos sus complementos y opciones, para que un sitio web sea realmente bueno, hermoso, rápido y fácil de usar.

    ¿TIENES ESE TIEMPO?

    Porque construir un sitio web es como construir cualquier cosa … requiere habilidades que PODRÍAS aprender, pero ¿DEBERÍAS?

    Cuando desee construir una piscina en su patio trasero, lo hará usted mismo, pasará unas semanas aprendiendo cómo, O, contratará a alguien que lo haya estado haciendo durante AÑOS … y que pueda hacerlo bien la primera vez, sin mencionar mucho mas rápido.

    Hay una razón por la cual las personas contratan profesionales: termina siendo más costoso ya que gastas decenas / cientos de horas de TU tiempo … lo que vale dinero, solo para terminar haciéndolo de manera “regular” …

    Ahora, si tienes tiempo ilimitado en tus manos … simplemente no sabes qué hacer … no tienes nada útil que hacer … entonces, ¡aprende a CONSTRUIR UN SITIO WEB!

    De hecho, tenemos CURSOS GRATUITOS en nuestro sitio web en AdvertiseRobot, pero por otro lado, también ofrecemos SITIOS WEB GRATUITOS a todos nuestros miembros …
    Literalmente, puede unirse a nuestro paquete más pequeño de $ 199 / mes para SEO y obtener un sitio web GRATUITO de $ 10,000, ¿por qué hacerlo usted mismo, cuando puede obtenerlo GRATIS?

    A menos que, por supuesto, esté planeando crear sitios web para ganarse la vida.
    Esa es una historia diferente y en ese caso, estoy de acuerdo, ve a aprender las habilidades, ¡hazlo bien!
    Aprenda CODIFICACIÓN – PHP, Java, SQL – cree sitios web escalables y sólidos que pueda vender por dinero.

    Pero si realmente solo quiere un sitio web para usted, piense en esto: ¿necesitará comercializarlo más adelante?
    Porque un sitio web sin visitantes no vale NADA.

    Entonces, si necesita visitantes / tráfico diario / ventas, entonces necesita contratar una empresa como nosotros, para que haga todo eso por usted … así que también podría OBTENER EL SITIO WEB GRATUITO de nosotros, cuando lo haga 🙂