Manual Nuevo Portal

Manual para la administración del nuevo Portal Web de la Facultad de Ciencias Económicas Universidad Nacional de Córdoba

___________________________________________________________________

1

UNIVERSIDAD NACIONAL DE CÓRDOBA

FACULTAD DE CIENCIAS ECONÓMICAS

ÁREA DE COMUNICACIÓN

CENTRO DE COMPUTACIÓN Y TECNOLOGÍAS DE INFORMACIÓN

Administración de Contenidos

del Nuevo Portal Web

Material de capacitación de Administradores de área

para la Administración de Contenidos del Nuevo Portal Web

de la Facultad de Ciencias Económicas � UNC

Año 2009


___________________________________________________________________

2

Desarrollo del Proyecto del Nuevo Portal para la

Facultad de Ciencias Económicas � Universidad Nacional de Córdoba

Unidad de Comunicación

Institucional

FCE � UNC

Lic. Marcelo Coser

Lic. Constanza Nasser Marzo

Redacción de contenidos: Lic.

Constanza Nasser Marzo

Centro de Computación y

Tecnologías de Información

FCE � UNC

Carlos Barcia

Marcelo Rocha Vargas

Mgter. Cecilia Díaz


___________________________________________________________________

3

INDICE TEMÁTICO

1. Introducción 4

2. Diseño del Portal 7

2.1. Diseño de la página inicial 7

2.2. Diseño de plantillas para las secciones internas 8

3. Administración del Portal 12

3.1 Ingreso al sistema 13

4. Gestón de contenidos 15

5. Crear un artículo 16

5.1. Título del artículo 18

5.2. Opciones de publicación 19

5.3. Elementos del artículo 20

5.3.1. Texto del artículo 21

5.3.2. Tablas 22

5.3.3. Imágenes 24

5.3.4. Enlaces 26

6. Administrar menú y submenús 31

7. Enlazar los menú y submenús a los artículos correspondientes 35

8. Otras herramientas y funcionalidades del nuevo portal 39

Actividad 40


___________________________________________________________________

4

1. INTRODUCCIÓN

Manual de Administradores del Nuevo Portal

de la Facultad de Ciencias Económicas

En el año 2005 se implementó en la Facultad de Ciencias Económicas un

novedoso Portal, basado en herramientas de software libre, el cual brindaba la

posibilidad de mantener contenidos dinámicos, permitiendo una administración

ágil, eficiente y descentralizada de un espacio virtual con sus correspondientes

servicios.

El Portal funcionó, durante estos años, como una importante herramienta de

comunicación, que permitió una interacción efectiva entre las diferentes áreas

de la Facultad con usuarios, ya sean de la misma institución, de otras

instituciones, o el público en general.

Sin embargo, ante el avance y la actualización de las tecnologías disponibles

para este tipo de desarrollos, se consideró oportuno y necesario aprovechar

estas posibilidades para reconceptualizar varios aspectos del sitio, como ser:

· Estética. Las herramientas tecnológicas actuales ofrecen la posibilidad de

incorporar elementos visuales, como fotos, videos, animaciones, para lograr

una estética más atractiva. Así, el nuevo diseño apela a una armonía entre

texto e imágenes, apoyada por una redistribución más clara de los contenidos.

· Desarrollo horizontal. Acorde a las últimas tendencias en diseño y

navegabilidad Web, los elementos en el Nuevo Portal se distribuyen de manera

horizontal, aprovechando al máximo el ancho del navegador. Esto trae como

ventaja el hecho de reducir la necesidad de “scroll” (desplazamiento hacia

abajo para la búsqueda de información) y aporta un diseño que no genera

jerarquías en la aparición de links y noticias.


___________________________________________________________________

5

· Funcionalidad. El avance tecnológico desarrollado en estos años, ha

permitido mejorar funcionalidades en cuanto al manejo de contenido por parte

de los usuarios, pudiendo disponer de editores más estables, con más

herramientas y más simples de manejar.

EL NUEVO PORTAL

Por todo lo antes mencionado, en el año 2008, desde el Área de Comunicación

y el Centro de Computación y Tecnologías de Información de la Facultad, se

comenzó a trabajar en el diseño y desarrollo de un nuevo Portal para la

institución, que permita resolver las necesidades tanto de los administradores

como de los usuarios.

Como resultado de un exhaustivo relevamiento, optimizaciones en diseño y

contenido, estudio de las últimas aplicaciones en tecnologías Web y tendencias

de diseño, hoy disponemos de este Nuevo Portal.

Tanto la página de inicio como el Nuevo Portal Web de la Facultad están

programados sobre una base del Sistema de Administración de Contenidos

(CMS, siglas en inglés de Content Management System) de la firma “Joomla”.

Este sistema de administración permite, entre otras cosas:

• Una funcional organización del sitio: organiza eficientemente los contenidos

en secciones y categorías, lo que facilita la navegabilidad para los usuarios y

permite crear una estructura sólida, ordenada y sencilla para los

