Elaborado por la Prof. Ana Silvina Maldonado ([email protected])
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.
Top Related