Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Guia Didactica - 01 - Wix PDF
Guia Didactica - 01 - Wix PDF
1
Diseño de la estructura del sitio web: El diseño lógico y
físico (mapa de sitio)
Boceto para el diseño de páginas en un sitio web
Implementación de un sitio web multimedia en WIX
GUÍA DIDÁCTICA
Descripción
Con las ventajas del internet conoceremos algunas definiciones
fundamentales para comprender la terminología utilizada en entornos web, los
mismos que nos son útiles en el desarrollo de nuestras actividades cotidianas. Al
mismo tiempo comprenderemos el proceso previo de diseño para crear sitios web
coherentes y consistentes, que faciliten posteriormente la creación de páginas web
haciendo uso de múltiples herramientas aplicativas.
Capacidad
El participante al final de esta sesión estará en capacidad de planificar e
implementar un sitio web multimedia en WIX del tipo empresarial en forma
organizada y eficiente.
Actividad
Elabora un sitio web, para un caso seleccionado de acuerdo a su carrera
profesional, posteriormente deberá implementarlo haciendo uso de los
servicios brindados por WIX para la creación y administración de Sitios Web.
Evaluación
En esta sesión Ud. será evaluado en:
Planifica e implementa un sitio web multimedia en WIX de tipo empresarial en
forma organizada y eficiente.
Diseño de la estructura del sitio web: El diseño lógico
y físico
1. Análisis
En el desarrollo de un sitio web podemos iniciar por dar respuesta a un grupo
muy concreto de interrogantes, que permitirán aclarar y definir de manera
básica las expectativas existentes para el sitio web a desarrollar.
3
Estas respuestas permitirán dar forma a los siguientes elementos de análisis:
a) Objetivo: Definir las metas del proyecto, estas deben ser generales y
específicas, con el fin de contar con el mayor detalle posible de lo que se
desea conseguir.
Ejemplo:
b) Audiencia: Está claro que el Sitio Web no podrá atender al todo público
dado que el acceso a Internet se produce mayoritariamente en
segmentos de ingresos medianos a altos. Sin embargo, hay varias
consideraciones a tener en cuenta, al definir qué tipos de usuario que se
atenderán desde las páginas del sitio.
4
Ejemplos:
Personas con nivel de instrucción superior orientados a la
educación.
Jóvenes entre 18 y 25 años interesados en la adquisición de
productos tecnológicos.
Proveedores de empresas industriales interesadas en
conocer los servicios y productos brindados.
2. Diseño.
a) Diseño Lógico.
Se refiere al proceso de crear un diagrama de contenidos en el que se
muestre de manera práctica cuántas secciones tendrá el sitio web y
cuántos niveles habrá dentro de cada uno.
Secciones: se debe intentar que sean las menos posibles, con el fin
de concentrar las acciones del usuario en pocas áreas.
Niveles: se debe intentar que el usuario esté siempre a menos de tres
clics del contenido que anda buscando. Por ello no se debería crear
más de tres niveles de acceso.
5
Ejemplo:
Para este fin utilizaremos el diseño físico el cual indicará el nombre de los
archivos que se crearán y cómo estos se relacionarán.
6
Ejemplo:
Diseño de Directorios:
Este ítem nos permite estructurar las carpetas o directorios que usaremos y
nos servirán para ordenar los elementos de nuestro sitio.
Ejemplo:
7
Ejemplo:
Preparación de Contenidos:
Para finalizar la etapa del diseño procedemos a crear y/o recolectar el
contenido que será publicado en cada una de nuestras páginas que
conformarán nuestro sitio web.
3. Implementación:
Una vez concluidas las fases anteriores procedemos a seleccionar las
herramientas más adecuadas para proceder a implementar nuestro sitio
web y poder ponerlo en funcionamiento.
Existen herramientas que permiten la implementación desde el más básico
y otras herramientas utilitarias que generan contenidos o modifican
estructuras con la finalidad de hacer más sencillo el trabajo.
Una vez terminada la implementación de nuestro sitio debemos colocarlo en
funcionamiento, para lo cual requerimos de dos elementos:
Servidor de alojamiento: que será el que almacene todo lo creado.
Nombre de dominio: nombre que identificará como único nuestro sitio y
por el cual los usuarios podrán acceder al contenido alojado en un
servidor.
8
Boceto para el diseño de páginas en un sitio web
Una vez terminado el trabajo en la estructura del sitio web, ya se cuenta con
los elementos suficientes para avanzar hacia la generación del diseño visual de
las pantallas del sitio.
En algunos casos se denomina diseño de maquetación o diagramación
considerando una distribución de los espacios para los contenidos a publicar.
Los bocetos o
maquetación ayudan en la
organización de la
información (ubicación de
los contenidos) en las
páginas web.
9
Implementación de un sitio web multimedia en WIX
WIX es un servicio que permite construir sitios web con la modalidad hazlo-
tu-mismo, una herramienta online gratuita que permite crear y personalizar sus
propios sitios web. WIX también es considerado como un creador de páginas web.
.
Para iniciar con la creación de nuestro sitio web en WIX seguimos el siguiente
proceso:
Registrarse en WIX (Usuario Nuevo)
1. Abrir su navegador de internet y acceda a la siguiente dirección:
http://es.WIX.com
10
2. A continuación debe registrarse en WIX (crear una nueva cuenta), para lo
cual hacer clic en el botón Entrar:
3. Ingrese los datos solicitados para acceder al WIX. Ejemplo: Correo, Soy un
nuevo usuario y Contraseña.
11
Desde entorno podrá seleccionar la plantilla del sitio web a diseñar para sus
páginas.
12
3. Tendrá el siguiente en entorno
Opciones de WIX
Opciones de WIX:
Mis Sitios: Permite visualizar los sitios web creaos anteriormente con esta
cuenta de usuario.
Plantillas Muestra las plantillas que puede usar para diseñar su sitio web.
Explora: Muestra ejemplos páginas web de otros usuarios de WIX, en los
cuales podemos basarnos para crear nuestro sitio web.
Suscripciones: Muestra alternativas para suscribirnos en otros servicios
de WIX,
13
Administración de plantillas en WIX
Si recién hemos creado una cuenta en WIX nos muestra una ventana de
bienvenida y a la vez nos invita a seleccionar una categoría y subcategoría de
plantillas que podemos seleccionar para iniciar con la creación de nuestro sitio.
Pero si ya somos usuarios de WIX, haga clic en el menú Plantillas del menú del
WIX, donde podemos seleccionar la categoría y plantilla a usar como en la
siguiente imagen:
14
Creación de un sitio web en WIX
b
a
Editor de WIX
Ahora procedemos a personalizar la plantilla, para hacerlo podemos ir a las
opciones del panel lateral izquierdo, o también seleccionamos el elemento de
la plantilla a modificar y haciendo clic derecho sobre él, nos muestra sus
propiedades a configurar.
Recuerda, que siempre debes ubicarte en la página que desees configurar para
personalizarla.
15
Selector de Página a editar Opciones de Almacenamiento y Publicación del Sitio
16
b) Herramientas de Edición de Páginas: Para personalizar las páginas del sitio
web
Para acceder a las aplicaciones en las puede estar tus páginas: contactos,
redes sociales, ventas online; a través de variadas herramientas de
Marketing.
17
e) Barra de herramientas: Muestra las propiedades del objeto seleccionado en
la página, para ser ajustadas.
18
4. Personalizar la transición de la página. Ejemplo: Atenuado
5. El mismo proceso debe desarrollarse para cada página del sitio web.
19
7. Podemos escoger un color, imagen o vídeo para el fondo; pudiendo también
aplicarse a otras.
a. Al hacer clic en el botón Color, puede seleccionar el color a aplicar.
20
c. Al hacer clic en el botón Vídeo, puede seleccionar el video a aplicar
(desde su PC o del WIX).
21
a. Página: deberá ingresar el nombre de la página a añadir. Ejemplo:
ASESORES.
22
c. Menú de encabezado: para agregar un menú desplegable.
Pasos:
2. Ingrese el nombre del sitio web, con el cual obtendrá la dirección del mismo.
Ejemplo: computacion3.
23
Publicar su sitio web
24
App, es una abreviatura de aplicación. Es una aplicación o también llamada
una pieza de software. Puede funcionar en Internet, en su computadora o en
su teléfono o dispositivo electrónico.
REFERENCIAS:
25