administradores.

• Publicación de Contenidos: se pueden publicar una cantidad ilimitada de

páginas a través de un sencillo editor.

• Navegación y menú totalmente editables. Disposición de módulos modificable

e implementación de nuevas funcionalidades: permite instalar, desinstalar y

administrar componentes y módulos.


___________________________________________________________________

6

• Administración de usuarios: registra usuarios y permite contacto interno.

• Diseño y aspecto estético del sitio: Se pueden generar diferentes plantillas

para que el usuario opte según su criterio.

• Posee un completo administrador de Imágenes.

• Posibilidad de publicar encuestas con resultados en barras porcentuales.

• Etc.


___________________________________________________________________

7

2. DISEÑO DEL NUEVO PORTAL

2.1. DISEÑO DE LA PÁGINA INICIAL

Sector

Accesos Directos

Sector

Noticias y Accesos

Secundarios

Botonera Principal con menúes desplegables


___________________________________________________________________

8

2.2. DISEÑO DE PLANTILLAS PARA LAS SECCIONES INTERNAS

Se diseñaron una serie de plantillas maestras para las secciones internas del

Portal, que podrán elegirse de acuerdo a las necesidades del área.

Plantilla 1

La estructura básica de la plantilla respeta la siguiente distribución: incluye

tanto la columna izquierda como la derecha, siguiendo la estructura de la

página inicial.


___________________________________________________________________

9

Referencias

1. Barra Horizontal de Menú: tiene el mismo comportamiento que la barra de la página inicial,

con menúes desplegables.

2. Menú de Área: lo configura y administra el usuario de acuerdo a los contenidos.

3. Menú de Accesos Directos: su inclusión es optativa

4. Agenda de la Facultad: inclusión optativa

5. Más links: inclusión optativa

En el caso eventual de que el usuario requiera utilizar una porción mayor del

cuerpo de la página, podrá optarse por más Plantillas:

1

2

3

4

5


___________________________________________________________________

10

Plantilla 2

Suprime los bloques del sector derecho (Accesos Directos, Agenda y Más

Links).


___________________________________________________________________

11

Plantilla 3 (“Plantilla Muda”)

Suprime la columna del Menú de Área y los bloques del sector derecho

(Accesos Directos, Agenda y Más Links).


___________________________________________________________________

12

3. ADMINISTRACIÓN DEL PORTAL

El portal se encuentra organizado en Secciones . Una sección, por ejemplo,

puede ser La Facultad, un instituto, un departamento, una secretaría, o

cualquier área de la Facultad que realiza diferentes actividades y genera

determinada información. Cada sección será administrada por una o más

personas designadas por cada área, que llamaremos “administradores de

área”.

El “administrador ” de cada Sección tendrá por funciones:

• Crear los artículos con la información

• Administrar el menú y los submenús

• Vincular la información

• Cargar imágenes y archivos en el servidor y administrarlos

• Mantener y actualizar los contenidos

Cada sección puede contener, si fuera necesario, diferentes Categorías , lo que

permitirá a la sección ordenar mejor su contenido.

La información incluida en las secciones se encuentra contenida en Artículos .

Cada Artículo corresponde a una página de la Sección , que se visualiza a

través del Menú .

Comencemos a familiarizarnos con en entorno de trabajo:


___________________________________________________________________

13

¿Cómo comenzar?

En primer lugar, se solicitará al administrador del sitio (persona responsable en

el Centro de Cómputos) la designación de un usuario y una clave de

administrador.

También se deberá comunicar a dicho administrador cuál es la plantilla (de las

plantillas 1, 2 y 3 descriptas anteriormente) elegida para la sección que se

desea administrar.

3.1. INGRESO AL SISTEMA

Una vez obtenido el usuario y la clave , el

administrador deberá autenticarse ante el

Portal como administrador, accediendo a

través del sistema.


___________________________________________________________________

14

1- Ingresar a portal.eco.unc.edu.ar/administrator

2- Ingresar nombre de usuario y contraseña.

3- Presionar Acceder

Esta acción nos situará en la pantalla del Panel de Control desde donde

administraremos los contenidos.

Antes de comenzar a volcar la información en el Portal, es recomendable tener la

estructura bosquejada sobre papel , con una idea clara de los menús, submenús y la

información que contendrá cada uno de ellos.

Barra horizontal

desplegable

Gestor de artículos

Ingreso Gestor de

menús


___________________________________________________________________

15

4. GESTIÓN DE CONTENIDOS

Pasos para publicar una información en el portal

Según el sistema de carga de contenidos del nuevo Portal, son tres los grandes

pasos para lograr que una información sea publicada en forma de página del

sitio. Estos son:

A. Crear un artículo

B. Administrar los menú y submenús

C. Enlazar los menú y submenús a los artículos corr espondientes.


___________________________________________________________________

16

5. CREAR UN ARTÍCULO

Gestor de artículos

Una vez que tenemos en claro esto, comenzaremos por traspasar la

