SITIO WEB Y WIX

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
 Publicación de un sitio web multimedia en wix
ACTIVIDAD DE APRENDIZAJE Nº01
Estimado participante, en la sesión Nº 01, se ha descripto las definiciones
fundamentales para comprender la terminología utilizada en entornos web, asimismo se
ha desarrollado una metodología de trabajo para la creación de páginas web
considerando 03 etapas: análisis, diseño e implementación.
A continuación vamos a realizar una actividad de aprendizaje para retroalimentar
los temas indicados, desarrollaremos un sitio web usando el servicio gratuito WIX.

Ejercicio N° 01: El Centro de Informática y Sistemas de la Universidad César Vallejo

desea crear un sitio web para promocionar los servicios que brinda, para ello se debe
tomar en cuenta la información de la siguiente dirección www.ucv.edu.pe/cis.
El CIS, es una unidad de negocios de la universidad que tiene como misión brindar
servicios de entrenamiento, capacitación y certificación internacional en TI a los
estudiantes de la universidad, profesionales, técnicos y público en general.

Diseño de la estructura del sitio web: El diseño lógico y

físico

ANALISIS:
En el desarrollo de un sitio web es necesario desarrollar la primera etapa dando
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.

1.¿Para qué necesita el sitio web?

2.¿A quiénes se dirigirá el sitio web?

3.¿Qué es lo que buscan las personas en mi sitio web?

4.¿Qué información a publicar es útil para la

comunidad?

5.¿Qué imagen quiero proyectar en mis usuarios?

Objetivo:
Promocionar los servicios brindados por el Centro de Informática y Sistemas para
6.¿Qué servicios interactivos entregaré a través del Sitio Web?
incrementar la cantidad de alumnos y clientes.
Audiencia:
 Toda la comunidad estudiantil de la UCV, profesional, técnica y público en general
de Trujillo, interesados en prepararse y actualizarse en TI.
Tecnología:
Uso de un sitio web, aula virtual, blogs entre otros herramientas tecnológicas.

DISEÑO:
Diseño lógico: Esta etapa nos permite crear un diagrama de contenidos en el que se
muestra de manera práctica cuántas secciones tendrá el sitio web y cuántos niveles
habrá tendrá dentro de cada uno, en este caso para el CIS se considerará 04 secciones:

CIS

INICIO NOSOTROS SERVICIOS CONTACTOS

Diseño físico: Una vez que se tiene el diseño lógico desarrollado, deberá generar los
sistemas de acceso a dichos contenidos en el Sitio Web. A través de estos, los usuarios
podrán navegar por las diferentes páginas.

index.html

index.html nosotros.html servicios.html contactos.html

Diseño de Directorios: permite estructurar las carpetas o directorios que se usarán y

servirán para ordenar los elementos o componentes del sitio:
Boceto para el diseño de un Sitio web en Wix
Una vez terminado el trabajo en la estructura del sitio web, ya se cuenta con los
elementos suficientes para avanzar hacia la modificación del diseño visual de las
pantallas del sitio.
Realizar el boceto o diagramación considerando la distribución de los espacios para los
contenidos a publicar.

Implementación del Sitio web 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 los sitios web. Para
iniciar a desarrollar nuestro proyecto debemos seguir los siguientes pasos:

a) Abrir el navegador en internet y escribir la dirección es.wix.com.

b) Clic en el botón Entrar/Registrar (para registrarse o para ingresar al servicio
WIX)

a
b

c) Ingresar con su usuario y contraseña

Seleccionar Soy un usuario existe.
Luego hacer clic en Continuar.
 c

d) Clic en Crear un nuevo sitio (permite crear un sitio web rápido y fácil)

e) Clic en la categoría: puede elegir muchas categorías para el ejercicio

seleccionar, (Comunidad y educación).

f) En el sitio web de (Escuela matutina en el campo) clic en Editar

Esperar que cargue el sitio web.

 Después seleccionar la categoría (Comunidad y educación) y la página (Escuela
matutina en el campo) así se visualiza el sitio web.

