Tutorial Sharepoint 2013 - Direcciones nacionales

Tutorial administración de contenidos

Sharepoint 2013

Capítulo 1. Acceso a la administración 1.1. Acceso al administrador 1.2. Inicio de sesión en el editor

Capítulo 2. Estructura del sitio web 2.1. Estructura de un sitio de Sharepoint

Capítulo 3. Edición básica del sitio 3.1. Panel de edición 3.2. Crear y editar página 3.3. Crear una página de contenido 3.4. Editar página de contenido 3.5. Editar contenidos: hipertexto 3.6. Editar contenidos: imágenes 3.7. Publicación de página 3.8. Edición de una página, luego de que está publicada 3.9. Editar contenidos: tablas 3.10. Editar contenidos: hipervínculos 3.11. Editar contenidos: hipermedia 3.12. Editar SEO de la página 3.13. Convertir una página en la página de inicio 3.14. Eliminar una página.

Capítulo 4. Edición avanzada del sitio 4.1. Contenido y estructura. Acceso a la vista general del sitio 4.3. Editar el menú de navegación 4.4. Crear menús a través de listas de página

Capítulo 5. Otros recursos 5.1. Web Resizer

1

Capítulo 1. Acceso a la administración

1.1. Acceso al administrador La administración de contenidos del portal de la Universidad Cooperativa de Colombia es realizada mediante la plataforma Microsoft Sharepoint. Las acciones generales que permite la gestión de este portal son: • • •

Creación de páginas nuevas Edición de páginas existentes Creación y edición de sitios nuevos

En este tutorial, se mostrarán las tareas principales que se pueden realizar en cada una de estas acciones, con las cuales se podrán administrar los contenidos generados desde las sedes y dependencias de la Universidad Cooperativa de Colombia.

Para iniciar el proceso de administración, comenzamos buscando la página que queremos editar, podemos escribir o ir directamente la Dirección URL del sitio que se va a editar. En el caso de este tutorial, haremos el ejercicio con el sitio de la sede Bogotá, que tiene como dirección URL www.ucc.edu.co/bogota.

Al estar allí, hacemos clic en el enlace INICIO DE SESIÓN del sitio web, link ubicado en la parte superior izquierda de la página.

Para ingresar a nuestro sitio, debemos tener con anterioridad los permisos de acceso de usuario, los cuales deben ser solicitados ante la Dirección de Comunicaciones, ente encargado de definir los roles y permisos de administración del sitio. Es de tener en cuenta que los roles de administración son distintos de acuerdo al alcance y las necesidades de cada dependencia. Esta definición de roles, estará a cargo de la misma Dirección de Comunicaciones de la Universidad Cooperativa de Colombia.

1.2. Inicio de sesión en el editor Luego de hacer clic en el link superior izquierdo INICIO DE SESIÓN, aparecerá un cuadro de diálogo que nos solicitará nombre de usuario y contraseña. Esta información corresponde al nombre de nuestro correo electrónico institucional (sin el @ucc.edu.co) y la contraseña del mismo. Si nos encontramos fuera de las redes de la Universidad, digitaremos nuestro usuario así: UCC\nombredeusuario.

En el caso de no tener permisos de edición sobre el sitio de nuestra sede o dependencia, debemos solicitarlo a la Dirección de Comunicaciones de la Universidad Cooperativa de Colombia.

2

Capítulo 2. Estructura del sitio web 2.1. Estructura de un sitio de Sharepoint A continuación se describe la estructura de un sitio web básico de Sharepoint, que está compuesto por carpetas que alojan tipos de contenidos específicos: documentos, imágenes y páginas.

Sitio

Documentos

Imágenes

Páginas

En esta carpeta se alojan los documentos que se suben al sitio web y desde allí se enlazan o se filtran para que los usuarios puedan consultarlos.

En esta carpeta se alojan las imágenes que se suben al sitio web y desde allí se cargan en la página que lo requiera.

En esta carpeta se alojan las páginas del sitio.

Al utilizar la opción de Insertar archivo del editor de Sharepoint, el sistema automaticamente alojará el documento en esta carpeta.

Al utilizar la opción de Insertar imagen del editor de Sharepoint, el sistema automaticamente alojará la imagen en esta carpeta.

Al utilizar la opción de Agregar una página de la configiración de Sharepoint, el sistema automaticamente alojará la página en esta carpeta.

Flujos de trabajo

