Elaborado por la Prof. Ana Silvina Maldonado (amaldonado@unsl.edu.ar)

Creative Commons Reconocimiento-Nocomercial-compartirigual 3.0 Unported Licens

1º Cuatrimestre – 2015

WIX PARA LA CREACIÓN DE

SITIOS WEB

Tecnología de la Comunicación II

Prof. Resp. Esp. Viviana Ponce

Prof. Aux. Esp. Ana Silvina Maldonado

Universidad Nacional de San Luis

Facultad de Ciencias Humanas

Licenciatura en Comunicación Social

Clase 6

Objetivo: conocer el servicio gratuito de creación de páginas web -WIX- y comenzar a utilizar sus

herramientas pensando en la elaboración de un periódico y/o revista digital como trabajo final de la

materia.

Organizar el Proyecto Final

Como primera actividad, es necesario decidir los integrantes del grupo para realizar el Trabajo

Final y el típo de medio de comunicación digital a realizar: periódico o revista.

Luego, ya en grupo, realizar en un documento de word los tres primeros ítems de la Actividad 1

del Proyecto (Propósito, Formato y Diagramación). Guarde el documento con el nombre

“Informe” y envíelo por correo o compártalo en Google Drive, a razón que todos los integrantes

del grupo puedan acceder al mismo.

Conociendo y Navegando por Wix paso a paso...

Ingresar a la siguiente dirección http://es.wix.com/

En caso que tengas usuario, ingresa a la página. De lo contrario, regístrate optando por las diversas

formas que brinda (crear cuenta nueva en Wix, usar la cuenta de Facebook o la cuenta de Google+).

Una vez que seas usuario, comienza la etapa de elección de diseño que tendrá la página. En caso de no

estar convencido/a de las elecciones, podrás modificarlas luego.

1. Elección de plantilla: dependerá de la temática que tendrá el periódico o la revista, de la potencial

audiencia y de qué y cómo se quiere informar. Cada Categoría posee una flecha desplegable con

subcategorías. Elige la opción (categoría y subcategoría) pertinente a la temática a trabajar en el Proyecto.

Una vez seleccionadas dichas categorías, presione YA y siga.

2. En la página siguiente, debes elegir específicamente la plantilla a utilizar. Varios puntos debemos

conocer antes: Podemos buscar otras categorías tanto en el menú vertical como en la caja de búsqueda.

Podemos Ver cómo sería la plantilla seleccionada haciendo clic en el botón correspondiente y recordando

el nombre de la misma y finalmente, elegir Editar para comenzar.

Haga clic en el botón Editar de la plantilla que hayan seleccionado.

3. En

el momento que seleccionas editar la plantilla, te aparecerá un cuadro con un video explicativo de lo que

implica editar con el código HTML. Es rápido y didáctico, si puedes reprodúcelo. En caso contrario,

cierra el cuadro haciendo clic en la X.

4. Interfaz de la página de Edición del sitio web.

-Tomemos un tiempo para conocer y explorar las herramientas que nos ofrece el sitio. La siguiente

imagen contiene una numeración que es explicada debidamente a continuación:

1: Al hacer clic en el ícono de la PC, se puede observar en pantalla cómo quedaría el sitio en caso que se

acceda al mismo desde una computadora. El ícono del teléfono, nos permite editar teniendo en cuenta

especificaciones propias para adaptar el contenido web a una aplicación móvil.

2. Menú desplegable donde se muestran y a través del cual se puede acceder a todas las páginas que

forman parte del sitio web que se está editando. A medida que cree páginas, aparecerán automáticamente

en este menú.

3. Botones que permiten Deshacer (Ctrl+Z) o Rehacer (Ctrl+Y) una acción.

4. Botones de Copiar y Pegar. Funcionan además los comandos Ctrl+C y Ctrl+V.

5. Opción de Cuadrículas: Se activan líneas de puntos que delimitan cada parte de la página

(encabezado-texto-video/imagen-caja-pie de página). Para modificar el estilo o la posición de cada parte,

debe hacer doble clic sobre la línea y le aparecerá un cuadro explicativo para editar y una flecha

desplegable para cambiar el tamaño (Manilla de estirar).

Opción de Ajustar a Objetos: se activan en cada objeto la opción de Arrastar o de Modificar (estirar).

Nota: Al utilizar algunos de los íconos anteriores, se activa inmediatemente la opción “Reglas y Guías”

que ayuda a organizar asimétricamente los objetos que se incorporan.

6. Vista Previa (F5) sirve para ver cómo se ve en la web el sitio que se está editando.

Guardar: Esta opción puede aparecer a medida que editemos o podemos acceder a ella, cliqueando el

ícono que corresponde. En esta etapa debes darle un nombre a tu sitio, en caso de aún no tener definido el

