Tutorial administracin de contenidos

Sharepoint 2013

Captulo 1. Acceso a la administracin

1.1. Acceso al administrador
1.2. Inicio de sesin en el editor

Captulo 2. Estructura del sitio web

2.1. Estructura de un sitio de Sharepoint

Captulo 3. Edicin bsica del sitio

3.1. Panel de edicin
3.2. Crear y editar pgina
3.3. Crear una pgina de contenido
3.4. Editar pgina de contenido
3.5. Editar contenidos: hipertexto
3.6. Editar contenidos: imgenes
3.7. Publicacin de pgina
3.8. Edicin de una pgina, luego de que est publicada
3.9. Editar contenidos: tablas
3.10. Editar contenidos: hipervnculos
3.11. Editar contenidos: hipermedia
3.12. Editar SEO de la pgina
3.13. Convertir una pgina en la pgina de inicio
3.14. Eliminar una pgina.

Captulo 4. Edicin avanzada del sitio

4.1. Contenido y estructura. Acceso a la vista general del sitio
4.3. Editar el men de navegacin
4.4. Crear mens a travs de listas de pgina

Captulo 5. Otros recursos

5.1. Web Resizer

1
 Captulo 1. Acceso a la administracin
1.1. Acceso al administrador

La administracin de contenidos del portal de la Universidad Cooperativa de Colombia es realizada mediante la plataforma Microsoft Sharepoint. Las acciones
generales que permite la gestin de este portal son:

Creacin de pginas nuevas

Edicin de pginas existentes
Creacin y edicin de sitios nuevos

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

Para iniciar el proceso de administracin, comenzamos buscando la pgina que queremos editar, podemos escribir o ir directamente la Direccin 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 direccin URL www.ucc.edu.co/bogota.

Al estar all, hacemos clic en el enlace INICIO DE SESIN del sitio web, link ubicado en la parte superior izquierda de la pgina.

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

1.2. Inicio de sesin en el editor

Luego de hacer clic en el link superior izquierdo INICIO DE SESIN, aparecer un cuadro de dilogo que nos solicitar nombre de usuario y contrasea. Esta
informacin corresponde al nombre de nuestro correo electrnico institucional (sin el @ucc.edu.co) y la contrasea 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 edicin sobre el sitio de nuestra sede o dependencia, debemos solicitarlo a la Direccin de Comunicaciones de la Universidad
Cooperativa de Colombia.

2

Captulo 2. Estructura del sitio web

2.1. Estructura de un sitio de Sharepoint

A continuacin se describe la estructura de un sitio web bsico de Sharepoint, que est compuesto por carpetas que alojan tipos de contenidos especficos:
documentos, imgenes y pginas.

Sitio

Documentos Imgenes Pginas Flujos de trabajo

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 imgenes
que se suben al sitio web y desde all
se cargan en la pgina que lo requiera.
En esta carpeta se alojan las pginas
del sitio.
En esta carpeta se alojan las tareas
que componen los flujos de trabajo
de un sitio. En este momento estos
flujos estn deshabilitados en todos
los sitios.

Al utilizar la opcin de Insertar
archivo del editor de Sharepoint, el
sistema automaticamente alojar el
documento en esta carpeta.
Al utilizar la opcin de Insertar imagen
del editor de Sharepoint, el sistema
automaticamente alojar la imagen en
esta carpeta.
Al utilizar la opcin de Agregar una
pgina de la configiracin de
Sharepoint, el sistema
automaticamente alojar la pgina en
esta carpeta.

3

Captulo 3. Edicin bsica del sitio
3.1. Panel de edicin

Luego de haber iniciado sesin 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 pin, al presionarlo nos muestra el panel general de acciones de nuestro sitio, del cual
destacaremos los siguientes elementos, que son las acciones ms comunes que realizaremos en nuestro sitio:

Editar pgina: usado para trabajar directamente sobre la pgina que tenemos abierta.
Agregar una pgina: usado para crear una pgina nueva en el sitio en el que nos encontramos actualmente.

