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?

6.¿Qué servicios interactivos entregaré a través del Sitio Web?

2
 Objetivo:
Promocionar los servicios brindados por el Centro de Informática y Sistemas para 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

3
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

4
c) Ingresar con su usuario y contraseña
Seleccionar Soy un usuario existe.
Luego hacer clic en Continuar.

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

5
 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.

6
 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.

7
 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).

8
 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

9
 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

10
 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.

11
 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í:

12
Cambiar la página SOMOS (imagen y textos)

Cambiar la página SERVICIOS (imagen y textos)

Cambiar la página CONTACTO

13
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.

14
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.

15
 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.

16