Clase 6 creación de sitio web en wix parte i

CLASE 6“Creación de Sitios para la Web en WIX. Agregado de elementos

multimediales, enlaces e hipermedia”

TECNOLOGÍA DE LA COMUNICACIÓN Lics. en Comunicación Social y Periodismo

FCH-UNSL (Año 2015)

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE

1. Propósito, formato y organización del sitio

2. Etapas de elaboración o construcción(Diagramación, Redacción, Edición, Armaday Publicación)

• Para realizar la construcción de unsitio web es necesario tener encuenta los siguientes aspectos:

ETAPAS DE CREACIÓN DE SITIOS WEB

WIX

Es unaplataforma enlínea que deforma fácil,rápida,sencilla yadaptablepermiteconstruirsitios webmultimediales,dinámicos,interactivos,personalizados…

WIXAdmite el registro de tres formas diferentes…

WIX

Se encuentraorganizado entres grandescomponentes…

WIX

La SecciónMis Sitiosmuestra accesoa los sitiosque hemoscreado en estaplataforma…

WIX

La SecciónPlantillamuestradiversosdiseños desitios web condiferentestemáticas ydiagramaciones.

Estos puedenencontrarse enidioma españolo inglés y songratuitos opagos…

WIX

La SecciónExplora permiterecorrer latotalidad desitios webcreados en Wix…

WIXLa Sección Suscripciones permite acceder a otros planes de Wix conotras posibilidades (dominio propio, mayor cantidad de almacenamiento,registro de accesos, inexistencia de publicidad, apps de Google)…

WIXLa Sección Soporte ofrece información relativa a las distintasposibilidades que se brindan…

WIX

La SecciónCentral nosmuestra lossitios quehemos creado…

WIX

La SecciónInferior nosmuestrainformación desoporte o ayudapara el trabajoen WIX…

La Sección Diagramación es realizada a través de una plantilla quepodrá ser construida desde cero, o bien, a partir de elementos yaexistentes.

Diseñar desde cero implica tener construida previamente la propuesta dediagramación del sitio.

Diseñar a partir de una plantilla con elementos exige adaptarla enfunción de las necesidades que vayan surgiendo…

WIX

En cualquier caso las plantillas pueden ser gratuitas o pagas y tambiénadaptarse a una navegación web o móvil…

WIX

Generar un sitio para ser navegable desde un celular implica reducir lacantidad de información que se despliega en la pantalla…

WIX

Seleccionando una plantilla para la creación de un sitio en versión WEB…

WIX

WIXInterfaz Principal

2

3

4

5

6

1-Páginas del sitio 2- Botones Deshacer y Rehacer 3- Botones Copiary Pegar 4-Cuadrículas 5- Ajustar a objetos 6- Reglas y Guías 7-Herramientas

7

6

6

6

1

WIXMenú Páginas

Las páginas pueden o no representar una sección concreta del sitio ypueden reordenarse, modificar su nombre, agregar o eliminarse, ser vistasu ocultadas, generar enlaces…

WIXMenú Páginas

Las páginas se despliegan en función de una transición y se ubican en unmenú de opciones con un estilo determinado…

WIXPersonalización del Menú de SeccionesPueden ser modificadas las opciones del Menú, su estilo, e inclusoseleccionar una animación previa a su aparición…

WIXPersonalización del Menú de Secciones

WIXMenú Diseño

Permite personalizar fondo, colores y tipografía de un sitio…

WIXMenú Diseño

WIXMenú Agregar

Permite agregar diversidad de elementos con características acordes almedio digital…

WIXMenú Agregar (Texto e Imagen)

Los textos incorporan diferentes formatos, mientras que las imágenespueden provenir de WIX u otros sitios y ser de diversas tipologías…

WIX

Todos estos elementos además pueden ser modificados de manera sencilla através de las opciones del menú contextual…

WIX

Fuente de Noticias:

El Diario de laRepública

Modificando textos, párrafos e imágenes

http://www.eldiariodelarepublica.com/









WIXMenú Agregar

WIXMenú Agregar- Opciones de Galería

Cuadrícula Mosaico

En el caso de la cuadrícula, el título y la descripción se muestran alsituarse sobre la imagen …


Diapositivas

Miniaturas


Panorámica

En el caso de la cuadrícula, el título y la descripción se muestran alsituarse sobre la imagen …

Franja de diapositivas


Acordeón

Libre


Impacto

Cinta


Collage

Panel de abejas


Cubo 3 D

Carrusel

WIX

Fuente deNoticias:

El Diario de laRepública

Modificando Galería de Imágenes










WIXMenú Agregar Media

Los elementos de la Herramienta Media pueden ser colocados paracomplementar una noticia, en una sección multimedia, etc.…

WIXMenú Agregar Media- Videos

WIXMenú Agregar Media- Audios

WIXMenú Agregar Media- Otros elementos

La elección de uno o más de estos elementos dependen del sitio que se estéimplementando y las opciones que se deseen brindar…

WIXMenú Formas y Líneas

Contribuyen a la decoración y separación/organización de elementos en elsitio…

WIXMenú Botones y Menús

Contribuyen a la decoración y separación/organización de elementos en elsitio…

WIXMenú Botones y Menús

WIXEjemplosde uso enrevistas…

WIXEnlaces

Unen y dan sentido a un conjunto de páginas de un sitio.

Pueden ser realizados a:

•Dirección Web (externa a nuestro sitio)

•Página (interna a nuestro sitio)

•Correo

•Documento

•Lugar concreto dentro de una página (ancla

o marcador)

•Una imagen, video, audio, etc.

Las tipologías de enlaces varían además

dependiendo del programa que se utilice…

WIXEnlace a Email

WIXEnlace a Página del Sitio

WIXEnlace a Página del Sitio

Cada noticia completa puede ubicarse en una única página…

WIXEnlace a Ancla del SitioO bien, todas las noticias completas puedenestar situadas en una única página en cuyocaso se deben utilizar los marcadores oanclas para vincularlas…

WIXEnlace a Ancla del SitioCada ancla se representa mediante una línea divisoria y posee un nombreque la diferencia de las demás……

WIXEnlace a Ancla del SitioDebemos llevar un completo control de nuestro sitio para establecer losenlaces adecuadamente……

WIXEnlace a Ancla del SitioLos enlaces pueden partir del título de la noticia, de un botón Leer más,de los enlaces relacionados, etc.……

WIXEnlace a Ancla del SitioDe acuerdo al enlace requerido por el lector se mostrará el inicio de unau otra noticia……

FIN DE PRESENTACIÓN…Elaborado por Prof. Viviana M. Ponce

[email protected]

CREATIVE COMMONS RECONOCIMIENTO-NOCOMERCIAL-COMPARTIRIGUAL 3.0 UNPORTED LICENSE

mailto:[email protected]

Clase 6 creación de sitio web en wix parte i

Education

Transcript of Clase 6 creación de sitio web en wix parte i