WIX BÁSICO
Cuenta con recursos para que estes preparado para tu clase
PRONTO NUEVO CANAL EN YOUTUBE
los Huesos
Estructura
Layouts, wireframes y elementos en WIX
1
De cero a una página web: empezamos por los huesos 🦴
En esta sesión del curso de Wix Página Web Básica, comenzamos a construir una página desde cero, pero antes de pensar en colores, imágenes o efectos, aprendimos algo fundamental: una buena web necesita una estructura sólida.
Agrandar
En MD° usamos una analogía muy sencilla para entenderlo: una página web también tiene anatomía.
🦴 Los huesos: la estructura y distribución de la página.
💪 Los músculos: el contenido que le da fuerza.
🧴 La piel: el diseño visual que le da identidad.
👕 La ropa: las funcionalidades que permiten interactuar con el sitio.
🌿 El perfume: el SEO que ayuda a que la página sea encontrada.
A partir de esta idea, empezamos a construir el esqueleto de una página de inicio en Wix, organizando su menú, contenidos, videos, llamados a la acción, redes sociales y pie de página.
La idea no es simplemente aprender dónde hacer clic en Wix, sino entender cómo pensar y construir una página web paso a paso.
Este es apenas el comienzo. En las siguientes sesiones iremos poniendo contenido, diseño, funcionalidad y SEO sobre esta estructura hasta convertirla en una página web completa.
Recursos
los Músculos
Contenido
Textos, Imágenes y multimedia
2
Del esqueleto al contenido: ponemos los músculos 💪
En esta segunda sesión del curso de Wix Página Web Básica, seguimos construyendo nuestra página web desde cero. Ya tenemos la estructura, ahora es momento de darle fuerza: vamos a trabajar el contenido.
Agrandar
Si en la primera sesión construimos los huesos de nuestra página, en esta nos enfocamos en sus músculos: los textos, imágenes, videos y demás elementos que permiten comunicar quiénes somos, qué hacemos y por qué nuestros visitantes deberían elegirnos.
Pero antes de escribir, hacemos algo fundamental: aprender a pensar como el comprador y no como el vendedor. 🧠
A partir de esta idea, trabajamos las palabras que realmente utilizan nuestros clientes para buscar un producto o servicio y aprendemos a incorporarlas estratégicamente en los textos de nuestra página.
También exploramos cómo utilizar las herramientas de inteligencia artificial de Wix y ChatGPT para crear, estructurar, resumir y optimizar diferentes contenidos, desde la página de inicio hasta las secciones de servicios.
🔎 Palabras clave: buscamos cómo habla realmente nuestro cliente.
✍️ Textos: creamos contenidos claros, concisos y orientados al usuario.
🤖 Inteligencia artificial: utilizamos Wix y ChatGPT como herramientas de apoyo.
🎯 Contenido estratégico: escribimos pensando en las necesidades del comprador.
🌿 SEO: comenzamos a preparar los contenidos para que nuestra página pueda ser encontrada.
La idea no es simplemente generar textos con IA, sino aprender a darle instrucciones, contexto y objetivos para conseguir contenidos que realmente funcionen dentro de una página web.
Este es el segundo paso de nuestro proceso. Ya tenemos los huesos y ahora estamos construyendo los músculos. 💪 En las siguientes sesiones iremos incorporando la piel, los elementos visuales, las funcionalidades y el SEO hasta convertir nuestra estructura inicial en una página web completa.
Recursos
La Piel
Estilo
Colores, Formas, Imágenes y Tipografía
3
Dale personalidad y apariencia a tu sitio web 🎨
En esta sesión comenzamos a darle personalidad a nuestro sitio web. Si la estructura es el esqueleto y el contenido son los músculos, ahora trabajaremos la piel: todo aquello que define cómo se ve y se siente nuestra página.
Agrandar
Aprenderemos a configurar y aplicar estilos en Wix para mantener una identidad visual coherente en todo el sitio:
🔵 Definiremos temas y paletas de color para aplicar una apariencia uniforme.
🔤 Trabajaremos tipografías, tamaños, interlineados y estilos de texto.
🖼️ Optimizaremos imágenes, eliminar fondos y utilizar imágenes que humanicen el contenido.
🎨 Personalizaremos botones, iconos, videos, fondos y separadores de forma.
✨ Aplicaremos criterios de consistencia para que todos los elementos compartan un mismo lenguaje visual.
También veremos cómo funcionan los estilos globales de Wix y por qué es importante mantenerlos correctamente vinculados para que nuestros cambios puedan aplicarse de forma consistente en todo el sitio.
El objetivo es entender que estilo no es lo mismo que diseño: primero definimos las reglas visuales de nuestro sitio y luego las utilizaremos para construir composiciones y experiencias más completas.
Al finalizar esta sesión tendremos una base visual sólida sobre la cual podremos comenzar a trabajar la siguiente etapa: el diseño.
Recursos
La Ropa
Diseño
Funcionalidad y navegavilidad
4
Composición, interacción y experiencia de usuario.
En esta sesión vamos a vestir nuestro sitio web. Si la estructura es el esqueleto, el contenido son los músculos y el estilo es la piel, el diseño es la ropa que organiza todos estos elementos y define cómo se presentan y cómo interactúan con nuestros usuarios.
Agrandar
Aprenderemos a convertir los elementos que ya tenemos en una experiencia funcional, trabajando aspectos como:
🔘 Botones y navegación: conectaremos botones con secciones, formularios y diferentes páginas para facilitar el recorrido del usuario.
📐 Composición y organización: aprenderemos a distribuir los elementos, trabajar con secciones y repetidores y adaptar la composición para diferentes tamaños de pantalla.
✨ Interacciones y animaciones: exploraremos efectos de cursor, animaciones de entrada, desplazamientos y otros recursos para hacer más dinámica la experiencia.
📱 Experiencia de usuario: veremos cómo pequeñas decisiones de diseño pueden facilitar la navegación, mejorar la interacción y ayudar al usuario a realizar acciones concretas.
📝 Formularios y conversión: organizaremos los campos, botones y textos para crear formularios más claros y fáciles de utilizar.
También aprenderemos que diseñar no significa agregar efectos a todo. La consistencia es fundamental: las animaciones, espacios, botones y demás elementos deben responder a una intención y mantener una lógica visual y funcional.
El objetivo es que nuestro sitio no solo se vea bien, sino que también funcione bien y guíe al usuario hacia las acciones que queremos que realice.
Al finalizar esta sesión tendremos nuestro sitio vestido y preparado para la siguiente etapa: la optimización y el SEO.
Recursos
El Perfume
Optimización
SEO, palabras claves, motores de búsqueda
5
SEO, etiquetas y posicionamiento web.
En esta sesión vamos a darle el toque final a nuestro sitio web: la optimización. Después de construir el esqueleto, desarrollar los músculos, definir la piel y vestir nuestro sitio, llega el momento de prepararlo para que los buscadores comprendan su contenido y los usuarios puedan encontrarlo.
Agrandar
Aprenderemos a optimizar imágenes, videos, iconos y textos mediante etiquetas y palabras clave, organizar los encabezados y configurar títulos SEO y metadescripciones en Wix.
También exploraremos las opciones de SEO avanzado, la configuración de las vistas previas para redes sociales y los ajustes necesarios para permitir la indexación del sitio en Google.
El objetivo es comprender que una página web no solo debe verse bien y funcionar correctamente: también debe comunicar con claridad de qué trata y estar preparada para aparecer en los resultados de búsqueda.
Una web exitosa no solo se construye: se optimiza para que pueda cumplir su propósito.
Recursos
