Aquí tienes algunos temas del 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.

Reproducir video

¿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.
Reproducir video

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

Reproducir video

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.

Reproducir video

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.

Reproducir video

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.

Reproducir video

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.

Reproducir video

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.
Reproducir video

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.

Reproducir video

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.

Reproducir video

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.
Reproducir video
Call Now Button