Administración de contenidos de la plantilla

Accediendo a las opciones de Páginas se pueden administrar los contenidos que irán en
cada página web, para ello seguiremos el siguiente procedimiento:

g) Modificar el Menú de acuerdo al diseño lógico y físico desarrollado. Hacer clic al

botón de Páginas.
h) Modificar las páginas (INICIO, SOMOS, SERVICIOS, CONTACTO), tener en cuenta
el Nombre de la página y Dirección Web de la página.
 g

Hacer lo mismo para cada página solicitada.

i) Las páginas que no se utilizan en el sitio web, deben ser quitadas, hacer clic en
Eliminar para borrar.
 i

Se muestra cómo deben quedar las páginas:

LUEGO MODIFICAMOS EL LOGOTIPO:

j) Hacer clic al logotipo, luego Cambiar imagen con el logo del Centro de
Informática y Sistemas.

k) Luego hacer clic en Cargar imágenes, seleccionar los archivos y luego Abrir.
Esperar que se carguen las imágenes (logo CIS y UCV).
 k

l) Seleccionar la imagen a cambiar, luego clic en Cambiar imagen.

Borre los textos y cambie el tamaño de la imagen para que se vea de la

siguiente manera:

AGREGAR EL LOGO DE LA UCV:

m) Hacer clic al botón del Mas (+), Imagen, luego Imagen, seleccionar archivo a
subir
 m

n) Para agregar la imagen de la UCV, seguimos el mismo procedimiento clic en

Agregar imágenes.

Cambiar el tamaño de la imagen y moverla como se ve a continuación:

MODIFICAR EL SLIDESHOW:
Esta opción permite generar la acción de cambio de imagen una tras otra en la
página Inicio
o) Hacer clic a SlideShow, Organizar imágenes
 o

p) Borrar las imágenes de muestra para agregar las que van a reemplazar, clic en
el botón (eliminar)

q) Hacer clic a Agregar imágenes, luego Cargar imágenes para subir los archivos
al sitio web.

r) Seleccionar las imágenes a subir, luego Agregar imágenes. Hacer clic en

Terminado para cerrar la página web en edición.
 r

MODIFICAR LOS TEXTOS Y PÁRRAFOS DE LA PÁGINA INICIO

s) Seleccionar los textos y párrafos, Editar texto, con los contenidos encontrados
en la nube. Escribir o copiar y pegar los textos

Ahora la página de INICIO se muestra así:

Cambiar la página SOMOS (imagen y textos)

Cambiar la página SERVICIOS (imagen y textos)

Cambiar la página CONTACTO

GUARDAR EL SITIO: Permite guardar el sitio web para continuar modificando y
actualizando en el futuro.
t) Hacer clic en Guardar.
t

u) Escribir el nombre del sitio web y guardar. Es muy importante porque será el
nombre que se va a generar como la dirección de sitio web.

v) Si se guardó correctamente, aparece la siguiente ventana, luego hacer clic en

OK.

Debe grabar cada vez que haces cambios a las páginas webs.
Publicación del Sitio Web:
Permite subir a la nube el sitio web y estar activo a la solicitud de acceso de cualquier
persona que ingresa la dirección o lo pueda buscar en cualquier navegador.

w) Hacer clic en Publicar. Esta acción permite lanzar el sitio web a la nube y puede
ser visto por cualquier internauta. w

x) Clic en Publicar.

y) Clic en OK para finalizar.

VER LA DIRECCIÓN DEL SITIO:

Permite verificar la dirección del sitio web para ser promocionada por las redes sociales,
o enviar por correo electrónico.

z) Clic en Opciones – Dirección del sitio y terminado.

 z

CONCLUSIÓN FINAL

Estimado participante después de haber finalizado esta actividad de aprendizaje, cada

uno de ustedes ha desarrollado las capacidades de planificar e implementar un sitio
web multimedia en Wix del tipo empresarial en forma organizada y eficiente.