En esta carpeta se alojan las tareas que componen los flujos de trabajo de un sitio. En este momento estos flujos están deshabilitados en todos los sitios.

3

Capítulo 3. Edición básica del sitio 3.1. Panel de edición Luego de haber iniciado sesión en nuestro sitio, vemos que la apariencia de la interfaz de usuario cambia. Se muestra ahora un panel superior nuevo, con el que se editará todo el sitio. En el extremo superior derecho aparece un ícono de un piñón, al presionarlo nos muestra el panel general de acciones de nuestro sitio, del cual destacaremos los siguientes elementos, que son las acciones más comunes que realizaremos en nuestro sitio: • •

Editar página: usado para trabajar directamente sobre la página que tenemos abierta.

Agregar una página: usado para crear una página nueva en el sitio en el que nos encontramos actualmente.

La edición avanzada de plantillas o de diseño se debe solicitar a la Dirección de Comunicaciones.

3.2. Crear y editar página Comencemos entonces con las tareas básicas. La primera de ellas es la más común, y quizá la que más realizarán en el sitio, y es la que tiene que ver con la creación y edición de páginas. Esta se realiza ubicándonos directamente en el sitio o sección donde queremos agregar y editar esta página, acción que podemos realizar buscando la Dirección URL de la sección en la que queremos crear y editar la página, bien sea escribiéndola en la caja de la dirección web del navegador, llegando a esta mediante los diferentes menús de navegación, o, de manera más avanzada, mediante la Configuración del Sitio, que veremos más adelante. Para este caso, la crearemos en la sección www.ucc.edu.co/bogota/sede a la que llegamos navegando en el menú principal de la Sede Bogotá.

3.3. Crear una página de contenido Las páginas de contenido son creadas mediante el panel que vimos anteriormente. Vamos al ícono piñón de la parte superior derecha de nuestra página, lo desplegamos y hacemos clic en la opción AGREGAR UNA PÁGINA.

Aparecerá un mensaje emergente solicitándonos el nombre de la página. Tener en cuenta, que será el nombre que aparecerá en la caja de la Dirección URL, por lo que debe ir, preferiblemente, sin espacios, sin tildes, sin comas, sin ñ o sin caracteres especiales

Tenemos entonces la página nueva, lista para editar. Su nombre es mapa-ubicacion.aspx y la editaremos entonces para agregar el contenido que tenemos en la zona editable de nuestro sitio web.

4

3.4. Editar página de contenido Lo primero que debemos verificar es el Diseño de página que aplicaremos, que determina la cantidad de cajas editables de la página. En la pestaña Página, al hacer clic en el botón Diseño de página, aparecerá un desplegable con varias opciones para las sedes: • • •

Noticias: solo se utiliza para páginas creadas dentro del subsitio Sala de prensa / 2013. Tiene características especiales para la creación de noticias.

Contenido Sede: se utiliza para las páginas de contenido generales, que normalmente estarán alojadas en el subsitio Sede.

Home Sede: solo se utiliza para la página principal del sitio de la sede.

En este caso, como estamos creando una página dentro del subsitio de Sede, debemos seleccionar la opción Contenido Sede.

Ya creada nuestra nueva página y seleccionado el diseño de la misma, pasamos a la edición de contenido. Esta se realiza en la zona central de cada página y en la zona inferior del menú de navegación. Es necesario tener en cuenta que los banners superiores, los menús de navegación principal y de pie de página, solo son editados desde la plantilla y son responsabilidad de la Dirección de Comunicaciones. Las dependencias pueden hacer la edición de contenidos en estas zonas y también pueden hacer modificaciones en el menú local como lo veremos más adelante en el apartado Edición de Menús.

Para activar entonces la zona de edición cuando creamos una página nueva, es necesario insertar un editor de contenidos html. Para esto, lo que hacemos es indicarle en cualquiera de los espacios de edición que tenemos en el vínculo AGREGAR ELEMENTO WEB, que queremos insertar tal recurso.

Inmediatamente se despliega en la parte superior una lista de opciones a agregar. De esta, seleccionamos en la columna de la izquierda Categorías, la opción MEDIOS Y CONTENIDO y en la columna siguiente Piezas hacemos clic en EDITOR DE CONTENIDO.

5

Ya hemos insertado entonces el editor. Es importante precisar que esta inserción del EDITOR DE CONTENIDO solo se tiene que hacer una vez en al crear una página. Cuando sigamos editando la página, trabajamos sobre este mismo editor, no es necesario agregar nuevos editores web.