nombre, lo puedes realizar más adelante. En caso que ya esté el sitio listo y que desee hacerlo público,

hacer clic en Publicar.

7. Páginas: Aquí se harán visibles y aptas para editar, cada una de las páginas que el sitio tendrá. Al hacer

clic en configuraciones se despliegan nuevas tareas entre ellas, arrastrar, nombrar, direccionar. Desde esta

herramienta se deben crear las secciones y en caso que no deba aparecer en el menú, desactivar la opción

pero recordar la dirección de la página web para luego enlazar la misma.

8. Diseño

: Desde

esta opción se podrá modificar el fondo,

el color y las tipografías a utilizar. Las elecciones y los

cambios se pueden realizar continuamente, ninguno de ellos

es definitivo antes de publicar.

9. Agregar: Desde esta opción se puede incluir contenido, textual, audiovisual, dinámico e interactivo.

Posee una barra desplazadora para ver más opciones. Al elegir un elemento para agregar inmediatamente

se activa la opción específica de dicha acción.

Nota: en caso de agragar contenido propio, se recomienda tener todo organizado en una carpeta para

optimizar tiempo y organización.

10. Tienda: herramienta más que interesante que permite incluir contenido dinámico e interactivo como

así también utilizar aplicaciones de diversa índole. De acuerdo al objetivo del sitio se pueden agregar

aplicaciones gratuitas, crear las propias. Bajo las siguientes categorías, se puede acceder a las

aplicaciones: Destacado, Nuevo, Más populares, Todas las aplicaciones, Gratis, Hechas por Wix, Sociales,

Formularios, Galerias...

Al hacer clic en el botón “Agregar al sitio”, aparece un cuadro que informa el autor de la aplicación y otro

botón que nos permite incluir finalmente la misma al sitio. La APP aparecerá en el sitio junto a un cuadro

que nos permite editar la misma.

11. Desde el ícono Opciones, se podrán hacer modificaciones en el nombre de la URL del sitio, las

opciones para que el mismo sea visible o no en los motores de búsqueda, especificaciones particulares que

tendrán las redes sociales elegidas para utilizar, estadísticas en cuanto al funcionamiento del sitio y por

último, puedes cambiar el Favicon (imagen que aparece en la caja de URL).

12.

Comentari

os:

Herramie

nta que

permite

que los

usuarios

más

conocidos

puedan valorar el sitio antes de que sea publicado.

13. Áreas de trabajo delimitadas por puntos

contínuos que se pueden editar constantemente.

14. Ícono de Wix: desde el puedes acceder y salir de tu cuenta como así también guardar y modificar el

nombre del sitio.

5. Para concluir la primera etapa de edición de sitios web con Wix, y recordando que estámos creando el

medio de comuncación digital para el Proyecto Parcial, realicemos las siguientes tareas:

Cambiar la imagen de fondo para que corresponda con la temática. (Se recomienda utilizar fondos que

no interrumpan la percepción visual del contenido).

Realizar modificaciones en cuanto a diseño que desee (tipografías, color, columnas, etc.).

En el encabezado, agregar el título y subtítulo (o descripción si es necesario).

Crear las secciones (al menos 10). En este punto será necesario recordar las noticias realizadas en

Tecnología I ya que servirán para incorporarlas al medio. Además deberá pensar, sobre qué tratarán las

nuevas noticias que escribirán.

Denomine a una de las secciones “Nosotros” (puede cambiar el nombre). Desde esta página se debe

poder acceder a datos referidos al Autor/es del sitio, objetivo y audiencia, formas de contacto, mapa

del sitio, entre otros. (El texto de esta página puede surgir a partir de la actividad 1 del Proyecto

Parcial).

Completar el pie de página con los datos que considere necesarios. Algunos ejemplos ilustrativos:

Diario Clarín (http://www.clarin.com/) del día 07/05/2015, 09:51 hs

El Diario de la República (http://www.eldiariodelarepublica.com/) del día 07/05/2015, 09:54 hs

Guardar lo realizado hasta el momento e indicar la dirección que tendrá el medio de comunicación

digital.

Fin de la práctica con Wix.

Seguimos en el próximo práctico para incorporar más elementos al sitio.

Recomendaciones para tener en cuenta antes de cursar el próximo práctico

Pensar en el logo que el medio tendrá y realizarlo en Illustrator.

Recuperar las noticias realizadas en Tecnología I y tenerlas en formato .doc en un dispositivo.

Recuperar el material multimedia realizado en Tecnología I (imagen, audio, video, estadísitcas,

mapas) y tenerlas en el formato que corresponda en un dispositivo.

Tener las noticias redactas en el práctico anterior en el formato correspondiente.

Tener el contenido multimedio que acompaña a las noticias en el formato que corresponda

(imagen, video, audio) y en un dispositivo.