1

SITIO WEB
Diseo de la estructura del sitio web: El Diseo lgico y fsico. (mapa
de sitio)
Boceto para el diseo de pginas en un sitio web
Implementacin de un sitio web multimedia en wix
Administracin de contenidos en plantillas
Publicacin de un sitio web multimedia en wix

ACTIVIDAD DE APRENDIZAJE N01

Estimado participante, en la sesin N 01, se ha descripto las definiciones fundamentales para
comprender la terminologa utilizada en entornos web, asimismo se ha desarrollado una metodologa
de trabajo para la creacin de pginas web considerando 03 etapas: anlisis, diseo e
implementacin.
A continuacin 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 Informtica y Sistemas de la Universidad Csar Vallejo desea crear un
sitio web para promocionar los servicios que brinda, para ello se debe tomar en cuenta la informacin
de la siguiente direccin www.ucv.edu.pe/cis.
El CIS, es una unidad de negocios de la universidad que tiene como misin brindar servicios de
entrenamiento, capacitacin y certificacin internacional en TI a los estudiantes de la universidad,
profesionales, tcnicos y pblico en general.

Diseo de la estructura del sitio web: El diseo lgico y fsico

ANALISIS:
En el desarrollo de un sitio web es necesario desarrollar la primera etapa dando respuesta a un grupo
muy concreto de interrogantes, que permitirn aclarar y definir de manera bsica las expectativas
existentes para el sitio web a desarrollar.

1.Para qu necesita el sitio web?

2.A quines se dirigir el sitio web?

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

4.Qu informacin a publicar es til para la

comunidad?

5.Qu imagen quiero proyectar en mis usuarios?

6.Qu servicios interactivos entregar a travs del Sitio Web?

Objetivo:
Promocionar los servicios brindados por el Centro de Informtica y Sistemas para incrementar
la cantidad de alumnos y clientes.
Audiencia:
Toda la comunidad estudiantil de la UCV, profesional, tcnica y pblico en general de Trujillo,
interesados en prepararse y actualizarse en TI.
Tecnologa:
Uso de un sitio web, aula virtual, blogs entre otros herramientas tecnolgicas.

DISEO:
Diseo lgico: Esta etapa nos permite crear un diagrama de contenidos en el que se muestra de
manera prctica cuntas secciones tendr el sitio web y cuntos niveles habr tendr dentro de
cada uno, en este caso para el CIS se considerar 04 secciones:

CIS

INICIO

NOSOTROS

SERVICIOS

CONTACTOS

Diseo fsico: Una vez que se tiene el diseo lgico desarrollado, deber generar los sistemas de
acceso a dichos contenidos en el Sitio Web. A travs de estos, los usuarios podrn navegar por las
diferentes pginas.

index.html

index.html

nosotros.html

servicios.html

contactos.html

Diseo de Directorios: permite estructurar las carpetas o directorios que se usarn y servirn para
ordenar los elementos o componentes del sitio:

Boceto para el diseo 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 modificacin del diseo visual de las pantallas del sitio.
Realizar el boceto o diagramacin considerando la distribucin de los espacios para los contenidos a
publicar.

Implementacin 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 direccin es.wix.com.

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

a
b

c)

Ingresar con su usuario y contrasea

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

d) Clic en Crear un nuevo sitio (permite crear un sitio web rpido y fcil)

e) Clic en la categora: puede elegir muchas categoras para el ejercicio seleccionar,

(Comunidad y educacin).

f)

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

Esperar que cargue el sitio web.

Despus seleccionar la categora (Comunidad y educacin) y la pgina (Escuela matutina

en el campo) as se visualiza el sitio web.

Administracin de contenidos de la plantilla

Accediendo a las opciones de Pginas se pueden administrar los contenidos que irn en cada pgina
web, para ello seguiremos el siguiente procedimiento:
g) Modificar el Men de acuerdo al diseo lgico y fsico desarrollado. Hacer clic al botn de
Pginas.
h) Modificar las pginas (INICIO, SOMOS, SERVICIOS, CONTACTO), tener en cuenta el
Nombre de la pgina y Direccin Web de la pgina.

i)

Las pginas que no se utilizan en el sitio web, deben ser quitadas, hacer clic en Eliminar para
borrar.

Se muestra cmo deben quedar las pginas:

LUEGO MODIFICAMOS EL LOGOTIPO:

j)

Hacer clic al logotipo, luego Cambiar imagen con el logo del Centro de Informtica y Sistemas.

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

l)

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

Borre los textos y cambie el tamao de la imagen para que se vea de la siguiente manera:

AGREGAR EL LOGO DE LA UCV:

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

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

imgenes.

Cambiar el tamao de la imagen y moverla como se ve a continuacin:

MODIFICAR EL SLIDESHOW:
Esta opcin permite generar la accin de cambio de imagen una tras otra en la pgina Inicio
o) Hacer clic a SlideShow, Organizar imgenes

p) Borrar las imgenes de muestra para agregar las que van a reemplazar, clic en el botn
(eliminar)

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

10

r)

Seleccionar las imgenes a subir, luego Agregar imgenes. Hacer clic en Terminado para
cerrar la pgina web en edicin.

MODIFICAR LOS TEXTOS Y PRRAFOS DE LA PGINA INICIO

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

Ahora la pgina de INICIO se muestra as:

11

Cambiar la pgina SOMOS (imagen y textos)

Cambiar la pgina SERVICIOS (imagen y textos)

Cambiar la pgina CONTACTO

12

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 direccin 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 pginas webs.

13

Publicacin 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 direccin o lo pueda buscar en cualquier navegador.

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

x) Clic en Publicar.

y) Clic en OK para finalizar.

14

VER LA DIRECCIN DEL SITIO:

Permite verificar la direccin del sitio web para ser promocionada por las redes sociales, o enviar por
correo electrnico.
z) Clic en Opciones Direccin del sitio y terminado.

CONCLUSIN FINAL

Estimado participante despus 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.

15