1. DISEÑO WEB WIX
Continuando con la
experiencia llevada a cabo,
en la 1ra sesión de clases,
voy a proceder a realizar un
tutorial, que les permitirá
avanzar en el diseño de su
página web.
2. DISEÑO WEB WIX
Recuerden que deben estar
registrados en Wix, si este
paso ya está dado, entonces
entra en Wix y elige una
plantilla. No tiene que ser la
definitiva, elige una por los
momentos para practicar el
diseño.
3. Wix te ofrece una variedad de categorías de
plantillas, para que tu hagas la elección de
aquella, que mejor se ajuste al diseño que
deseas crear. También tiene plantillas en
blanco, para que el diseño se haga desde
cero, sin ningún patrón preconcebido.
4. Para efectos del tutorial, voy a trabajar con esta
plantilla, así podrán ver el paso a paso y los
cambios generados en el diseño de esta
plantilla.
5. DISEÑO WEB WIX
El presente tutorial, les va a
guiar al reconocimiento y
forma de operar, con las
cajas de herramientas que
posee la Wix. Por ahora sólo
vamos a trabajar con
nuestra página de inicio y
agregar recursos en la
página Wix.
6. En esta página de inicio podemos reconocer:
Un bloque
central
Un bloque
lateral
Identificación
del portal
Menú
principal
7. Identificació
n del portal Para empezar a realizar los cambios, que requiera tu página y
según el diseño que tienes planteado, has clic en editar este
sitio web.
8. DISEÑO WEB WIX
Es importante en el diseño que
consideres: La página web es
educativa, es para formar una
comunidad de investigadores o va a
tener un carácter comercial. Porque
cada una de ella tiene y cumple
diferentes objetivos, además va
dirigida a diferentes usuarios.
9. Una vez que has hecho clic en el editor, veraz la
plantilla punteada lo cual te indica que ya puedes
empezar a diseñar tu página, además te muestra las
diferentes cajas de herramientas, con las cuales vas a
realizar las diferentes acciones y aplicaciones para el
diseño.
10. Dando clic en paginas
de inicio, se va a
desplegar una ventana
que te permitirá
modificar el texto del
menú principal.
Es importante que
en la medida que
vas realizando
cambios y
diseñando tu
página web, des
clic a guardar y
después publicar.
Esto te garantiza
que los cambios
realizados
permanezcan.
11. Como puedes observar, se ha
abierto la caja para modificar el
menú principal y haciendo
nuevamente clic en el botoncito
azul, podrás realizar varias
acciones, entre ellas renombrar la
pestaña del menú. Ver la siguiente
página.
Botoncito
azul
12. En donde decía
servicios, hice clic
en renombrar y edité
la palabra
COMUNIDAD DE
INVESTIGADORES.
Eso lo puedes hacer
con cualquiera de
las pestañas del
menú.
14. Parándote con
el mouse sobre
cualquiera de
estas cajitas y
haciendo clic
botón izquierdo
de tu mouse,
podrás navegar
entre estas
páginas, para ir
diseñándolas.
15. Al pararte con tu mouse, sobre
el título de la página de inicio,
va a aparecer el editor de texto,
haciendo clic allí, se abrirá una
nueva caja, con la cual pueden
cambiar el título, colocar
tamaño de la fuente, color,
cambiar la fuente a negritas o
itálica, así como también dar
efectos al texto (como
sombreado).
Haciendo clic aquí,
puedes ir observando
cómo va quedando la
página.
16. De acuerdo a lo
explicado hasta ahora,
estos son los cambio
en el diseño de la
página
Haciendo clic aquí,
regresas al proceso de
edición, para continuar con
el diseño.
17. Para cambiar el diseño
de la barra del menú,
debes pararte con el
mouse sobre la barra,
hacer clic botón
izquierdo del mouse y
una vez que esté
seleccionada la barra,
hacer clic en suprimir,
en el teclado de tu PC
18. Posteriormente, has clic en
agregar (+), nuevamente
clic en menú y se
desplegará una serie de
barras de menú para tu
elección, al hacer clic sobre
la barra que hayas elegido,
esta aparecerá en la página,
con el mouse deberás
posicionarla en el lugar que
corresponda en la web.
19. Para cambiar las imágenes del Banner, posa el mouse sobre el mismo, has
clic botón izquierdo y una vez seleccionado aparecerá la opción cambiar
imágenes, lo que te dará la posibilidad de quitar las imágenes que tenia el
Banner y colocar nuevas imágenes.
20. Una ves que hagas clic en cambiar imágenes, abrirá el
siguiente recuadro, el mismo indica la opción de agregar
imágenes para sustituir las que vas a cambiar en el banner
21. Selecciona
la imagen
que
quieres
cambiar
Aparecerá en el
recuadro
reemplazar
imagen, al hacer
clic allí, te dará la
opción de subir o
cargar una imagen
desde tu PC, para
sustituir la que se
va a cambiar en el
banner.
Al subir la imagen debes dar clic en guardar
23. Ahora bien, hecho ya estos cambios,
voy a proceder a traer una imagen
desde mi PC, para que sea el logotipo
de mi página web
24. Para colocar una imagen en la
web, debes hacer clic en
agregar (+), se procederá a
desplegar una caja con varias
opciones, hacer clic en
imagen, y allí están las
diferentes posibilidades de
agregar imágenes. En el caso
particular que me ocupa, voy a
subir un logotipo desde mi
PC, en ese caso hago clic en
mis imágenes cargadas.
25. Como verán, la
Wix posee un
repositorio, que
permite guardar
las imágenes
que han sido
utilizadas.
Para cargar una imagen
desde tu PC, hacer clic
en cargar imágenes.
26. Al hacer clic en cargar imágenes, entrará
en tu PC, tu realizaras la búsqueda de la
imagen que te interesa, selecciona la
imagen, luego deberás dar clic en abrir, y
esto llevara la imagen desde tu PC al
repositorio de WIX.
27. Una vez que la imagen ya
aparece en el repositorio Wix,
selecciona la imagen y
posteriormente dar clic en
aplicar, este paso hará que la
imagen pase a la página web.
Una vez allí, tu con el mouse
colocaras la imagen en el lugar
que corresponde, según el
diseño.
30. Al pararte con el mouse
sobre el botón, selecciona
el mismo haciendo clic
botón izquierdo de tu
mouse, al quedar
seleccionado, aparecerá
la aplicación cambiar
texto, al realizar clic allí
abrirá la caja que te
permitirá cambiar el texto
del botón.
32. Para cambiar el
diseño del botón,
selecciona la cajita
del botón, da clic
botón izquierdo del
mouse y aparecerá
este recuadro, luego
clic donde dice
diseño y se
desplegará otro
recuadro con la
variedad de botones
que puedes escoger
para cambiar el
botón que
seleccionaste.
33. Si deseas eliminar
los botones y
diseñar botones
nuevos, debes
seleccionar cada
botón, hacer clic
en suprimir,
después hacer clic
en agregar (+),
nuevamente clic en
la palabra botón y
se desplegaran una
gran variedad de
diseños, que al
seleccionar
cualquiera de ellos,
podrás cambiar el
diseño de los
botones.
35. Para cambiar la
caja,
seleccionar la
misma y
suprimir, luego
hacer clic en
agregar (+),
nuevamente clic
en la palabra
caja y aparecerá
la gran variedad
de cajas por la
que puedes
sustituir la que
quieras cambiar.
37. Para agregar objetos
con código HTML,
debes dar clic en
agregar (+),
nuevamente clic en
Más, y se desplegara
una ventana que te
permite alojar recursos
colocando la dirección
URL (1), recursos con
código fuente (2) o
recursos Flash (3).
1 2 3
39. En la opción Mis cargas,
podrás alojar en tu web:
imágenes
audio
documentos
40. DISEÑO WEB WIX
Las opciones de la Wix son
versátiles y muy sencillas de
alojar, lo importante es que
tengas claro el diseño que
quieres para tu plataforma y
en función de ello, agregar
cada elemento.