Vemos entonces que en este editor podemos insertar directamente contenido: texto escrito, texto copiado y pegado de otro archivo, hipervínculos, imágenes, videos, etc. A continuación se muestra como se realiza la edición de contenidos en la página web.

3.5. Editar contenidos: hipertexto El principal contenido que podemos editar en la página es el texto digital. Este puede ser escrito directamente en el EDITOR DE CONTENIDO o puede ser copiado y pegado de otro documento.

En este apartado, se recomienda que el texto que se traiga de editores externos, como por ejemplo Word, sea filtrado antes por la herramienta Bloc de Notas. Esta es más una medida de seguridad para garantizar que el texto no se cargue con estilos propios de Word y que la edición de contenidos no tenga inconvenientes más adelante.

Después de insertado el contenido, podemos darle formato. Este se aplica con los estilos predeterminados que tiene el sitio, y que además son estilos H1, H2, H3 etc, con los cuales tanto el buscador interno, como Google, pueden rastrear las páginas más eficientemente.

Para esto lo que hacemos entonces es seleccionar el párrafo o línea de texto que queremos editar, y luego seleccionamos una de las opciones que nos da el panel superior en su sección FORMATO DE TEXTO. Utilizaremos la opción Encabezado para el título principal de la página (H1), Título 2 para los títulos de segundo nivel (H2), Título 3 para los de tercer nivel (H3) y Título 4 para destacar categorías de información (H4).

La pestaña FORMATO DE TEXTO también nos ofrece la posibilidad de crear listas con viñetas, listas numeradas y poner negrillas y cursivas a los textos de párrafo.

El sistema cuenta con unos estilos de texto predeterminados, de manera que no debemos asignar tipografías ni tamaños adicionales a los textos. Tampoco debemos justificarlos, pues la lectura en web se hace más sencilla con los textos alineados a la izquierda, tal como está predeterminado en el sitio.

3.6. Editar contenidos: imágenes La plataforma nos permite insertar imágenes, que deben ser optimizadas antes, para que sean publicadas de forma eficiente en el sitio web.

Si no cuenta con herramientas propias para la edición de las imágenes, le recomendamos el uso de la herramienta http://www.webresizer.com/resizer con la que se puede hacer una edición rápida de estas.

El ancho máximo que una imagen horizontal puede tener para ser publicada en el sitio es de 750px, que es el ancho del cuerpo de la página. También puede optimizar sus imágenes horizontales con anchos inferiores a 750px, preferiblemente de 400px, procurando alinearlas a la derecha o a la izquierda para que el texto se ajuste a ellas.

Si se trata de imágenes verticales, procure optimizarlas a un ancho máximo de 350px y alinearlas a la derecha o a la izquierda para que el texto se ajuste a ellas.

6

Una vez optimizada la imagen procedemos a publicarla en el EDITOR DE CONTENIDO, lo que hacemos es UBICAR EL CURSOR EN EL EDITOR DE CONTENIDOS donde queremos que se ubique la imagen, para luego seleccionar en el panel superior la pestaña INSERTAR la cual nos habilita el ícono de imagen para agregar al sitio web.

Luego aparece el mensaje emergente de CARGAR IMAGEN. Seleccionamos entonces el archivo, lo adjuntamos y seleccionamos como BIBLIOTECA DE DESTINO la biblioteca IMÁGENES.

Luego le damos las propiedades básicas a la imagen y la guardamos en la carpeta que le asignamos.

7

Por último vemos entonces dos componentes de los contenidos ya integrados: el texto con formato y la imagen publicada.

Al insertar una imagen en la página se activa la pestaña IMAGEN. Desde allí podemos alinear las imágenes (en el caso de que sean de un tamaño inferior a 750px) y podemos darle una margen con respecto al texto. Recuerde seguir las indicaciones dadas anteriormente sobre los tamaños de las imágenes.

Hay una tarea final en esta edición de contenidos y es la edición del ELEMENTO WEB. Por defecto, Sharepoint, pone en el editor un recuadro azul que no es estético y que recomendamos quitar. Para esto entonces lo que hacemos es ubicarnos en la parte superior derecha del EDITOR DE CONTENIDO, donde vemos una flechita hacia abajo. Allí, seleccionamos la opción EDITAR ELEMENTO WEB, el cual nos habilita un panel en el extremo derecho de la página, allí haremos clic en la opción apariencia y le indicamos que el EDITOR DEL CONTENEDOR VISUAL sea ninguno.