información al Portal mediante la creación de Artículos .

Para comenzar a cargar información en el Portal, se debe hacer

clic en la barra horizontal desplegable del Panel de Control, donde

ingresaremos a Contenido , y mediante este al Gestor de

artículos . También se puede acceder mediante el acceso rápido a través del

ícono correspondiente que figura en la pantalla.

Una vez dentro del gestor, se despliega la lista de artículos publicados en la

sección.

En el mismo gestor de artículos, aparecerá en la parte superior de la pantalla

un menú desplegable . Desde aquí, se podrá acceder y moverse por las

opciones que brinda el administrador del Portal, como el gestor de menú y el

gestor de artículos.

Más abajo se encuentra el acceso rápido a la barra de herramientas que me

permitirá manejar los artículos contenidos en la sección. Desde estos íconos se

podrá acceder fácilmente a crear, editar, eliminar, mover, etc los artículos

creados.

En el bloque siguiente podemos observar una barra de búsqueda rápida de

artículos, lo cual nos será de gran utilidad en el caso de que nuestra sección

tenga gran cantidad de artículos. La opción Filtro funciona como cualquier

buscador, solo tipeando una palabra o parte de la palabra que contenga el

nombre del artículo y presionando Ir, nos dará los resultados de la búsqueda.


___________________________________________________________________

17

Inmediatamente después se despliega la lista de artículos de la sección (en el

caso de que hubiera), a los cuales se puede acceder haciendo click en el título

para editarlo. A su vez, esta lista cuenta con diferentes opciones de

visualización , especificadas al pie de la pantalla.

¿Cómo crear los artículos?


___________________________________________________________________

18

Para crear un artículo accederemos al ícono Nuevo de la barra de que se

encuentra en la parte superior del gestor de artículos.

En ese momento se abrirá el editor de texto sobre el que trabajaremos, el cual

presenta un aspecto similar a cualquier procesador de texto.

5.1. TÍTULO DEL ARTÍCULO

En primer lugar se debe colocar el título de nuestro artículo.

Con esta palabra o frase figurará el artículo en el listado del gestor, y será el

nombre a través del cual debemos buscar cuando hagamos un enlace desde

otro artículo hacia este.


___________________________________________________________________

19

Además, este nombre aparecerá por defecto automáticamente como título del

artículo al publicar la página, en una fuente Trebuchet, tamaño 16, en el color

bordó institucional de la FCE.

¿Cómo desactivar el título que aparece por defecto?

Puede suceder que deseemos utilizar un texto diferente al nombre del artículo

como título de nuestra página publicada, o simplemente que aparezca sin título.

En este caso, podemos desactivar esta opción por defecto siguiendo estos

pasos:

o Desplegar la solapa “Parámetros - Avanzados ” que se encuentra a la

derecha del editor

o En la primera opción “Muestra el título ”, elegir “No” en la ventana

desplegable.

Alias: Si se deja en blanco este campo, el editor genera solo el alias del artículo, colocando el

mismo título separado por guiones. Si se prefiere, se puede colocar otro alias.

5.2. OPCIONES DE PUBLICACIÓN

En el mismo bloque de opciones para colocar el título, elegiremos la sección y

la categoría donde se ubicará el artículo. Además, podemos elegir publicarlo o

no, en el caso de que necesitemos tenerlo creado y publicarlo más adelante.


___________________________________________________________________

20

5.3. ELEMENTOS DEL ARTÍCULO

El editor disponible del Portal provee una completa barra de herramientas que

permite adjudicar diferentes formatos al texto e introducir elementos como

imágenes, tablas, links, etc.

Entre las herramientas que más utilizaremos, se encuentran:

o Vista previa : permite visualizar la pantalla con los parámetros con los

cuales se publicará.

o Cortar-Copiar-Pegar

o Imprimir

o Corrector ortográfico : permite controlar los errores de ortografía, con la

posibilidad de buscar y reemplazar palabras.

o Formato de fuente : Negrita, Cursiva, Subrayado, Tachado, Sub y

Superíndice.

o Posición del texto : Alineado Izquierda, Derecha, Centrado, Justificado.

o Color de texto : el editor permite elegir entre una amplia gama de

colores para el texto, sin embargo, es fundamental elegir siempre un

color lo suficientemente oscuro para que contraste con el blanco del

fondo y sea fácilmente legible.

o Borrar formato : seleccionado un texto y presionando este botón,

elimina todos los formatos que se le han dado al mismo.


___________________________________________________________________

21

o Links : se utiliza esta opción para

a) generar links a un sitio externo , es decir que se encuentra fuera

del portal. Solo hay que conocer su URL, es decir su ubicación en

Internet (dirección http://...).

b) También desde aquí se puede insertar un archivo de extensión

pdf accediendo al servidor.

o Referencias : esta herramienta se utiliza para hacer enlaces a un sector

dentro del mismo artículo en el cual se está trabajando.

o Imágenes : presionando este ícono se accede al servidor en donde se

