Herramientas, servicios y recursos de diseño web para emprendedores, creativos y Self-Marketing

Herramientas, servicios y recursos de diseño web para emprendedores, creativos y automarketing.

En el siguiente artículo, he proporcionado muchos recursos, enlaces y material adicional para ayudarlo a usted y a su empresa a conectarse. Algunos de los enlaces son para productos y servicios gratuitos, mientras que otros enlaces son enlaces de afiliados. Esto significa que si eliges hacer clic en esos enlaces y terminas comprando el producto, ganamos algo de dinero. Pero esto no le cuesta nada adicional. De hecho, a través de muchos de estos enlaces, podemos transmitir promociones especiales para ayudarlo a ahorrar algo de dinero.

Navegación:  A continuación, encontrará dónde puede ir para registrar   el nombre de dominio de su empresa, configurar su  alojamiento web  , algunos de los  mejores proveedores de servicios de correo electrónico  ,  herramientas de codificación  ,  plataformas de diseño web para  construir,  navegador web  ,  aplicaciones ftp  ,  editores gráficos.  ,  plantillas web  ,  gráficos de stock, iconos y elementos web,  y  herramientas y servicios adicionales  para revisar.

Ok,  ¡profundicemos!

Registro de un nombre de dominio comercial

Para obtener un nombre de dominio (una dirección web o URL) para su empresa, deberá registrarlo con una empresa especial llamada  registrador de nombres de dominio  . Este es solo un servicio con el que registra dominios. Hay muchos lugares para registrar una dirección web. Incluso puede registrar un dominio y configurar su alojamiento web al mismo tiempo, pero  no le recomiendo que lo haga  . En su lugar, registre su dominio con un registrador de nombres de dominio apropiado.

Ahora, he usado todos los registradores de dominios populares a lo largo de los años y, con mucho, el mejor es  NameCheap  . Los he estado usando durante mucho tiempo. Su interfaz limpia y fácil de usar y su proceso de registro anti-spam los colocan muy por delante de otros registradores. Además, su panel de control fácil de usar facilita la administración de varios dominios, lo cual es excelente si planea ejecutar múltiples negocios en línea o proyectos en línea al mismo tiempo.

Aquí hay un video tutorial que publiqué no hace mucho que lo guía a través de todo el proceso de registro de nombre de dominio, paso a paso …

En este video, cito algunas notas del programa, que puede encontrar  aquí  .

Configurar el alojamiento de sitios web

Hay muchos lugares para encontrar alojamiento web asequible para sus negocios y proyectos en línea. La clave es  asegurarse de registrarse en el tipo de alojamiento adecuado  . Debido a que el alojamiento web es tan importante, he gastado mucho tiempo y dinero investigando y probando para encontrar las mejores empresas de alojamiento web en el negocio.

Si ha echado un vistazo a mi tutorial,  Las 3 características críticas de alojamiento web  que toda pequeña empresa necesita , entonces sabrá que todos los consejos que estoy dando aquí señalan nuestros mayores problemas de alojamiento. Los tres hosts que recomiendo (a continuación) son hosts que utilizo por mi cuenta para mantener mis diversas actividades y proyectos en línea funcionando sin problemas.

Piense en mis consejos como  pequeños, medianos  y  grandes  ; según sus necesidades, uno de ellos será perfecto.

    • Web Hosting Hub:  especializado en alojamiento compartido asequible,  Web Hosting Hub  es perfecto para quienes son nuevos en el diseño web y de negocios en línea, o para proyectos web pequeños y medianos. Los planes comienzan en alrededor de $ 4 por mes con una generosa garantía de devolución de dinero de 90 días. Las funciones de alojamiento adicionales y la asistencia al cliente 24/7 con sede en EE. UU. Colocan a Web Hosting Hub por delante de muchas otras empresas de alojamiento.

Si se desplaza hacia abajo un poco, he incrustado un video en el que lo guío a través del proceso de registro con  Web Hosting Hub  .

O, si realmente desea profundizar, consulte mi revisión completa del  centro de alojamiento web  .

    • SiteGround :  Otra opción de alojamiento superior,  SiteGround  ofrece una variedad de tipos de alojamiento, incluido el alojamiento de WordPress compartido, en la nube y administrado, todos a partir de $ 4 por mes. Con soporte al cliente de clase mundial, SiteGround es una excelente opción para administrar las necesidades de alojamiento de su negocio y negocios en línea, y también están aprobados oficialmente por WordPress. Esto los convierte en una solución sólida para las necesidades de su negocio.