La edicin avanzada de plantillas o de diseo se debe solicitar a la Direccin de Comunicaciones.

3.2. Crear y editar pgina

Comencemos entonces con las tareas bsicas. La primera de ellas es la ms comn, y quiz la que ms realizarn en el sitio, y es la que tiene que ver con la
creacin y edicin de pginas. Esta se realiza ubicndonos directamente en el sitio o seccin donde queremos agregar y editar esta pgina, accin que podemos
realizar buscando la Direccin URL de la seccin en la que queremos crear y editar la pgina, bien sea escribindola en la caja de la direccin web del navegador,
llegando a esta mediante los diferentes mens de navegacin, o, de manera ms avanzada, mediante la Configuracin del Sitio, que veremos ms adelante. Para
este caso, la crearemos en la seccin www.ucc.edu.co/bogota/sede a la que llegamos navegando en el men principal de la Sede Bogot.

3.3. Crear una pgina de contenido

Las pginas de contenido son creadas mediante el panel que vimos anteriormente. Vamos al cono pin de la parte superior derecha de nuestra pgina, lo
desplegamos y hacemos clic en la opcin AGREGAR UNA PGINA.

Aparecer un mensaje emergente solicitndonos el nombre de la pgina. Tener en cuenta, que ser el nombre que aparecer en la caja de la Direccin URL, por lo
que debe ir, preferiblemente, sin espacios, sin tildes, sin comas, sin o sin caracteres especiales

Tenemos entonces la pgina 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 pgina de contenido

Lo primero que debemos verificar es el Diseo de pgina que aplicaremos, que determina la cantidad de cajas editables de la pgina. En la pestaa Pgina, al
hacer clic en el botn Diseo de pgina, aparecer un desplegable con varias opciones para las sedes:

Noticias: solo se utiliza para pginas creadas dentro del subsitio Sala de prensa / 2013. Tiene caractersticas especiales para la creacin de noticias.
Contenido Sede: se utiliza para las pginas de contenido generales, que normalmente estarn alojadas en el subsitio Sede.
Home Sede: solo se utiliza para la pgina principal del sitio de la sede.

En este caso, como estamos creando una pgina dentro del subsitio de Sede, debemos seleccionar la opcin Contenido Sede.

Ya creada nuestra nueva pgina y seleccionado el diseo de la misma, pasamos a la edicin de contenido. Esta se realiza en la zona central de cada pgina y en la
zona inferior del men de navegacin. Es necesario tener en cuenta que los banners superiores, los mens de navegacin principal y de pie de pgina, solo son
editados desde la plantilla y son responsabilidad de la Direccin de Comunicaciones. Las dependencias pueden hacer la edicin de contenidos en estas zonas y
tambin pueden hacer modificaciones en el men local como lo veremos ms adelante en el apartado Edicin de Mens.

Para activar entonces la zona de edicin cuando creamos una pgina nueva, es necesario insertar un editor de contenidos html. Para esto, lo que hacemos es
indicarle en cualquiera de los espacios de edicin que tenemos en el vnculo 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 Categoras, la opcin
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 insercin del EDITOR DE CONTENIDO solo se tiene que hacer una vez en al crear una
pgina. Cuando sigamos editando la pgina, 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, hipervnculos, imgenes,
videos, etc. A continuacin se muestra como se realiza la edicin de contenidos en la pgina web.

3.5. Editar contenidos: hipertexto

El principal contenido que podemos editar en la pgina 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 ms una medida de seguridad para garantizar que el texto no se cargue con estilos propios de Word y que la edicin de contenidos no tenga inconvenientes ms
adelante.

Despus de insertado el contenido, podemos darle formato. Este se aplica con los estilos predeterminados que tiene el sitio, y que adems son estilos H1, H2, H3
etc, con los cuales tanto el buscador interno, como Google, pueden rastrear las pginas ms eficientemente.