puede elegir una de las imágenes disponibles para insertar en el artículo

donde se está trabajando, o bien subir una nueva imagen desde el

ordenador al servidor para utilizarla.

o Tablas : trabajar con tablas en el editor nos permite el ordenamiento del

contenido en filas y columnas, con la posibilidad de darles una extensión

definida, modificarlas, agregar y quitar. Se recomienda el uso de tablas

en el caso de incluir imágenes que se deseen situar al lado del texto, o

cuando se organiza la información en columnas.

Además de esta barra de herramientas, el editor cuenta con opciones al pie,

entre los que se encuentra el botón “Linkr ”, el cual utilizaremos para crear

enlaces internos, es decir, enlaces a otros artículos del mismo Portal .

5.3.1. TEXTO DEL ARTÍCULO

Procederemos a escribir el texto, o bien a copiarlo desde otro archivo.


___________________________________________________________________

22

IMPORTANTE:

o Si el texto que pondremos en el artículo se copiará desde un archivo de Word o se

extrae de una página web, se recomienda, antes de pegarlo en el editor, copiarlo a un

archivo de texto sin formato (por ejemplo el Bloc d e Notas) para luego copiarlo

nuevamente y pegarlo en el editor del Portal. Esta acción hace que se borre todo el

formato previo que pueda tener el texto y así no tener problemas al editarlo.

o A su vez, se recomienda también tipear el texto primero en un procesador de textos

(Bloc de notas o Word) y guardarlo en el equipo , para asegurarse un respaldo de la

información en el disco duro del ordenador, por cualquier problema que pueda ocurrir

en la conexión antes que se pueda grabar el artículo.

Una vez introducido el texto en el editor, procederemos a darle

formato.

Para seguir un diseño uniforme y congruente en todo el portal, se

eligió como formato standard para el texto:

• fuente Trebuchet

• tamaño 12

• color Negro (Automático)

Con respecto a los colores a utilizar, recordamos que los colores

institucionales de la Facultad son el bordó y el amarillo ocre, lo que

no significa que no se pueda utilizar creativamente la paleta

completa.

5.3.2. TABLAS

Las tablas se utilizan cuando deseamos ordenar los elementos de la página en

columnas y filas. Para insertar una tabla dentro del artículo en el cual estamos

trabajando, se deben seguir estos pasos:

1) En primer lugar, seleccionamos el ícono

Insertar/Editar Tabla de la barra de herramientas

TEXTO

Trebuchet 12

Trebuchet 12 Trebuchet 12 TREBUCHET 12

COLORES


___________________________________________________________________

23

del editor, lo que abrirá la ventana de Propiedades de Tabla.

2) Luego, definimos la cantidad de filas y columnas que tendrá la tabla, si

tendrá borde y en caso que lo tuviera definir el tamaño, la alineación, y el

ancho. También se puede dar espacio entre celdas y espaciado interior.

IMPORTANTE: En cuanto al ancho en pixeles de la tab la, hay que ser precavido de no

colocar un ancho que supere el ancho del portal, ya que esta acción hará que se

desborden los márgenes del portal. Entonces, se rec omienda que las tablas que

utilicemos no superen los 400 pixeles de ancho (par a la plantilla 1) y los 600 pixeles de

ancho (para las plantillas 2 y 3).

3) Una vez que tenemos la tabla creada, comenzamos a colocar los

elementos del artículo dentro de las celdas correspondientes. Podemos

colocar tanto texto como imágenes, de la misma manera que lo

haríamos fuera de la tabla. También se pueden modificar las

propiedades de los elementos, como ser tamaño y color de fuente,

alineación, etc.

Modificar tabla

Si bien las propiedades que elegimos son las que se aplicarán a la tabla que

hemos creado, existe la posibilidad de modificarlas a posteriori. Para esto,

seleccionaremos la tabla y apretando el clic derecho del mouse, escoger la


___________________________________________________________________

24

opción Propiedades de Tabla . Aparecerá nuevamente la ventana en la que

introduciremos los cambios.

Allí podemos modificar filas, columnas y celdas, agregando, eliminando y

dando una extensión definida en pixeles.

5.3.3. IMAGENES

1) Para insertar una imagen en nuestro

artículo, haremos clic en el ícono de

Insertar/Editar Imagen de la barra de

herramientas.

2) Vamos a la opción Ver Servidor , desde donde elegiremos una imagen.

En las propiedades definimos las dimensiones en pixeles y le damos la

alineación adecuada.

Modificar imágenes


___________________________________________________________________

25

Si deseamos cambiar los parámetros de la imagen, como anchura, altura,

alineación, etc, haciendo clic derecho con el mouse sobre la imagen se

abrirá nuevamente la ventana de Propiedades de Imagen .

¿Cómo subir imágenes al servidor desde nuestro equipo?

En el caso de necesitar una imagen que no se encuentra disponible en el

servidor del Portal, debemos subirla. Para esto, hacemos clic en Ver servidor y