En otro post, voy a caminar usted   a través del signo Iart proceso de registro, que se puede comprobar a cabo  aquí  .

    • WP Engine:  si está buscando un alojamiento web administrado sin preocupaciones para su negocio o un proyecto en línea, donde el lado técnico de su sitio está a cargo de usted, entonces  WP Engine  es la solución perfecta. Se especializan en proporcionar alojamiento de WordPress administrado premium. Su servicio al cliente es el mejor de su clase, con expertos en WordPress uno  a  uno a su disposición las 24 horas del día, los 7 días de la semana, los 7 días de la semana, 365. ¡Eso, amigo mío, es  difícil de superar!

Si cree que  WP Engine  podría ser adecuado para usted, consulte mi tutorial donde lo guiaré a través del proceso de registro,  aquí mismo  .

Si lo desea, puedo darle algunos consejos más sobre alojamiento web : otros dos servidores web con una sólida reputación son  InMotion Hosting  y  A2 Hosting  . O también son excelentes opciones.

Ok, aquí está el video del centro de alojamiento web que mencioné anteriormente y lo guiará a través de los pasos de registro, lo cual es  muy fácil  …

Si está buscando las notas del programa de este video, haga clic  aquí  .

Servicios de correo electrónico empresarial dedicados

La mayoría de los servicios de alojamiento web, especialmente el alojamiento compartido de bajo costo, incluyen correo electrónico gratuito. Pero usar el correo electrónico que viene con el alojamiento web no es una gran idea  por varias razones  . Idealmente, usar un servicio de correo electrónico dedicado de nivel empresarial es muy superior, incluso si solo está ejecutando un sitio pequeño. Y el costo es bajo, generalmente alrededor de $ 5 por mes por cuenta de correo electrónico. Aquí hay una lista de las mejores recomendaciones de servicios de correo electrónico para que investigue más …

  • Google G Suite:  Google G Suite  es la versión comercial sin publicidad de Gmail de Google. Es casi exactamente lo mismo que Gmail normal, pero con la capacidad de crear direcciones de correo electrónico personalizadas para el nombre de dominio de su empresa (por ejemplo,  you@yourcompany.como  service@yourcompany.com). G Suite también incluye acceso a Google Docs, Google Drive y una serie de otras funciones. Además, cada cuenta de  Google G Suite  viene con almacenamiento adicional y soporte al cliente 24 horas al día, 7 días a la semana, 365 días al año en toda la empresa.
  • Microsoft Office 365:  Office 365  es un servicio basado en web de nivel empresarial que ahora también está disponible para pequeñas empresas. Su servicio incluye correo electrónico de marca basado en dominios en una interfaz limpia e intuitiva que es fácil de usar y navegar. Cada cuenta incluye 50 GB de almacenamiento. Además, el   correo electrónico de Office 365 viene con protección contra spam y malware de nivel industrial, lo que mantiene su bandeja de entrada limpia y segura. Dado que  Microsoft Office 365  es de nivel empresarial, sabe que la confiabilidad y la seguridad son sus principales prioridades.

Si desea algunas opciones más, aquí hay algunos otros servicios de correo electrónico dedicados que debe considerar para su negocio o proyecto en línea:  Zoho Mail  ,  Atmail  y  Amazon Workmail  .

Si desea obtener más información sobre cómo administrar el correo electrónico de su empresa, asegúrese de consultar mi tutorial detallado, Cómo  encontrar el mejor servicio de correo electrónico para su empresa  .

Editor de código para emprendedores, creadores y auto-comercializadores

Si desea poder solucionar problemas menores, tener un control total sobre su sitio web o incluso disfrutar de cosas como crear diseños y páginas personalizados para su sitio, necesitará algún tipo de editor de código para facilitar su trabajo. Tener un editor de código le permite trabajar directamente con el código de fondo que impulsa su sitio web, es decir, HTML, CSS, posiblemente Javascript, PHP, etc. Puede usar un editor de texto sin formato (asegúrese de que sea un editor de texto sin formato,  no un procesador de texto  ), o puede usar un editor de código dedicado, como los que he enumerado a continuación …

  • Atom de GitHub (Windows, Mac):  Atom  es un editor de código fuente abierto, gratuito y poderoso que cuenta con una sólida comunidad detrás. La interfaz simplificada y fácil de usar hace que trabajar con código sea fácil y directo. Y funciona tanto en computadoras Mac como Windows.
  • Sublime Text (Windows, Mac):  Sublime  es el editor de código que establece el estándar que todos los demás deben cumplir ahora. Su interfaz limpia y simple es altamente personalizable y fácil de usar. Sublime es la elección de muchos diseñadores web y también es perfecto para el bricolaje de pequeñas empresas. Sublime también está disponible para computadoras Windows y Mac.
  • Panic Coda (solo Mac):  Considerado uno de los mejores editores de código disponibles para Mac,  Coda  tiene una interfaz limpia e intuitiva. Hay muchas funciones integradas que facilitan la administración del código web, incluido el código completo y los fragmentos de código. Coda también tiene prácticas funciones de FTP que hacen que trabajar directamente en su sitio web sea muy sencillo.
  • CoffeeCup HTML Editor (solo Windows):  CoffeeCup HTML Editor facilita la  codificación de sitios, con excelentes funciones integradas como finalización de código y validación integrada. CoffeeCup cuesta $ 29 y tiene una prueba gratuita.