Para esto lo que hacemos entonces es seleccionar el prrafo o lnea de texto que queremos editar, y luego seleccionamos una de las opciones que nos da el panel
superior en su seccin FORMATO DE TEXTO. Utilizaremos la opcin Encabezado para el ttulo principal de la pgina (H1), Ttulo 2 para los ttulos de segundo nivel
(H2), Ttulo 3 para los de tercer nivel (H3) y Ttulo 4 para destacar categoras de informacin (H4).

La pestaa FORMATO DE TEXTO tambin nos ofrece la posibilidad de crear listas con vietas, listas numeradas y poner negrillas y cursivas a los textos de prrafo.
El sistema cuenta con unos estilos de texto predeterminados, de manera que no debemos asignar tipografas ni tamaos adicionales a los textos. Tampoco
debemos justificarlos, pues la lectura en web se hace ms sencilla con los textos alineados a la izquierda, tal como est predeterminado en el sitio.

3.6. Editar contenidos: imgenes

La plataforma nos permite insertar imgenes, que deben ser optimizadas antes, para que sean publicadas de forma eficiente en el sitio web.

Si no cuenta con herramientas propias para la edicin de las imgenes, le recomendamos el uso de la herramienta http://www.webresizer.com/resizer con la que se
puede hacer una edicin rpida de estas.

El ancho mximo que una imagen horizontal puede tener para ser publicada en el sitio es de 750px, que es el ancho del cuerpo de la pgina. Tambin puede
optimizar sus imgenes 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 imgenes verticales, procure optimizarlas a un ancho mximo 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 pestaa 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 IMGENES.

Luego le damos las propiedades bsicas 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 pgina se activa la pestaa IMAGEN. Desde all podemos alinear las imgenes (en el caso de que sean de un tamao inferior a 750px)
y podemos darle una margen con respecto al texto. Recuerde seguir las indicaciones dadas anteriormente sobre los tamaos de las imgenes.

Hay una tarea final en esta edicin de contenidos y es la edicin del ELEMENTO WEB. Por defecto, Sharepoint, pone en el editor un recuadro azul que no es
esttico 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 opcin EDITAR ELEMENTO WEB, el cual nos habilita un panel en el extremo derecho de la pgina, all haremos clic
en la opcin apariencia y le indicamos que el EDITOR DEL CONTENEDOR VISUAL sea ninguno.

3.7. Publicacin de pgina

Se ha realizado entonces la edicin bsica de una pgina. Luego procedemos GUARDAR la pgina editada, haciendo clic en el cono GUARDAR de la pestaa
PGINA.

8

Luego de guardar la pgina, esta mostrar los cambios nicamente al usuario que la edit. Es importante que cualquier cambio que se realice se guarde, de lo
contrario la edicin se perder. Insistimos en la importancia de esta accin.

La pgina 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 vern los usuarios externos.

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

La pgina entonces ha sido publicada.

3.8. Edicin de una pgina luego de que est publicada

Inicialmente debemos ir a la pgina que queremos editar, seleccionar el cono PIN de la parte superior derecha del sitio, seleccionar la opcin EDITAR PGINA y
hacer clic sobre el EDITOR DE CONTENIDOS para activar de nuevo con la edicin de la pgina.

Una vez finalice la edicin debe volver a GUARDAR y PUBLICAR la pgina. 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 pgina 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
informacin. Para ello, seleccionamos en el panel superior, la pestaa 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 pestaa DISEO y
de esta seleccionamos el botn ESTILOS. All seleccionamos uno de los diseos predefinidos para las tablas de Sharepoint.

10

3.10. Editar contenidos: hipervnculos

El contenido textual se complementa con los hipervnculos. Definimos tres clases: externos (pginas por fuera de nuestro sitio), internos (pginas que hacen parte
de nuestro sitio), y de descarga (enlaces a documentos adjuntos).

Insertar hipervnculo externo