ejecutamos los pasos siguientes.

IMPORTANTE:

• Se recomienda organizar las imágenes en carpetas, p ara facilitar la búsqueda

para su futura utilización.

• Las carpetas que se creen, al igual que los archivo s que se suban al servidor

(imágenes, pdf, zip, etc.) NO PUEDEN CONTENER ACENT OS NI ESPACIOS EN EL

NOMBRE. Para reemplazar estos últimos, se puede rec urrir al guión o guión bajo.

Crear carpeta

Si deseamos crear una nueva carpeta, lo haremos desde el botón Create New

Folder , presente al extremo izquierdo inferior de la pantalla. La nombramos

con una palabra significativa que represente su contenido, a los fines de

facilitar búsquedas posteriores. Una vez creada la carpeta que contendrá

nuestra imagen, haremos clic en ella para posicionarnos dentro.

Subir imagen

Una vez situados dentro de la carpeta en la que deseamos subir la imagen,

iremos al botón Examinar que figura en el lado izquierdo inferior de la página.

Esta acción nos abrirá una ventana en la cual buscaremos la imagen en el

disco duro de nuestra PC. Paso seguido, iremos al extremo inferior derecho y

haremos clic en el botón Upload .


___________________________________________________________________

26

Una vez cargada la imagen al servidor, la seleccionamos igual que en el paso

2) de la actividad Imágenes.

¿Qué tipo de imágenes puedo subir al portal?

Los formatos de imagen que se recomiendan son JPG, PNG y GIF, por ser

formatos que optimizan el tamaño y el peso de las imágenes. Debemos ser

cuidadosos en cuanto al peso de las imágenes, ya que ocupan mucho

espacio en el servidor. Para esto utilizaremos imágenes de 72 dpi de

resolución.

5.3.4. ENLACES

¿Cómo realizar los enlaces o links?

Link externo


___________________________________________________________________

27

Los links externos nos remiten hacia una página externa , es decir, hacia

una dirección URL . Si queremos hacer un link hacia una página web:

1) Tipeamos y seleccionamos la palabra o frase desde la

cual se hará el link. Con estas palabras seleccionadas,

presionaremos el ícono Insertar/Editar Vínculo de la

barra de herramientas del editor.

2) En la solapa Información del vínculo , en el campo URL, que figura en

blanco, tipeamos la dirección URL de la página web:

www.direcciondelaweb.edu.ar.

3) Luego, en la solapa Destino , indicaremos en dónde se abrirá el nuevo

contenido que estamos llamando mediante el link.

Se recomienda en este paso trabajar solo con las op ciones Nueva ventana (_blank) y

Misma ventana (_self). El primer caso, se aplica pa ra todos los sitios que se encuentran

por fuera del portal: links a páginas web, document os PDF para descargar, etc. A su vez,

todos los contenidos que están en el mismo Portal d e la facultad, se recomienda abrirlos

en la misma ventana de navegación, como por ejemplo , los vínculos hacia otros

artículos de la misma sección o de una sección dife rente.


___________________________________________________________________

28

Link interno

Para direccionar un link a un artículo ya publicado en el Portal, utilizaremos el

botón Linkr mencionado anteriormente.

1) Situados dentro del artículo, presionaremos este botón que se encuentra

abajo del editor de texto.

2) Nuevamente seleccionamos una palabra o frase que funcionará como

link.

3) Se desplegará una ventana en la cual seleccionaremos la palabra

Artículo que se encuentra en el menú horizontal de tipo de link.

4) Seleccionamos la sección y la categoría donde se encuentra el artículo

que queremos que se abra.

5) Seleccionamos el artículo de la lista

6) Presionar Get link y corroborar que funcione correctamente.


___________________________________________________________________

29

Archivos PDF

Muchas veces debemos colocar en nuestro artículo un archivo en formato

“.pdf ” para que los usuarios lo puedan descargar en sus equipos o visualizarlo.

1) En primer lugar, debemos contar con un archivo con el formato PDF.

2) Dentro del artículo, escribiremos y/o seleccionaremos el texto desde el

cual haremos el vínculo.

3) Presionaremos el ícono Insertar/Editar Vínculo de la

barra de herramientas del editor.

4) Cuando se abre la ventana emergente, elegir la opción Ver servidor . Se

abrirá una ventana que nos muestra todos los archivos disponibles

cargados en el servidor.

5) Una vez que tenemos el archivo, lo seleccionamos.

Si el archivo que necesitamos no se encuentra cargado aún, debemos subirlo

previamente al servidor, para lo cual procederemos de la misma manera que lo

hicimos con las imágenes en el paso Subir imágenes.

Siguiendo este mismo procedimiento, se pueden subir archivos con otros

formatos, como por ejemplo PNG, JPG, PPT, ZIP, etc.

Referencias

Hay ocasiones en las que necesitamos hacer un enlace que nos remita a un

punto dentro de la misma página. Por ejemplo, si el texto es extenso y

