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 2.2. Estructura particular de los sitios de sede 2.3. Menús y home de sede
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. Cambiar el estilo de diseño de la página 3.13. Editar SEO de la página 3.14. Convertir una página en la página de inicio 3.15. 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. Calendario de sede 5.2. 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
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 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.
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.
2.2. Estructura particular de los sitios de sede A continuación se describe la estructura particular de los sitios de sede, utilizando como ejemplo el de la sede Bogotá. Cada subsitio a su vez contiene sus propias carpetas que alojan tipos de contenidos específicos: documentos, imágenes y páginas.
Bogotá: la carpeta de páginas de este sitio solo contiene una página llamada inicio.aspx, que funcionará como el home. No debe crear páginas adicionales dentro de este sitio.
Bogotá
Documentos / Imágenes / Páginas
Eventos: la carpeta de páginas de este subsitio solo contiene una página llamada inicio.aspx, que carga el calendario de la sede. No debe crear páginas adicionales dentro de este sitio.
Eventos
Documentos / Imágenes / Páginas
Programas académicos: la carpeta de páginas de este subsitio contiene las páginas de pregrados, posgrados, extensión y ETDH. Es de administración exclusiva de la Dirección de Comunicaciones.
Documentos / Imágenes / Páginas
Sala de prensa: la carpeta de páginas de este subsitio aloja las páginas con contenido noticioso clasificadas por años, de manera que debe crearse un subsitio nuevo por cada año.
Documentos / Imágenes / Páginas
Programas académicos
Sede
Sede: la carpeta de páginas de este subsitio aloja las páginas con información general de la sede, como facultades, investigación, internacionalización, bienestar universitario, etc.
Colegio
Colegio: la carpeta de páginas de este subsitio aloja las páginas con información del colegio.
Documentos / Imágenes / Páginas
Documentos / Imágenes / Páginas
Sala de prensa
2013
Documentos / Imágenes / Páginas
2013: la carpeta de páginas de este subsitio aloja las páginas con noticias del año 2013.
3
2.3. Menús y home de sede A continuación relacionaremos información importante para la administración de nuestro sitio de sede. El enlace Alumni-Egresados ofrece información particular de la sede.
El banner del home de sede y el de las páginas de contenido son controlados desde la plantilla. Si desea sugerir un cambio comuníquese con la Dirección Nacional de Comunicaciones.
Los enlaces Internacionalización, Investigación, Bienestar Universitario y Proyección Social ofrecen información particular de la sede. El enlace INDESCO ofrece información particular solo en algunas sedes. Si desea crear esta sección en su sede comuníquese con la Dirección Nacional de Comunicaciones.
Todos los enlaces del menú izquierdo ofrecen información particular de la sede. Utilice este banner para ofrecer información destacada. Solicite el diseño a la Dirección Nacional de Comunicaciones. La zona de Sala de prensa presenta de manera automática la última noticia publicada en el subsitio Sala de prensa / 2013.
En Calendario de eventos podrá crear eventos marcados con categorías específicas según el tipo.
La zona de Destacados presenta las noticias que hayan sido marcadas con esa categoría en orden de publicación (arriba las mas nuevas).
Utilice estos banners para ofrecer información destacada. Solicite el diseño a la Dirección Nacional de Comunicaciones.
4
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, en este caso del tutorial, es la página home de Bogotá. Agregar una página: usado para crear una página nueva en el sitio en el que nos encontramos actualmente. En este caso será sobre el sitio (colección de páginas) Bogotá.
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. 5
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.
6
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.
7
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.
8
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.
9
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
10
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.
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). 11
•
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.
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. 12
•
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.
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.
13
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.
14
Y así se visualiza el video en el sitio web.
3.12. Cambiar el estilo de diseño de la página Son varios los tipos de diseño de página que se tienen disponibles para el sitio. Dependiendo si estamos en la página principal de nuestro sitio, en las páginas internas; o si estamos en un sitio de sede o nacional, se ofrecen las plantillas para cada tipo de página web, tal como lo indicamos anteriormente. Si bien todas las páginas se editan como lo vimos anteriormente, al crear una página con la plantilla NOTICIAS, se podrá hacer una edición diferente, ya que con este tipo de páginas vamos a necesitar aplicar metadatos, fechas y otros elementos, para listar y crear filtros efectivamente. En el caso entonces de las páginas de noticias, estas serán creadas en las carpetas de Sala de prensa de cada sitio de sede. Para el ejemplo que estamos trabajando, vamos a la dirección www.ucc.edu.co/bogota/prensa y creamos una página tal y como lo hicimos en capítulos anteriores. Para este caso entonces, lo que hacemos, luego de creada la página es editar el DISEÑO DE PÁGINA cambiándolo a NOTICIAS.
15
Vemos entonces que la vista de la página cambia, presentando otra serie de elementos que como ya dijimos, son necesarios para la creación de listas de noticias. Así queda la visualización con la nueva plantilla la opción de editar el título de la página, la fecha y el contenido y la imagen de informe:
El título que aparecerá es el que asignamos en el momento de crear la página (que no debe tener tíldes, eñes, signos de puntuación, mayúsculas, etc), entonces debemos corregirlo, por ejemplo, si al crear la noticia la marcamos como deporte-para-ninos-ninas-jovenes, en el cajón del título debemos escribir Deporte para niños, niñas y jóvenes. En el campo del calendario debemos indicar la fecha del artículo. En el campo Contenido de la página debemos incluir la categoría de la noticia (utilizando el estilo Título 4), el título de la noticia (utilizando el estilo Encabezado), y los textos, imágenes, videos, enlaces y documentos que hagan parte de la noticia. Una vez esté completo el contenido, debemos incluir la IMAGEN DE INFORME, haciendo clic en el campo y seleccionando la misma imagen que publicamos en el contenido del texto, pues esta es la imagen que se verá en los filtros de noticias.
16
Una vez la imagen esté incluida vamos a GUARDAR la página, para salvar esta primera parte del proceso.
17
Después de GUARDAR la noticia, le indicaremos al sistema los metadatos de la noticia para facilitar la creación de filtros de visualización. En la pestaña PÁGINA, hacemos clic en el botón EDITAR PROPIEDADES.
Nos muestra entonces las propiedades de la página: nombre, título, imagen de informe, contenido. La información que vemos es en gran parte la que asignamos por el editor web, pero al final de la lista aparecen unos elementos de selección de categoría que son los que nos permite ubicar la página en la lista que queremos. Para los sitios de noticias de los portales de UCC se tienen las siguientes opciones para agregar a las páginas: • • •
Sala de prensa por tema Sala de prensa por sede Sala de prensa por público
Podemos asignarle los filtros necesarios para la visualización. Por ejemplo, vamos a asignarle en SALA DE PRENSA POR TEMA, la categoría o metadato BIENESTAR UNIVERSITARIO, para poder filtrar esta noticia en la sección nacional de Bienestar. En SALA DE PRENSA POR SEDE, asignaremos la categoría o metadato BOGOTÁ, para filtrar fácilmente las noticias de la sede. Además si queremos que la noticia aparezca en la zona de Destacados del home del sitio de sede, debemos seleccionar la opción DESTACADOS:
Si la noticia tiene información específica para uno de los públicos de la Universidad, en SALA DE PRENSA POR PÚBLICO asignaremos la categoría o metadato que corresponda, para filtrar fácilmente las noticias dirigidas a ellos públicos. Por último, en el caso de las noticias, podemos agregar la descripción o lead a la noticia en la caja DESCRIPCIÓN, que se visualizará en la Sala de prensa del home del sitio.
Finalmente guardamos la noticia y la publicamos publicarla para que tome los cambios. 18
3.13. 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.14. 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:
19
3.15. 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.
20
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).
21
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: 22
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.
23
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:
24
Finalmente vemos como se filtran las noticia que necesitamos:
25
Â
Capítulo 5. Otros recursos 5.1. Calendario de sede El accedo al Calendario de eventos de cada sede está ubicado en la página de inicio:
Al acceder, los eventos se visualizarán en una vista de calendario por mes, marcados con colores según la categoría a la que pertenezcan:
Para agregar un evento nuevo podemos hacer clic en el enlace agregar que aparece en cada día del mes o en el número del día:
26
Aparecerá una ventana emergente donde completaremos todos los campos de información sobre el evento: nombre, ubicación, fecha y hora de inicio y finalización, descripción y la categoría del evento. Una vez hayamos ingresado toda la información debemos GUARDAR el evento.
Para ver la información del evento haga clic en él. Podemos editarlo haciendo clic en la opción EDITAR ELEMENTO de la pestaña VER, se abrirá una ventana emergente igual a la que se abrió al crearlo y allí haremos los cambios requeridos. También podemos eliminarlo haciendo clic en la opción ELIMINAR ELEMENTO.
27
5.2. 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 (-).
28