Escribimos el texto o seleccionamos la imagen que ser hipervnculo. Luego la pestaa INSERTAR, seleccionamos el cono VNCULO. Este cono nos
despliega dos opciones, de la cual escogemos:

- De direccin: cuando es vnculo externo, caso en el que lo que hacemos es escribir la Direccin URL completa que queremos enlazar y
una vez puesto el vnculo activamos la opcin Abrir en una pestaa nueva

Insertar hipervnculo interno

Escribimos el texto o seleccionamos la imagen que ser hipervnculo. Luego la pestaa INSERTAR, seleccionamos el cono VNCULO. Este cono nos
despliega dos opciones, de la cual escogemos:

- De Sharepoint: cuando es vnculo interno. Recomendamos aqu, en lugar de buscar en toda la lista de pginas que tiene el Sharepoint de
UCC, tener la Direccin URL preseleccionada y escribirla como si fuera una externa. Ej: si quiero conectar la pgina de Sede Bogot con
Sede Arauca, debo abrirla previamente y copiar la URL http://www.ucc.edu.co/arauca, ya en el cajn de Direccin pegamos el enlace,
eliminando la primera parte que se refiere al sitio de la Universidad, es decir, conservamos nicamente /arauca.

Sin embargo, mostramos a continuacin el proceso de creacin de un hipervnculo interno.

- Seleccionamos el texto (o imagen) que queremos que sea hipervnculo, igual a como hicimos con el hipervnculo externo, pero esta vez
seleccionamos que el tipo de hipervnculo 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 PGINAS, para luego seleccionar dentro de esta carpeta, la
pgina INICIO.ASPX.

Insertar archivo adjunto para descargar

En este caso lo que hacemos es seleccionar el texto (o imagen) que queremos que sea hipervnculo de descarga, luego en la pestaa INSERTAR, en
vez de seleccionar el cono VNCULO, seleccionamos la opcin CARGAR ARCHVO.

12

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

3.11. Editar contenidos: hipermedia

Sharepoint 2013 da la posibilidad de integrar contenidos multimedia, insertando directamente el cdigo que generan plataformas ya posicionadas como Youtube. En
este caso permite integrar el cdigo 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 pestaa INSERTAR y hacemos clic en el cono CDIGO PARA INSERTAR.

Este cono nos abre una ventana emergente para pegar el cdigo 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 pgina

El SEO de la pgina hace referencia a la edicin que haremos para que la pgina se visualice y posicione correctamente en Buscadores. Para ello, seguimos
editando la pgina desde el panel superior, haciendo clic en la opcin EDITAR PROPIEDADES para luego seleccionar EDITAR PROPIEDADES DE SEO:

Propiedades como el nombre de la pgina, el ttulo que mostrar en el explorador, y metadatos para la descripcin y las palabras clave de la pgina, se pueden
editar las veces que sea necesario. La edicin que se puede hacer se ve en la siguiente imagen:

3.13. Convertir una pgina en la pgina de inicio

Desde el panel superior podemos configurar la pgina que estamos editando para que se convierta en la pgina inicial del sitio. Para esto, en la pestaa PGINA,
haremos clic en el botn ESTABLECER COMO PGINA PRINCIPAL:

15

3.14. Eliminar una pgina.

De igual manera, desde el panel superior podemos eliminar una pgina que ya no queremos en el sitio. Para ello, vamos a la pestaa PGINA y hacemos clic en
ELIMINAR PGINA. Las pginas de inicio de los sitios no se pueden eliminar hasta que otra pgina no haya sido ESTABLECIDA COMO PGINA PRINCIPAL.

16

Captulo 4. Edicin avanzada del sitio
Veremos entonces que hay otros recursos de edicin del sitio. Este captulo tratar de las ediciones avanzadas que se pueden hacer el sitio, destacando las
siguientes:

Configurar navegacin del sitio: para editar la navegacin local que tenemos en cada sitio
Creacin de sitios: crear subsitios dentro de nuestro sitio principal
Contenido y estructura: visualizar de manera general el sitio, los subsitios, carpetas (imgenes, documentos, pginas) y contenido existentes