necesitamos que, haciendo clic en una palabra, nos lleve al final del artículo.

Para esto, utilizaremos la opción Referencia que se encuentra

en la barra de herramientas del Editor.

Referencia Insertar/editar Vínculo


___________________________________________________________________

30

1) Crear una referencia

Una vez que tenemos completo el texto del artículo, nos posicionamos con el

cursor del mouse en la parte del texto hacia donde queremos que nos lleve el

link, es decir, el destino de nuestro enlace. Acto seguido, elegimos la

herramienta Referencia haciendo clic sobre ella. Se desplegará una ventana

donde asignaremos un nombre a esta referencia.

Observaremos que se inserta una pequeña imagen

de un ancla al lado del texto.

2) Luego, haremos el link desde una palabra o frase hacia la Referencia

que hemos creado. Para esto, primero seleccionamos la palabra o frase

que funcionará como link, pintando con el cursor sobre ella. Para hacer

el link hacemos clic en el elemento Insertar/Editar Vínculo de la barra

de herramientas del editor, situado cerca de la herramienta Referencia.

Se desplegará una ventana, en la cual elegiremos en Tipo de vínculo la

opción Referencia en esta página . Luego, en Seleccionar una

referencia Por Nombre de Referencia, buscaremos el nombre de la

referencia en las opciones desplegables y la seleccionamos. Aceptamos,

y de esta manera quedará hecho el vínculo.

Situar aquí el cursor


___________________________________________________________________

31

6. ADMINISTRAR UN MENÚ Y SUBMENÚS

Para facilitar la carga de datos del nuevo Portal, ya se ha creado el menú para

cada área. Lo que entonces deberán hacer los encargados del área es

administrarlo. Podrán entonces:

• Crear nuevos ítems de menú o submenú

• Cambiar el nombre de un ítem de menú o submenú

• Ordenar los ítems

• Publicarlos o despublicarlos

Para ello, en la barra horizontal de administración, ingresaremos a Menús , y

mediante este al menú de nuestra sección .

Una vez adentro del gestor, observaremos una lista en la cual existen ítems de

menú publicados ( ) y también ítems de menú no publicados ( ).

Los publicados son aquellos que aparecen en el Portal, y que podemos

modificar.

Los despublicados que no tienen un nombre especificado, son los que están

disponibles para utilizar cuando queremos agregar un ítem a nuestra área.


___________________________________________________________________

32

Modificar un Menú o Submenú

1) Ingresar a la sección que queremos modificar a través del ícono Editar

Item/s de menú .

2) Ingresamos al ítem que queremos modificar haciendo clic en el nombre.

3) Una vez que estamos dentro de la ventana de parámetros del ítem,

podremos modificar por ejemplo el título, el orden de aparición, etc,

como muestra la siguiente figura.


___________________________________________________________________

33

4) Una vez que modificamos los parámetros, hacemos clic en Guardar .

5) Recordemos que también podemos cambiar el orden y el estado de

publicación directamente desde el editor de menú.

Agregar un item de menú o un submenú

Como mencionamos anteriormente, cada área tiene disponibles una cierta

cantidad de ítems de menú para poder agregar secciones. Estos son los que se

encuentran al final de la lista de menú del área, con el nombre “Item de menu”

seguido de un número, por ejemplo, “Item de menu 9”

Recordemos que para hacer un enlace necesitamos pri mero tener creado el artículo al

cual vincularemos el menú.

Si deseamos publicar un nuevo ítem, debemos seguir estos pasos:


___________________________________________________________________

34

1) Una vez logueados como administrador, ingresamos al gestor de menú

y a la sección en la cual agregaremos el ítem.

2) En la lista de ítems de menú, buscaremos los Ítems de menú

disponibles . Ingresamos a uno de ellos (sería conveniente comenzar

por el primero disponible de la lista, así los utilizamos en orden)

haciendo clic sobre el nombre. Se desplegará entonces una ventana

donde tendremos varios parámetros para modificar.

3) En primer lugar, modificar el tipo de ítem de menú y hacer el enlace

(ver abajo, en el punto 7).

4) Podremos ahora colocar el nombre a nuestro nuevo ítem, e indicar la

sección a la cual pertenece, y si queremos que se comporte como

submenú dependiendo de un ítem de menú ya existente.

5) Par poder visualizarlo en el sitio, cambiamos el estado de publicación ,

tildando la opción Sí en Publicado .

6) Finalmente, podemos, o bien hacer clic en Guardar y corroborar en el

navegador que el resultado sea el deseado y si funciona correctamente

el enlace, o bien pasar inmediatamente a realizar el enlace sin cerrar la

ventana.


___________________________________________________________________

35

7. ENLAZAR LOS MENÚ Y SUBMENÚS A LOS ARTÍCULOS CORRESPONDIENTES

Ya contamos con los artículos, tenemos creado el menú y los submenús. Lo

que resta entonces es vincular cada ítem de menú al artículo que se abrir á

al hacer clic en él .