¡La interfaz limpia y simple de Atom en acción!

¡La interfaz limpia y simple de Atom en acción!

Hay muchos otros editores de código disponibles, y encontrar uno que se adapte a las necesidades de su negocio es clave si realmente desea profundizar en estas cosas. Para obtener más información, asegúrese de consultar mi tutorial,  Mejores editores de código para propietarios de empresas en línea  .

Plataformas de diseño web

En el momento de escribir estas líneas, hay exactamente un trillón y siete formas de construir un sitio web (sí, un trillón y siete, las  conté  ). Pero solo hay uno para  dominarlos a todos  , y ese es …

    • WordPress: la  plataforma de diseño web más popular, más utilizada y más poderosa actualmente disponible para toda la humanidad es  WordPress  . Tiene una gran comunidad en línea, es increíblemente flexible y personalizable, y es adecuado para cualquier sitio web comercial, proyecto o empresa en línea que pueda imaginar. Lo más importante es que le permite poseer y controlar completamente su sitio web; no tiene que ir a otro sitio web o servicio para asegurarse de que su negocio permanezca en línea. ¡Ah, y es  gratis!
    • Elementor:  cree páginas y diseños de forma intuitiva con  Elementor  , un creador de sitios web visual de arrastrar y soltar. Elementor es en realidad un complemento de WordPress, lo que le permite usarlo junto con todo el poder y la funcionalidad que viene con WordPress.

En mi curso de video en línea completo,  Listo para despegar: ¡Cómo construir y administrar su negocio en línea usted mismo! aprenderá cómo empezar tanto con WordPress como con Elementor.

    • Pinegrow:  Pinegrow  es un creador de sitios web de arrastrar y soltar increíblemente poderoso que se ejecuta en su computadora de escritorio. Pero aún más interesante es esto: Pinegrow le permite crear diseños visualmente usando el marco Bootstrap. Esto significa que Pinegrow incluye una biblioteca de elementos de diseño Bootstrap prefabricados que puede arrastrar y soltar visualmente para crear sus diseños web. En cierto modo, es como usar Photoshop para crear un diseño visual. ¡¿Qué asombroso es eso ?! Entraré en un poco más de detalle sobre este increíble creador de sitios web receptivo hacia el final de mi publicación, ¿  cuál de las 6 formas diferentes de crear un sitio web es la mejor para ti? ¡Revísalo por seguridad!
    • HTML y CSS:  HTML es la base de todo diseño web y creo que es importante que usted también aprenda los conceptos básicos. La buena noticia es que HTML y CSS son fáciles de aprender y puede aprenderlos rápidamente. Escribí un poco sobre lo fáciles que son HTML y CSS y por qué aprenderlos es tan importante en  ¿Es HTML fácil de aprender? Esto es lo que necesita saber  y  aquí también  .

Si está listo para comenzar a aprender HTML, CSS y diseño web, sentémonos juntos en mi curso de video en línea,  Diseño de sitios HTML5 y CSS3  . ¡Me gustaría mostrarte lo fácil que es!

¿Qué pasa con otras plataformas y software de diseño web? He usado, probado y probado muchos de ellos, poniéndolos a prueba y simplemente no se comparan con el poder, la facilidad de uso y la flexibilidad de  WordPress  y  Elementor  . Si desea obtener más información sobre esto, consulte mi publicación,  Which, Dreamweaver o WordPress?

Navegador web

A medida que crea el sitio web de su pequeña empresa, le recomendamos que obtenga una vista previa de su trabajo en al menos algunos navegadores web, para que pueda tener una idea de lo que ven sus clientes cuando lo visitan. A continuación se muestra una lista de los navegadores más comunes. Si aún no los tiene, descárguelos e instálelos (todos son gratuitos).

  • Google Chrome  (Mac, Windows) también conocido como  “Bloaty The Resource Hog”  por aquí. ¿Ha notado lo lento que funciona su sistema? ¡Es porque Chrome es un  cerdito codicioso y codicioso!
  • Microsoft Edge  (solo Windows)
  • Apple Safari  (Mac, Windows)
  • Mozilla Firefox  (Mac, Windows) Mi navegador favorito.
  • Opera  (Mac, Windows)

