Tutorial wix
- 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ú.
- 13. Además de renombrar la página, esta cajita te permite todas las acciones que ves en el recuadro.
- 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
- 22. Aplicado los pasos anteriores, esta es la nueva imagen del Banner.
- 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.
- 28. Como puedes ver, así de fácil es colocar imágenes en tu web
- 29. Ahora voy a proceder a cambiar botones de acción y recuadro.
- 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.
- 31. Al escribir el texto en esta caja, ya harás el cambio de texto en el 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.
- 34. Nuevos 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.