Este paso se administra también desde el Gestor de Menú .

¿Cómo hago un link desde el menú?

1) Ingresamos, en el Gestor de Menú , a la sección que

deseamos vincular.

2) Existen dos tipos de enlaces que podemos hacer:

Enlaces Internos y Enlaces Externos .

3) Para hacer o modificar un Enlace Interno :

Enlace Interno : este tipo de enlace lo utilizamos cuando queremos que el ítem de menú nos direccione a un artículo del mismo Portal .

Enlace Externo : lo utilizamos para lograr que el ítem de menú nos abra una dirección URL (página web) externa .


___________________________________________________________________

36

b) Situados dentro de la sección que deseamos modificar,

seleccionamos el ítem de menú al cual le asignaremos el

artículo.

c) En primer lugar controlaremos que el Tipo de Item de Menú se

anuncie como Presentación del Artículo . Si esto no es así,

seguiremos los pasos que se encuentran más abajo, en la

sección Cambiar tipo de enlace .

d) En la solapa Parámetros – Básico que figura a la derecha,

hacemos clic en el botón Seleccionar y buscamos el artículo al

cual queremos vincular nuestro ítem de menú. Podemos optimizar

la búsqueda seleccionando la categoría o acudir a la búsqueda

por filtro.

e) Cuando lo encontramos, hacemos clic en el nombre del artículo.

f) Finalmente, hacemos clic en Guardar .

4) Para hacer o modificar un Enlace Externo :

a) Situados dentro de la sección en la cual trabajaremos,

seleccionamos el ítem de menú desde el cual haremos el enlace.

b) Corroboramos que el Tipo de Item de Menú se anuncie como

Enlace Externo . De lo contrario, accionaremos según se indica

en la sección Cambiar tipo de enlace .

c) En la ventana de edición, en la opción Enlace , colocaremos la

dirección URL de la página que queremos que se abra. Esta

dirección debe estar completa, es decir, incluyendo http://www...

para que el enlace funcione correctamente.

d) Finalmente, hacemos clic en Guardar .


___________________________________________________________________

37

Cambiar el tipo de enlace

Como vimos anteriormente, existen dos tipos de enlaces que podemos hacer

desde un ítem de menú, Enlaces Internos y Enlaces Externos .

Puede suceder que en el momento de especificar este enlace, el Tipo de ítem

de menú no concuerde con el tipo de enlace que necesitamos hacer.

Para remediar esto, en el editor del ítem de menú, cambiaremos el tipo de

enlace:

1) Presionamos el botón Cambiar Tipo

a) Si queremos que nuestro ítem de menú nos lleve a un artículo ,

haremos clic, dentro de Enlace Interno , en Artículos . Se

desplegarán opciones de las cuales elegiremos Artículo y luego

Presentación del Artículo .


___________________________________________________________________

38

b) En el caso de querer que el ítem de menú nos direccione a una

URL (página web) externa , en lugar de Enlace Interno

seleccionaremos Enlace Externo .

2) Luego, realizamos el enlace correspondiente, a un artículo o a una

página externa.


___________________________________________________________________

39

8. OTRAS HERRAMIENTAS Y FUNCIONALIDADES DEL NUEVO PORTAL

Además de las posibilidades que describimos en el presente manual de

usuario, el nuevo portal tiene herramientas opcionales que, si bien no están

especificados su utilización y manejo, se encuentran disponibles para aquellas

áreas que deseen o necesiten utilizarlas.

Estas son:

- Formularios de contacto.