3.7. Publicación de página Se ha realizado entonces la edición básica de una página. Luego procedemos GUARDAR la página editada, haciendo clic en el ícono GUARDAR de la pestaña PÁGINA.

8

Luego de guardar la página, esta mostrará los cambios únicamente al usuario que la editó. Es importante que cualquier cambio que se realice se guarde, de lo contrario la edición se perderá. Insistimos en la importancia de esta acción.

La página se mostrará como veremos en la siguiente imagen. Cuando tiene la franja amarilla de DESPROTEGIDO: SOLO USTED PUEDE VER LOS CAMBIOS RECIENTES, está indicando que estos cambios no los verán los usuarios externos.

Una vez estemos seguros de que los contenidos están listos para ser visualizados por todos los usuarios que visitan el sitio, entonces hacemos clic en el botón PUBLICAR para que los cambios sean puestos al aire para todos.

La página entonces ha sido publicada.

3.8. Edición de una página luego de que está publicada Inicialmente debemos ir a la página que queremos editar, seleccionar el ícono PIÑÓN de la parte superior derecha del sitio, seleccionar la opción EDITAR PÁGINA y hacer clic sobre el EDITOR DE CONTENIDOS para activar de nuevo con la edición de la página.

Una vez finalice la edición debe volver a GUARDAR y PUBLICAR la página. Y así sucesivamente cada vez que la edite, esto asegurará que los contenidos sean guardados y que otros usuarios con permisos sobre su sitio puedan acceder a la página para editarla

9

3.9. Editar contenidos: tablas Igual como hicimos con el texto y la imagen, se pueden agregar tablas en el EDITOR DE CONTENIDOS para listar elementos, enfrentarlos o solo organizar información. Para ello, seleccionamos en el panel superior, la pestaña INSERTAR, para luego ubicar el ícono TABLA. Igual que en Word, podemos seleccionar cuantas filas y cuantas columnas tendrá la tabla que queremos insertar.

Luego de insertada la tabla podemos proceder a darle estilo. Así como se hizo con el texto, lo que hacemos es seleccionar la tabla, ubicamos la pestaña DISEÑO y de esta seleccionamos el botón ESTILOS. Allí seleccionamos uno de los diseños predefinidos para las tablas de Sharepoint.

10

3.10. Editar contenidos: hipervínculos El contenido textual se complementa con los hipervínculos. Definimos tres clases: externos (páginas por fuera de nuestro sitio), internos (páginas que hacen parte de nuestro sitio), y de descarga (enlaces a documentos adjuntos).

•

Insertar hipervínculo externo Escribimos el texto o seleccionamos la imagen que será hipervínculo. Luego la pestaña INSERTAR, seleccionamos el ícono VÍNCULO. Este ícono nos despliega dos opciones, de la cual escogemos: -

•

De dirección: cuando es vínculo externo, caso en el que lo que hacemos es escribir la Dirección URL completa que queremos enlazar y una vez puesto el vínculo activamos la opción Abrir en una pestaña nueva

Insertar hipervínculo interno Escribimos el texto o seleccionamos la imagen que será hipervínculo. Luego la pestaña INSERTAR, seleccionamos el ícono VÍNCULO. Este ícono nos despliega dos opciones, de la cual escogemos: -

De Sharepoint: cuando es vínculo interno. Recomendamos aquí, en lugar de buscar en toda la lista de páginas que tiene el Sharepoint de UCC, tener la Dirección URL preseleccionada y escribirla como si fuera una externa. Ej: si quiero conectar la página de Sede Bogotá con Sede Arauca, debo abrirla previamente y copiar la URL http://www.ucc.edu.co/arauca, ya en el cajón de Dirección pegamos el enlace, eliminando la primera parte que se refiere al sitio de la Universidad, es decir, conservamos únicamente /arauca.

Sin embargo, mostramos a continuación el proceso de creación de un hipervínculo interno.

-

Seleccionamos el texto (o imagen) que queremos que sea hipervínculo, igual a como hicimos con el hipervínculo externo, pero esta vez seleccionamos que el tipo de hipervínculo será DE SHAREPOINT.

11

En este caso, se despliega la vista completa del sitio. Todas las carpetas existentes dentro del sitio UCC, para que entonces se busque la carpeta con la que se quiere vincular. Ejemplo, buscamos la carpeta Bogotá, luego seleccionamos su carpeta interna de PÁGINAS, para luego seleccionar dentro de esta carpeta, la página INICIO.ASPX.