Son ms los servicios avanzados que ofrece Sharepoint, pero los mencionados anteriormente, son los necesarios para la gestin diaria del sitio.

4.1. Contenido y estructura: acceso a la vista general del sitio

Para esto, ingresamos por el cono del PIN de la parte superior derecha de nuestro panel, y seleccionamos la opcin CONFIGURACIN DEL SITIO:

Luego aparece toda la configuracin avanzada del sitio. De esta, trabajaremos principalmente con dos acciones: NAVEGACIN y CONTENIDO Y ESTRUCTURA

Trabajaremos inicialmente con CONTENIDO Y ESTRUCTURA. Esta opcin nos ofrece una vista eficiente del sitio y sus subsitios por carpetas. Adems de
visualizar todo el contenido, podemos y editar propiedades de sitios y pginas.

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

17

4.2. Editar el men de navegacin

Para esto, ingresamos nuevamente por el PION y hacemos clic en el botn CONFIGURACIN DEL SITIO. Nos muestra el panel de Configuracin del sitio en el
que debemos seleccionar la opcin NAVEGACIN:

Nos abre el siguiente panel de control, que permite editar toda la navegacin de la pgina. Para la necesidad puntual en nuestro sitio, solo crearemos un link a una
de las pginas del sitio. Para ello lo que hacemos es agregar los links que se necesitan en la NAVEGACIN ACTUAL DEL SITIO en la parte inferior del panel. Esto
se realiza, con el botn AGREGAR VNCULO

Luego se abre una ventana emergente ya conocida, con la cual buscamos la pgina a la que queremos hacer el enlace o escribimos una URL externa, tal y como lo
hicimos en la opcin INSERTAR LINKS de la edicin de contenidos, hipervnculos que vimos anteriormente:

18

4.4. Crear mens de pginas a travs de listas

Una de las funciones ms tiles que presenta Sharepoint 2013, es la visualizacin de una coleccin de pginas a travs de listas. Por ejemplo, en el sitio de la
Universidad las noticias se visualizacin en forma de lista utilizando esta opcin que filtra los artculos a mostrar usando los metadatos que se otorgan a cada pgina
en el momento de su creacin, como lo vimos anteriormente.

Supongamos que en el subsitio http://www.ucc.edu.co/arauca/prensa/2013/ tenemos una pgina con el metadato SALA DE PRENSA POT SEDE marcado en la
opcin ARAUCA. Con esta informacin podemos crear una pgina en la que solo mostremos las noticias que tienen esta opcin marcada.

Entonces creamos una pgina 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 ocasin seleccionamos el elemento RESUMEN DE CONTENIDO y luego la opcin
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 pginas 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 pginas 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 PRESENTACIN, podemos seleccionar la manera como queremos ordenar los contenidos que se filtrarn: alfabtica, cronolgica, etc. Adems
definimos cuantas noticias se visualizarn:

20

Finalmente vemos como se filtran las noticia que necesitamos:

21

Captulo 5. Otros recursos
5.1. Web Resizer

Si no cuenta con herramientas propias para la edicin de imgenes, le recomendamos el uso de esta utilidad que le permitir optimizar las imgenes a los tamaos
permitidos para el sitio web:

Imgenes horizontales: 740px 400px.

Imgenes verticales: 350px

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

Haga clic en la opcin UPLOAD IMAGE para subir el archivo al sistema:

Una vez el sistema finaliza la subida de la imagen aparecern 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 opcin APPLY CHANGES, el sistema optimizar el archivo y en el panel izquierdo aparecer la imagen final.
Haga clic en la opcin DOWNLOAD THIS IMAGE para descargar su imagen optimizada. Antes de subir la imagen al sitio web verifique que est correctamente
marcada: sin maysculas, tildes, ees, signos de puntuacin o caracteres especiales, adems en el nombre debe reemplazar los espacios por guiones medios (-).

22