fbpx

Curso de Diseño de Páginas Web

por D.C.G Jesús Linaje​

¿Qué es hosting y dominio?

Dominio: Un dominio es la dirección única que se utiliza para acceder a un sitio web en Internet. Por ejemplo, “google.com” es un dominio. Los dominios suelen tener una estructura jerárquica, como el nombre del sitio seguido de una extensión como .com, .org, .net, etc. Los usuarios escriben el nombre de dominio en el navegador web para acceder al sitio correspondiente.

Hosting: El hosting, también conocido como alojamiento web, es el servicio que proporciona el espacio en un servidor conectado a Internet para almacenar los archivos y datos de un sitio web. Cuando alguien accede a tu dominio en línea, el servidor de hosting entrega los archivos del sitio web al navegador web del visitante, permitiendo que vean la página web. El hosting puede variar en términos de capacidad, características, velocidad, seguridad y precio, dependiendo del proveedor y del plan seleccionado.

Regresar a ver las modalidades

¿Qué hosting y dominio contrato?

La elección de un proveedor de hosting y un dominio depende de varios factores, incluyendo tus necesidades específicas, presupuesto y preferencias personales. Aquí hay algunos proveedores populares de hosting y registradores de dominios que podrías considerar:

  1. HostGator: Ofrece una variedad de opciones de hosting compartido, VPS y dedicado, con precios competitivos y una interfaz fácil de usar.
  2. GoDaddy: Uno de los registradores de dominios más grandes y conocidos, GoDaddy ofrece una amplia variedad de extensiones de dominio y servicios adicionales.
  3. Hostinger: Con precios extremadamente competitivos, Hostinger ofrece hosting compartido, VPS y dedicado, junto con un panel de control fácil de usar y una variedad de características adicionales.

Temas y plugins

Los temas de WordPress determinan el aspecto visual de un sitio web, mientras que los plugins añaden funcionalidades adicionales. Los temas pueden ser gratuitos o de pago y se centran en el diseño y la usabilidad. Los plugins, también gratuitos o de pago, amplían las capacidades del sitio web, desde SEO hasta integración con redes sociales. Es importante elegir tanto temas como plugins de calidad para garantizar un sitio web atractivo, funcional y seguro.

Regresar a ver las modalidades

Enlaces permanentes

Los enlaces permanentes, también conocidos como permalinks, son las URLs permanentes de las páginas y entradas en un sitio de WordPress. Estas URLs son importantes para la identificación y accesibilidad del contenido. WordPress ofrece opciones para configurar la estructura de los permalinks, como la inclusión de fechas, nombres de entradas o categorías en las URLs.

El permalink recomendado es la estructura de “nombre de entrada” o “nombre de publicación”. Esta opción muestra el nombre de la entrada en la URL, lo que la hace más legible y amigable tanto para los motores de búsqueda como para los usuarios. Por ejemplo, un permalink recomendado podría ser https://tusitio.com/nombre-de-entrada/. Esta estructura es clara, concisa y ayuda a mejorar

Interfaz de WordPress - Adentrandonos-

La interfaz de WordPress es la plataforma desde la cual los usuarios administran y gestionan su sitio web. Esta interfaz se divide en dos áreas principales: el front-end y el back-end.

Front-end: Es la parte visible para los visitantes del sitio web. Muestra el contenido, diseño y funcionalidades tal como los usuarios lo ven. Aquí los visitantes pueden navegar por las páginas, leer publicaciones de blog, enviar formularios de contacto, entre otras acciones.

Back-end: También conocido como el panel de administración, es el Área privada donde los propietarios del sitio web realizan cambios y gestionan el contenido. Aquí es donde se encuentra el dashboard de WordPress, que proporciona acceso a todas las herramientas y opciones necesarias para administrar el sitio web. Desde el back-end, los usuarios pueden crear y editar contenido, instalar temas y plugins, gestionar usuarios, moderar comentarios, configurar ajustes del sitio y mucho más.