- FAQ`S (preguntas frecuentes).

- Galería de fotos interactiva.


___________________________________________________________________

40

ACTIVIDAD

En la sección que se le ha destinado, procederemos a crear artículos y luego

hacer los correspondientes enlaces al menú.

En dicha sección, agregaremos como menú los botones Inicio, Materias, y

dentro de este último ítem los submenú Materia1 y Materia2.

Mi sección Inicio

Materias

Materia 1

Materia 2

A. La primera parte de la actividad será crear el artículo para Inicio. Este

artículo tendrá un texto y una imagen, ambos contenidos adentro de una tabla.

1) En primer lugar ingresamos a la administración del Portal mediante el

usuario y la contraseña.

2) Ingresamos al Gestor de Artículos y elegimos crear un artículo Nuevo .

3) Lo titulamos INICIO y elegimos en la ventana desplegable la sección y

la categoría (en el caso de que existan más de una) donde lo

guardaremos.

4) Tildamos la opción para indicar que el artículo se publique, pero no en la

página principal.

5) Colocamos el siguiente texto:

La presente área se encuentra comprendida dentro de la

Facultad de Ciencias Económicas de la Universidad

Nacional de Córdoba. Esta institución que hoy cuenta con

aproximadamente 15.000 alumnos de grado, 600 alumnos

de posgrado, 500 docentes e investigadores y 120

empleados no docentes, pasantes y contratados, es una


___________________________________________________________________

41

de las unidades académicas más prestigiosas de la

Universidad.

IMPORTANTE: recordemos que si el texto será pegado desde un archivo de Word o una

web, debemos copiar primero el texto en un archivo del Bloc de Notas, para desde allí

copiarlo y pegarlo en el editor.

6) Lo seleccionamos y le colocamos un tamaño de fuente 12 .

7) Destacamos en Negrita las palabras Facultad de Ciencias Económicas

y Universidad Nacional de Córdoba.

8) Destacamos en Cursiva las cifras.

9) Finalmente, guardaremos nuestro artículo.

A pesar de que hemos creado el artículo, aún no podremos visualizarlo en el

portal, ya que debemos avanzar a los siguientes pasos, B y C, crear el menú y

hacer los links desde el menú a los artículos.

En las actividades siguientes continuaremos trabajando sobre el artículo que

acabamos de crear, al cual ingresaremos a través del Gestor de Artículos para

modificarlo.

1) Crearemos una tabla de 1 fila y 2 columnas, tamaño de borde 0,

alineada a la izquierda y con una anchura de 600 pixeles. En Espacio

entre celdas colocaremos 0 y Espaciado interior 2 pixeles.


___________________________________________________________________

42

Dentro de la primera columna de la tabla, pondremos el horario de atención y

los datos de contacto. Para esto, situamos el cursor dentro de la celda y

colocamos lo siguiente:

Horario de atención: lunes a viernes de 10 a 20.

Contacto: 4437300 interno 111

E-mail: [email protected]

Le cambiamos la fuente a Arial y le damos un tamaño 12 y un color diferente.

2) En la segunda columna, procederemos a insertar una imagen.

Para esto, haremos clic en el ícono de Insertar/Editar Imagen de la barra de

herramientas.

Vamos a la opción Ver Servidor , desde donde elegiremos una imagen. En las

propiedades le cambiamos la anchura a 120 pixeles y le damos alineación

Centro.

3) Posteriormente, haremos un link externo hacia la página de la UNC.

Seleccionamos la frase Universidad Nacional de Córdoba en el primer párrafo

de nuestro artículo. Con estas palabras seleccionadas, presionaremos el ícono

Insertar/Editar Vínculo de la barra de herramientas del editor.

En la solapa Información del vínculo , en el campo URL, que figura en blanco,

tipeamos la dirección de la página web de la UNC: www.unc.edu.ar. En la

solapa Destino , indicaremos que el link se abra en una Nueva ventana

(_blank).

4) Haremos también un link interno.


___________________________________________________________________

43

Desde la frase “Facultad de Ciencias Económicas” incluida en nuestro texto,

haremos un link al artículo “Historia”, ubicado en la sección La Facultad.

Utilizando el botón Linkr situado abajo del editor, se desplegará una ventana en

la cual seleccionaremos la palabra Artículo que se encuentra en el menú

horizontal de tipo de link. Buscamos el artículo por su sección y categoría y lo

seleccionamos de la lista. Finalmente, presionamos Get link y corroboramos

que funcione correctamente.

5) A modo de práctica, crear luego los demás artículos:

- Materias

- Materia1

- Materia2

6) En el artículo Materia, subiremos un archivo de formato PDF para que el

usuario pueda descargar.

Dentro del artículo, escribiremos el texto desde el cual haremos el vínculo, por

ejemplo, Descargar listado de profesores. Seleccionamos el texto y

presionaremos el ícono Insertar/Editar Vínculo de la barra de herramientas

del editor.

Cuando se abre la ventana emergente, elegir la opción Ver servidor . Se abrirá

una ventana que nos muestra todos los archivos disponibles cargados en el

servidor. Nuestro archivo no se encuentra en la lista, por lo cual lo subiremos al

servidor desde nuestro equipo o CD. Una vez que tenemos el archivo, lo

seleccionamos.

7)


___________________________________________________________________

44

B. A continuación, procederemos a enlazar los artículos a los correspondientes

menú y submenú.

1) Ingresamos al Gestor de menú a través de la barra desplegable

horizontal. Allí se desplegarán todos nuestros ítems de menú y

submenú, más la información correspondiente a su estado de

publicación.

2) Elegiremos uno de los ítems de menú disponibles para modificar

haciendo clic en el nombre, por ejemplo, Item de menú1.

3) Una vez dentro, en primer lugar corroboramos el tipo de enlace, y lo

cambiamos si es necesario por Artículo/Presentación del artículo.

4) En Parámetros-Básico buscamos el artículo llamado Inicio que creamos

anteriormente y lo seleccionamos.

5) Nombramos nuestro ítem de menú como Inicio y colocamos su orden de

aparición en el árbol como Superior, es decir, será un ítem de primer

orden en el menú.

6) Finalmente, lo publicamos y guardamos.

Haremos lo mismo con los restantes artículos, con cuidado de insertar los

artículos Materia1 y Materia2 dentro del ítem Materias.

Manual Nuevo Portal

Documents

Transcript of Manual Nuevo Portal