Aplicaciones FTP

Poder conectarse a su sitio web es muy útil para la resolución de problemas, el mantenimiento y otras actividades web relacionadas con la empresa. Para hacer esto, necesitará lo que se llama una aplicación FTP, a veces llamada  cliente FTP. FTP son las siglas de  File Transfer Protocol  ( Protocolo de transferencia de archivos) . Entro en muchos más detalles sobre FTP  aquí mismo  . Hay muchas aplicaciones de FTP excelentes disponibles ahora, y la mayoría de ellas son gratuitas. Así que probablemente querrás probar uno o dos antes de elegir uno.

  • Carretilla elevadora  Una aplicación FTP solo para Mac, que tiene un montón de funciones, comandos y herramientas útiles. Es mi aplicación FTP favorita actual y me gusta tanto que probablemente haga uno o dos tutoriales con ella en un futuro cercano.
  • Cyberduck  Una aplicación FTP gratuita y muy popular tanto para Mac como para Windows. La interfaz es limpia y simple e incluye un puñado de funciones adicionales para ayudarlo a mantener sus archivos organizados. Lo uso como mi principal aplicación FTP de respaldo.
  • WS_FTP  Si está buscando una aplicación FTP de grado comercial basada en Windows que tenga en mente a los usuarios orientados a los negocios, entonces  WS_FTP  puede ser justo lo que está buscando. Al igual que otras aplicaciones FTP,  WS_FTP  maneja tareas comunes como transferencias de archivos, funcionalidad de arrastrar y soltar, marcadores y más, pero con seguridad y confiabilidad de nivel empresarial.
  • Yummy FTP Pro  Una robusta aplicación FTP de nivel empresarial utilizada por diseñadores y desarrolladores basados ​​en Mac,  Yummy FTP Pro  está optimizada para el rendimiento, la seguridad y la confiabilidad, perfecta para las pequeñas empresas. Además, el editor de código incorporado facilita la realización de cambios en los archivos activos del sitio directamente dentro de la interfaz fácil de usar.

Si desea más consejos sobre FTP, consulte mis dos tutoriales,  Mejores aplicaciones de FTP para usuarios de Windows  y  Mejores aplicaciones de FTP para usuarios de Mac  .

A continuación, he incluido un video tutorial que reuní recientemente que le muestra cómo conectarse a su sitio web alojado en Web Hosting Hub a través de FTP usando Cyberduck. Si está alojando su sitio web con SiteGround, le muestro cómo hacerlo  en este tutorial  . O, si está utilizando WP Engine para alojar su sitio,  consulte este tutorial  .

En este video, cito algunas notas del programa, que puede encontrar  aquí  .

Editor gráfico

Si va a cuidar el sitio web de su empresa, necesitará algún tipo de editor gráfico. Como mínimo, deberá hacer cosas simples como rotar, recortar, etc. E incluso una pequeña corrección de color sería de gran ayuda. Pero es posible que desee un poco más de poder que eso para sus proyectos de diseño web. A continuación, he enumerado algunos editores gráficos populares para ayudarlo con su pequeña empresa …

  • Adobe Photoshop  Con un montón de poder y toneladas de funciones, Photoshop es, por supuesto, el editor de imágenes más popular disponible actualmente para computadoras Windows y Mac. Lo he estado usando durante mucho, mucho tiempo y es mi aplicación de referencia para Manejo de cosas como fotos de productos, gráficos de sitios web, íconos, pancartas, etc. Photoshop le hará ganar $ 20 al mes, o por $ 50 al mes puede acceder a toda la suite Creative Cloud de Adobe.
  • Adobe Illustrator  Piense en Illustrator como el complemento de Photoshop. Si es propietario de una pequeña empresa, Illustrator puede ser una exageración, pero para los que se dedican al marketing propio y los tipos creativos, podría ser una buena opción. Por ejemplo, muchas veces me encuentro usando Illustrator para crear logotipos, botones, iconos, plantillas de diseño, etc. Como Photoshop, lo he estado usando durante mucho, mucho tiempo. También cuesta $ 20 por mes o $ 50 por mes para la suite CC completa.
  • Gimp  Un editor de imágenes de trama popular, gratuito y de código abierto para Windows y Mac. No tiene el empuje ni la profundidad de las herramientas de Photoshop, pero si desea mantener las cosas ligeras (y  gratuitas  ), entonces Gimp podría ser la elección correcta. para ti.
  • Inkscape  Si Illustrator es el compañero de Photoshop, esto hace que Inkscape Gimp. Inkscape es un editor de gráficos vectoriales gratuito y de código abierto que puede utilizar para crear elementos como banners de sitios web, encabezados, iconos, botones, etc.