•

Insertar archivo adjunto para descargar En este caso lo que hacemos es seleccionar el texto (o imagen) que queremos que sea hipervínculo de descarga, luego en la pestaña INSERTAR, en vez de seleccionar el ícono VÍNCULO, seleccionamos la opción CARGAR ARCHVO.

12

Se carga el archivo o documento adjunto (preferiblemente en formato .pdf), como lo hicimos anteriormente con las imágenes. Se le dan propiedades y se guarda en la carpeta DOCUMENTOS del sitio, igual como hicimos con la foto, que guardamos en la carpeta IMÁGENES.

3.11. Editar contenidos: hipermedia Sharepoint 2013 da la posibilidad de integrar contenidos multimedia, insertando directamente el código que generan plataformas ya posicionadas como Youtube. En este caso permite integrar el código de video que genera Youtube para ponerlo dentro de nuestro editor. Primero haremos clic en el lugar del editor donde queremos que vaya el video, luego seleccionamos la pestaña INSERTAR y hacemos clic en el ícono CÓDIGO PARA INSERTAR.

Este ícono nos abre una ventana emergente para pegar el código html que generan todas estas plataformas multimedia.

13

Y asĂ­ se visualiza el video en el sitio web.

14

Â

3.12. Editar SEO de la página El SEO de la página hace referencia a la edición que haremos para que la página se visualice y posicione correctamente en Buscadores. Para ello, seguimos editando la página desde el panel superior, haciendo clic en la opción EDITAR PROPIEDADES para luego seleccionar EDITAR PROPIEDADES DE SEO:

Propiedades como el nombre de la página, el título que mostrará en el explorador, y metadatos para la descripción y las palabras clave de la página, se pueden editar las veces que sea necesario. La edición que se puede hacer se ve en la siguiente imagen:

3.13. Convertir una página en la página de inicio Desde el panel superior podemos configurar la página que estamos editando para que se convierta en la página inicial del sitio. Para esto, en la pestaña PÁGINA, haremos clic en el botón ESTABLECER COMO PÁGINA PRINCIPAL:

15

3.14. Eliminar una página.

De igual manera, desde el panel superior podemos eliminar una página que ya no queremos en el sitio. Para ello, vamos a la pestaña PÁGINA y hacemos clic en ELIMINAR PÁGINA. Las páginas de inicio de los sitios no se pueden eliminar hasta que otra página no haya sido ESTABLECIDA COMO PÁGINA PRINCIPAL.

16

Capítulo 4. Edición avanzada del sitio Veremos entonces que hay otros recursos de edición del sitio. Este capítulo tratará de las ediciones avanzadas que se pueden hacer el sitio, destacando las siguientes: • • •

Configurar navegación del sitio: para editar la navegación local que tenemos en cada sitio Creación de sitios: crear subsitios dentro de nuestro sitio principal Contenido y estructura: visualizar de manera general el sitio, los subsitios, carpetas (imágenes, documentos, páginas) y contenido existentes

Son más los servicios avanzados que ofrece Sharepoint, pero los mencionados anteriormente, son los necesarios para la gestión diaria del sitio.

4.1. Contenido y estructura: acceso a la vista general del sitio Para esto, ingresamos por el ícono del PIÑÓN de la parte superior derecha de nuestro panel, y seleccionamos la opción CONFIGURACIÓN DEL SITIO:

Luego aparece toda la configuración avanzada del sitio. De esta, trabajaremos principalmente con dos acciones: NAVEGACIÓN y CONTENIDO Y ESTRUCTURA

Trabajaremos inicialmente con CONTENIDO Y ESTRUCTURA. Esta opción nos ofrece una vista eficiente del sitio y sus subsitios por carpetas. Además de visualizar todo el contenido, podemos y editar propiedades de sitios y páginas.

Para este ejemplo ingresamos al sitio Bogotá, luego al subsitio Sala de Prensa, que contiene al subsitio 2013. Dentro de ellos están las carpetas nativas de Sharepoint: páginas, documentos e imágenes. Lo que nos ofrece entonces es una vista similar a la del Explorador de Windows, muy útil para ediciones avanzadas (mover sitios, mover páginas, editar páginas, ver listas, etc).

17

4.2. Editar el menú de navegación Para esto, ingresamos nuevamente por el PIÑON y hacemos clic en el botón CONFIGURACIÓN DEL SITIO. Nos muestra el panel de Configuración del sitio en el que debemos seleccionar la opción NAVEGACIÓN:

Nos abre el siguiente panel de control, que permite editar toda la navegación de la página. Para la necesidad puntual en nuestro sitio, solo crearemos un link a una de las páginas del sitio. Para ello lo que hacemos es agregar los links que se necesitan en la NAVEGACIÓN ACTUAL DEL SITIO en la parte inferior del panel. Esto se realiza, con el botón AGREGAR VÍNCULO

Luego se abre una ventana emergente ya conocida, con la cual buscamos la página a la que queremos hacer el enlace o escribimos una URL externa, tal y como lo hicimos en la opción INSERTAR LINKS de la edición de contenidos, hipervínculos que vimos anteriormente: 18

4.4. Crear menús de páginas a través de listas Una de las funciones más útiles que presenta Sharepoint 2013, es la visualización de una colección de páginas a través de listas. Por ejemplo, en el sitio de la Universidad las noticias se visualización en forma de lista utilizando esta opción que filtra los artículos a mostrar usando los metadatos que se otorgan a cada página en el momento de su creación, como lo vimos anteriormente.

Supongamos que en el subsitio http://www.ucc.edu.co/arauca/prensa/2013/ tenemos una página con el metadato SALA DE PRENSA POT SEDE marcado en la opción ARAUCA. Con esta información podemos crear una página en la que solo mostremos las noticias que tienen esta opción marcada.

Entonces creamos una página o utilizamos una existente. Agregamos un elemento web que nos permita visualizar el contenido de la lista que queremos. Hacemos clic en AGREGAR ELEMENTO WEB, como lo vimos anteriormente, pero en esta ocasión seleccionamos el elemento RESUMEN DE CONTENIDO y luego la opción CONSULTA DE CONTENIDO:

Hacemos clic en el PANEL DE HERRAMIENTAS para hacer el filtro respectivo.

Este panel nos abre un menú a la izquierda con el que vamos a llamar la lista (carpeta de páginas o de documentos) y a hacer el filtro.

Primero vamos llamar la lista. Para ellos seleccionamos MOSTRAR TODOS LOS ELEMENTOS DE LA SIGUIENTE LISTA, hacemos clic en EXAMINAR y en el explorador que aparece seleccionamos la carpeta arauca/prensa/2013/paginas para este caso. Ya en otros ejercicios se llamará la carpeta de páginas o de documentos correspondiente.

19

Ahora seleccionamos el filtro, para este caso será SALA DE PRENSA POR SEDE (se selecciona de una lista desplegable) y le indicamos al sistema que debe ser igual a ARAUCA (se escribe en el campo indicado).

En el desplegable PRESENTACIÓN, podemos seleccionar la manera como queremos ordenar los contenidos que se filtrarán: alfabética, cronológica, etc. Además definimos cuantas noticias se visualizarán:

20

Finalmente vemos como se filtran las noticia que necesitamos:

21

Â

Capítulo 5. Otros recursos 5.1. Web Resizer Si no cuenta con herramientas propias para la edición de imágenes, le recomendamos el uso de esta utilidad que le permitirá optimizar las imágenes a los tamaños permitidos para el sitio web: • •

Imágenes horizontales: 740px ó 400px.

Imágenes verticales: 350px

Ingrese a http://www.webresizer.com/resizer, haga clic en la opción SELECCIONAR ARCHIVO y seleccione la imagen que necesita optimizar:

Haga clic en la opción UPLOAD IMAGE para subir el archivo al sistema:

Una vez el sistema finaliza la subida de la imagen aparecerán dos paneles, a la derecha está la imagen original y a la izquierda la imagen optimizada. En la parte inferior aparecen las siguientes opciones: • • •

New size: donde indicaremos en nuevo ancho (740, 400 o 350) Sharpen: se refiere al nivel de enfoque de la imagen, le asignaremos un valor de 10 Image quiality: se refiere a la calidad de la imagen, le asignaremos un valor de 90

Una vez haya asignado estos valores haga clic en la opción APPLY CHANGES, el sistema optimizará el archivo y en el panel izquierdo aparecerá la imagen final.

Haga clic en la opción DOWNLOAD THIS IMAGE para descargar su imagen optimizada. Antes de subir la imagen al sitio web verifique que está correctamente marcada: sin mayúsculas, tildes, eñes, signos de puntuación o caracteres especiales, además en el nombre debe reemplazar los espacios por guiones medios (-).

22