Comenzamos con Elementor

Elementor es un constructor de páginas para WordPress que permite crear sitios web de forma visual, mediante una interfaz de arrastrar y soltar. Ofrece una amplia variedad de widgets y elementos predefinidos, personalización avanzada, compatibilidad con temas y plugins, y está disponible en versiones gratuita y Pro con características adicionales. Es una herramienta popular para usuarios de WordPress que desean diseñar y construir sitios web de manera rápida y fácil.

Colocar videos y + de Elementor

Elementor es un constructor de páginas para WordPress que ofrece varias bondades:

  1. Facilidad de uso: Su interfaz de arrastrar y soltar facilita la creación de páginas sin necesidad de conocimientos de codificación.

  2. Amplia personalización: Ofrece una amplia variedad de widgets y elementos predefinidos para personalizar el diseño de las páginas.

  3. Compatibilidad: Se integra fácilmente con la mayoría de los temas y plugins de WordPress.

En cuanto a la integración de videos, Elementor permite agregar videos fácilmente a tus páginas mediante widgets dedicados o mediante la inserción de códigos de incrustación de plataformas como YouTube, Vimeo, entre otros. Esto brinda flexibilidad para crear contenido multimedia atractivo y dinámico.

Colocar Galerías y Formularios

En Elementor, puedes crear galerías de imágenes y formularios de contacto fácilmente. La galería de imágenes te permite mostrar múltiples imágenes con opciones de personalización, mientras que el formulario de contacto te permite crear formularios personalizados y conectarlos con servicios de correo electrónico. Con Elementor, puedes mejorar la apariencia y funcionalidad de tu sitio web de manera sencilla.

Agregar Mapas y link a Whats App

Para agregar enlaces de WhatsApp y mapas en Elementor, puedes usar widgets como botones o HTML personalizado. Para WhatsApp, utiliza un enlace con el formato “https://api.whatsapp.com/send?phone=TUNUMERO“.

Para mapas, puedes emplear el widget de Google Maps o insertar un mapa a través de HTML personalizado.
Regresar a ver las modalidades

Agregar Mapas y link a Whats App

En Elementor, las anclas son puntos de referencia dentro de una página web que permiten a los visitantes saltar directamente a secciones específicas con un clic. Para crearlas, agrega un widget de ancla, asigna un nombre único y luego crea enlaces que apunten a esas anclas usando el formato de URL #nombre-de-la-ancla. Esto mejora la navegación y la experiencia del usuario en páginas largas.

Agregar Mapas y link a Whats App

En Elementor, puedes agregar animaciones a elementos fácilmente para hacer que tu contenido sea más dinámico y atractivo. Simplemente selecciona el elemento al que deseas aplicar la animación, ve a la pestaña de “Avanzado” y allí encontrarás la opción de “Animación”. Puedes elegir entre una variedad de efectos de entrada, salida y de movimiento para personalizar cómo aparecen y desaparecen los elementos en tu página. Esto añade un toque visualmente atractivo y profesional a tu diseño sin necesidad de codificación adicional.

Colocar botones para Redes Sociales

Para añadir botones de redes sociales en WordPress sin Elementor Pro, instala un plugin como “Simple Social Buttons” o “Social Icons Widget & Block”. Configura las redes sociales que desees mostrar y añade el widget o bloque en la ubicación deseada de tu sitio web. Ajusta el estilo de los botones según tu preferencia y verifica su apariencia en tu sitio.

Regresar a ver las modalidades

Colocar Anclas

Para añadir un menú en Elementor:

  1. Crea un menú en WordPress desde “Apariencia” > “Menús”.
  2. En Elementor, arrastra el widget de “Menú” a la sección deseada.
  3. Selecciona el menú creado en WordPress.
  4. Personaliza el estilo del menú según tus preferencias.
  5. Ajusta la ubicación y diseño del menú en la página.
  6. Previsualiza y guarda los cambios.
¿Cómo puedo ayudarte?
Call Now Button