Los aspectos visuales del diseño web a menudo son manejados por Photoshop.

Los aspectos visuales del diseño web a menudo son manejados por Photoshop.

Plantillas Web

Ponga en marcha su negocio en un abrir y cerrar de ojos con plantillas web prediseñadas y listas para usar. Hay mucho para elegir, así que echemos un vistazo …

  • Template Monster  Explore la impresionante colección de temas de WordPress de Template Monster .
  •  Temas forestales de temas de WordPress y temas para otras plataformas de diseño web.
  • Tema de tesis  Un tema de WordPress muy popular y fácil de personalizar con temas de bricolaje.
  • Studio Press Con  más de 86.000 sitios, Studio Press ofrece temas premium estándar de la industria.
  • My Theme Compre temas  receptivos y compatibles con SEO para su sitio de WordPress.
  • WPZoom  Professional, temas fáciles de usar con soporte de por vida.

 

Gráficos de archivo, iconos, fuentes, fotos, música y guiones

De vez en cuando, es posible que necesite fotografías, iconos, fuentes o incluso música. La buena noticia es que no es necesario ser un diseñador profesional para tener un sitio de apariencia profesional. A continuación, presentamos algunos recursos excelentes para que su negocio cobre vida con gráficos de calidad profesional, fotografías de archivo, guiones y más.

  • GraphicRiver.net  Encuentre toneladas de iconos, fuentes, elementos web y más. ¡Un recurso que definitivamente querrá marcar!
  • Pikwizard.com  Encuentre más de 100,000 imágenes completamente gratuitas para usar en sus proyectos. Se agregan nuevas imágenes todos los días, ¡muchas exclusivas de Pikwizard!
  • PhotoDune.net Fotos de  alta calidad libres de derechos.
  • IconDemon.com Stock de  iconos e imágenes perfectos para sus proyectos web.
  • CodeCanyon.net  Encuentre toneladas de scripts, encuestas, formularios, complementos de WordPress, elementos CSS y más.
  • MyFonts.com  La fuente correcta realmente puede dar vida a un diseño. Encuentre excelentes fuentes para su próximo proyecto web en MyFonts.com.
  • AllStockMusic.com  Encontrar el jingle o la música de introducción adecuados para sus proyectos puede ser una verdadera molestia. Pero puede encontrar la melodía perfecta en AllStockMusic.com.
  • AudioJungle.net  Otro recurso musical, AudioJungle.net ofrece miles de intros, loops, efectos de sonido y más.

Herramientas y recursos adicionales

Impulse aún más sus habilidades de diseño web y empresarial con estas herramientas, servicios y recursos adicionales. Estos extras lo ayudarán a crear mejores sitios web, diagnosticar problemas y probar sus diseños en varias plataformas y dispositivos.

  • Google Analytics  Gratis y fácil de configurar, Google Analytics le brinda una gran cantidad de información sobre quién visita su sitio, qué páginas son más populares, qué páginas abandonan los visitantes con más frecuencia, navegadores, resoluciones de pantalla y mucho más.
  • Screenfly Ingrese  una URL en Screenfly, un servicio completamente gratuito, luego elija un móvil, tableta u otro dispositivo del menú y obtendrá una vista previa de cómo se verá el sitio web de su empresa en el dispositivo seleccionado. Esto es enorme para los emprendedores de bricolaje que desean crear diseños receptivos que funcionen en múltiples dispositivos.
  • Barra de herramientas para desarrolladores web  Consiga en sus manos una amplia gama de herramientas relacionadas con el diseño web con este complemento gratuito de Firefox.
  • Firebug  Otro gran complemento de Firefox, Firebug es esencial para diagnosticar estructuras de página y CSS. Una necesidad.
  • Browsershots.org  Una herramienta de prueba decente entre navegadores y plataformas para su pequeña empresa.

Bien, dejemos las cosas aquí. Espero que haya encontrado este artículo de enorme valor. Hay muchas cosas aquí para que usted continúe y muchas opciones adicionales para considerar mientras continúa trabajando en sus proyectos comerciales.

Open

info.ibdi.it@gmail.com

Close