manual de usuario del autor del contenido para el sitio web de la ...€¦ · body: en la sección...

Manual de Usuario del

Autor del Contenido para el

Sitio Web de la Universidad

Tecnológica de Panamá

2017

MANUAL DE USUARIO

DEPARTAMENTO DE TECNOLOGÍA WEB Y MULTIMEDIA

DEPARTAMENTO DE TECNOLOGÍA WEB Y MULTIMEDIA | Dirección de Tecnología de la Información y Co-

municaciones

Manual de Usuario del Autor de Contenido

para el Sitio Web de la Universidad Tecnológica de Panamá

2

Departamento de Tecnología Web y Multimedia

Índice

Ingresar al Área Administrativa del Sitio .............................................................................................. 3

Obtener una Nueva Contraseña de Acceso ........................................................................................... 5

Añadir Contenido .................................................................................................................................. 7

¿Cómo Subir una Imagen o un Archivo al Servidor? ......................................................................... 10

Editor de Texto ..................................................................................................................................... 11

¿Cómo Crear un Enlace con el Archivo que está en el Servidor? ....................................................... 14

Crear un Enlace Interno o Externo con un Texto ................................................................................ 15

¿Cómo Colocar una Imagen en la Página? ......................................................................................... 16

¿Cómo Utilizar una Imagen que ya está en el Servidor? .................................................................... 18

Creación de Tablas .............................................................................................................................. 20

Creación de Sub Títulos ...................................................................................................................... 22

¿Cómo Enviar una Página al Editor para su Verificación? ................................................................. 23

¿Cómo Modificar una Página ya Publicada? ...................................................................................... 24

Actualizar o Modificar una Página Creadas por otro Usuario (Autor) .............................................. 25

Módulo de Noticias ............................................................................................................................. 26

Retomar una Noticia ya Publicada ...................................................................................................... 32

Módulo de Eventos ............................................................................................................................. 33



3


Ingresar al Área Administrativa del Sitio

Para ingresar al Área de Administración del Sitio Web de la Universidad Tecnológica de Panamá (UTP)

usted deberá utilizar una de las siguientes URL's:

• http://www.utp.ac.pa /user

(todas las direcciones o los departamentos que solamente tengan información en el sitio

principal de la universidad)

• http://www.facultad.utp.ac.pa/user

(todas las facultades de nuestra universidad; deben reemplazar con sus iniciales la sección

resaltada en el URL)

• http://www.centro-de-investigación.utp.ac.pa/user

(todos los Centros de Investigación de nuestra universidad; deben reemplazar con sus iniciales

la sección resaltada en el URL)

• http://www.centros-regionales.utp.ac.pa/user

(todos los Centros Regionales de nuestra universidad; deben reemplazar con sus iniciales la

sección resaltada en el URL)

Cuando haya escrito el URL en la barra de su navegador se le presentará la pantalla “Cuenta de usuario”

en la cual deberá introducir su nombre de usuario (siempre será la información que está antes del símbolo

de arroba en su correo institucional) y su clave de acceso (ver sección ¿Cómo Crear u Obtener una Nueva

Contraseña de Acceso?).



4


NOTA: Por normas de seguridad se han implementado las siguientes medidas

• Solamente se podrá entrar al área administrativa del sitio de la universidad si usted está

utilizando únicamente una red institucional; salvo alguna excepción.

• Al momento de entrar al área administrativa se deberá ingresar su nombre de usuario, su clave

de acceso y además los números que aparecerán en la imagen aleatoria del Captcha.

Una vez haya ingresado al Área

Administrativa del Sitio de

nuestra universidad se le

presentará la una nueva pantalla.

A mano izquierda de la pantalla

aparece el siguiente menú:

Mi Cuenta: En esta

opción el usuario podrá

visualizar toda la

información de su cuenta.

Al seleccionar esta opción

se presentará a mano

derecha del menú de la

pantalla usted podrá visualiza

dos pestañas:

Ver: Historial del usuario desde que ingresado al por primera vez al área administrativa

del sitio.

Editar: Podrá cambiar su clave de acceso.

Añadir Contenido: Cuando necesita crear una página por primera vez deberá seleccionar esta

opción.

Mi Flujo de Trabajo:

En esta sección se

podrá fácilmente

verificar en qué estado

se encuentra el

contenido que usted

han creado.

Current State

(Estado

Actual): Se

debe

seleccionar el

estado que desea

verificar si se

encuentra su contenido. Al usted oprimir el botón Apply se desplegará una tabla en donde



5


aparecerán todos los contenidos que están en el estado que usted ha seleccionado

investigar. En la columna Tipo de Contenido usted podrá observar de que tipo es cada

contenido.

Si solamente desea visualizar su

contenido en cualquiera de los estados

(autor, editor o publicado) deberá

selección la pestaña Mi Contenido que

se encuentra arriba del título de esta

opción de Flujo de Trabajo. Si

selecciona la pestaña Resumen se

presentará todos los documentos de

todos los usuarios del sitio.

Terminar Sesión: Cada vez usted finaliza con

el uso del área administrativa del sitio; usted

deberá oprimir esta opción para evitar dejar

abierta una sesión de trabajo.

Obtener una Nueva Contraseña de Acceso

Si debe solicitar por primera vez una

clave de acceso o por olvidado ya no

recuerda la que tenía; lo primero que

debe hacer es colocar en la barra de su

navegador el URL que utiliza siempre

para estar al área administrativa del sitio.



6


El pantalla “Solicitar una Nueva Contraseña” debe oprimir la pestaña “Solicitar una nueva contraseña”;

luego se le presentará otra pantalla que se llama igual que la anterior pero en esta se debe colocar el

correo institucional (aunque arriba del campo donde se coloca la información diga “Nombre de usuario

o dirección de correo”) y luego deberá oprimir el botón “Nueva contraseña por correo-e”.

A su buzón de correo le estará llegando un mensaje cuyo asunto es “Información de reemplazo de inicio

de sesión para usuario en Universidad Tecnológica de Panamá” enviado por la “Universidad Tecnológica

de Panamá” en el cual aparecerá una

dirección electrónica la cual deberá

copiar y pegarla barra superior de su

navegador.

NOTA: La palabra usuario la hemos

colocado en color rojo para indicarles

que es ese lugar se clocará el usuario que

cada colaborador tenga.

Una vez usted esté en el URL que le llegó

a su correo deberá oprimir el botón de

“Iniciar Sesión” tendrá la oportunidad de

crear usted su contraseña de acceso la

cual debe cumplir con los siguientes

requerimientos:

• Tener un mínimo de 13 caracteres

• Por lo menos tener una letra en

mayúscula

• Por lo menos tener una letra en

minúscula

• Por lo menos tener un números

• Por lo menos tener un carácter especial (no es válido el espacio en blanco).

Ejemplo de una contraseña de acceso: A$1b73jfLsaP*

Una vez usted haya colocado dos veces su nueva contraseña de acceso debe oprimir el botón

“GUARDAR”.



7


Añadir Contenido

En esta sección se creará el

contenido de las páginas que

usted va a colocar dentro de

cada categoría del diagrama de

su área de trabajo.

Para iniciar la creación del

contenido usted deberá dar clic

en la opción de “Añadir Contenido” (que está en el menú de la mano izquierda) y luego debajo de esta

opción aparecerá la sub opción “Página” a la cual deberá darle un clic; luego a su mano derecha se le

presentará la pantalla “CREAR PÁGINA”.

Glosario de Términos que Aparece en la Opción de “Añadir Contenido”:

Título: Nombre de la página que se desea crear. Debe tratar que el título sea el mismo de la

sección del diagrama en donde desea colocar la misma.

Tratar de no cambiar este título en un futuro ya que si lo realiza se estará alterando los enlaces y

por consiguiente lo mismo ya no funcionaría correctamente; pero si en un futuro necesita cambiar

un título deberá primero comunicar dicha situación por medio del Sistema de Atención a

Solicitudes (shditic.utp.ac.pa).

Añadir Archivo Nuevo: En la sección ¿Cómo Subir una Imagen por Primera Vez al Servidor?

de este mismo documento podrá encontrar como se realiza esta tarea.

Body: En la sección Editor de Texto podrá encontrar como añadir el contenido a la página, cómo

crear una tabla, añadir imágenes que ya han sido ingresadas en el servidor e incluso cómo crear

un enlaces.

Vocabulario (se encuentra después Body): En esta área se presentará todas las secciones que

contiene el diagrama del área donde usted está laborando en la cual se deberá colocar información;

el diagrama fue creado bajo la directriz del jefe de su área de trabajo.



8


El usuario debe

seleccionar la

sección donde

sea que se guarde

la página que está

creando. Al

momento de

seleccionar la

sección el usuario

solamente podrá seleccionar una sección por cada página que sea creada. Se debe recordar que si

selecciona el padre de una sección la misma debe contener una página de inicio a la sección.

Recuerde que el editor no puede cambiar el vocabulario de una página ya que el autor de la página

es el único que puede realizar dicho cambio.

Información de la

Revisión: Se debe colocar una breve

explicación del

porque se está

creado o

modificando la

página; está

información se

plasmará en el

historial de la página.



9


Meta Tags: Esta sección usualmente

está cerrada para abrirla tan solo deberá

dar clic sobre Meta Tags. Los Meta

Tags son etiquetas de formatos HTML,

que se incrustan en el código y se

emplean para alimentar de información

a las páginas y son leídas únicamente

por los motores de búsquedas. Nos

sirven para describir de manera

inequívoca una página web y podemos

compararlos a la función que tienen los

códigos de barras de todo producto

(W3C World Wide Web Consortium).

En los Sitios Web de la UTP utilizamos

solamente dos MetaTags que son:

Descripción: En este campo

usted deberá colocar un resumen

del contenido de la página. La descripción debe ser formal, debe incluir todas o la gran

parte de las palabras claves (frases claves), la redacción debe animar al lector que desee

leer dicha página. La extensión de la descripción debe ser menor o igual a 150 caracteres.

Palabras Claves: En este campo se debe colocar las frases claves o importantes que se

presentan en la página, las cuales deben seguir las siguientes recomendaciones: Deben ser

separadas por comas, no debe haber duplicaciones, la primera letra de cada frase debe

estar en mayúscula, evitar colocar nombres de personas y fechas. No debe olvidar colocar

todo el nombre de la universidad además todo el nombre del área donde usted está

laborando (evite colocar las siglas ya que no son sigla mundialmente reconocidas).

NOTA: Aunque exista más campos en esta sección solamente debe escribir en los dos antes

mencionados todos los demás deben dejarlos tal cual están; tampoco elimine ningún código que

aparezca en los campos que nos vaya a utilizar.

Botón Guardar: Con este botón usted podrá guardando

en el servidor la página que está trabajando y además

puede ver una vista previa en donde se verá la página tal

cual como saldría publicada en el Internet.

Se hace la salvedad que al oprimir este botón Guardar usted

no estará enviando la página al Editor sino que solamente estará

guardando la página en el servidor; por ello usted podrá editar una página cuantas veces quiera

hasta que ese contenido sea enviado al Editor realizando el correcto procedimiento.



10


Vista Previa: La función principal de este botón es

permitir visualizar como se presentará el Internet el

contenido su página sin necesidad de guardar la misma al

servido; esto ayudará a realizar varios cambios en la

página hasta que la misma se presente como usted lo desea

para posteriormente guardar en el servidor la página.

Recordar que antes de utilizar este botón deberá colocar el

título a la página, haber seleccionado la sección del diagrama en donde se colocará la página y

finalmente debe tener un contenido ya escrito en la sección de Body.

¿Cómo Subir una Imagen o un Archivo al Servidor?

Para subir una imagen al servidor usted deberá ir a la sección de Añadir Archivos Nuevo. Estando ya en

dicha sección debe hacer oprimir el botón Examinar para poder realizar la buscar la imagen o de un

archivo que desea subir al servidor. Una vez ya tenga la ruta de la imagen o del archivo deberá oprimir

el botón Subir al Servidor para que le aparezca la tabla tal como se muestra en la figura a continuación.

NOTA:

Observen que cada archivo que usted haya subido al servidor tiene a mano derecha un botón de

eliminar; el mismo solamente lo debe utilizar si está seguro que ese archivo no será utilizado.

No olvidar que si eliminó un documento también deberá eliminar los enlaces que haya creado

para que se desplegara el documento que ha eliminado.



11


Editor de Texto

Negrita (icono #1)

Itálica (icono #2)

Sub-índice (icono #3)

Si usted desea colocar un sub índice deberá primero oprimir este icono luego escribir lo que

desee que vaya como sub índice para finalmente oprimir nuevamente este mismo icono porque

sino todo lo demás que usted escriba estará en el formato de sub índice.

Super-índice (icono #4)

Si usted desea colocar un super índice deberá primero oprimir este icono luego escribir lo que

desee que vaya como super índice para finalmente oprimir nuevamente este mismo icono porque

sino todo lo demás que usted escriba estará en el formato de super índice.

Creación de Viñetas (iconos #5 y #6)

Reducción de Sangría (iconos #7)

Aumentar la Sangría (icono #8)

Justificación a la Izquierda (icono #9)

Centrado (icono #10)

Justificación a la Derecha (icono #11)

Pegar un Texto Plano (icono #15)

Para añadir el texto que ya se encuentre digitalizado usted primero deberá sombrear el texto que

desea colocar en la página y además copiarlo para que permanezca en la memoria de trabajo de

la computadora; por último deberá oprimir este icono para que se pueda plasmar el texto que se



12


había copiado.

Si el texto no está digitalizado usted deberá escribir todo el documento en la sección en blanco

que está debajo del menú del editor.

NOTA:

¿Por qué no se tiene el icono de justificado en el editor?

Por legibilidad

El texto justificado se utiliza en libros, boletines, periódicos y revistas en papel, para crear

un ritmo horizontal que guía a los ojos por la página. Pero una buena justificación

requiere una cuidada elección de elementos que ofrecen las herramientas profesionales

con las que se crean estas publicaciones: tipo y tamaño de letra, ancho de la página,

longitud del bloque de texto, separación de sílabas, idioma, el propio texto del contenido,

etc.

Desafortunadamente, en una página web no se puede controlar ninguno de estos

elementos, por lo que las justificaciones de texto rara vez están justificadas, ya que es

más fácil que el resultado sea peor de lo esperado. Los navegadores no están preparados

para justificar textos, no pueden partir palabras y crean unos ríos de espacios en blanco

horrorosos.

La justificación se suele utilizar para "parecer formal, serio y autoritario", pero existen

muchas otras formas más recomendables para ello que no comprometen la accesibilidad

ni la legibilidad. En la mayoría de las páginas, escribir bien y tener cierta consideración

con los lectores es la única "justificación" que se necesita.

Por accesibilidad

Aunque actualmente casi todos los diseñadores desaconsejan su uso en web por

muchísimas razones, aunque aquí no hablamos sólo de razones estéticas, sino de

accesibilidad. Esta cita, de una prestigiosa web de accesibilidad y usabilidad, lo explica

claramente: "La mayoría de los usuarios con dificultades de lectura, encuentran

problemas con el texto justificado a ambos lados, y justificado a la derecha. El irregular

espacio en blanco que se produce entre palabras, puede causar 'ríos de espacios blancos'

hacia abajo, provocando una lectura difícil y en algunos casos imposible para algunos

lectores". Esto le ocurre especialmente a la gente con mucha dislexia.

Estudios realizados

Un estudio realizado por la Universidad del Estado de Wichita (EE.UU.) sobre dos grupos



13


de usuarios a los que se dio a leer un texto por pantalla justificado a ambos lados, y otro

justificado sólo a la izquierda; demostró que la justificación de texto a ambos lados

dificultaba la lectura en la mayoría de los casos.

¿Qué hacen los principales medios de comunicación?

Por otra parte, los principales medios de comunicación de todo el mundo (como El País,

El Mundo, BBC, New York Times, Financial Times, CNN, etc.), no han hecho caso omiso

a estas recomendaciones, y han optado por no justificar nunca los textos en la web. Y

ellos mejor que nadie conocen bien a los lectores. Por algo será.

En resumen

El uso de texto justificado, sólo está justificado en muy contadas ocasiones. En general

hay que evitar en lo posible el uso de la justificación de textos a ambos lados, y a la

derecha, en medios en línea: por legibilidad y accesibilidad.



14


¿Cómo Crear un Enlace con el Archivo que está en el Servidor?

Para poder crear un enlace con un archivo primero el mismo debe haberlo ya subido al servidor (ver la

sección ¿Cómo Subir una Imagen o un Archivo al Servidor? de este mismo documento por sino se

recuerda como subir un documento al servidor).

Una vez usted haya colocado el archivo en el servidor deberá dirigirse a la sección Archivos Adjuntos

para dar un clic derecho sobre el documento que desea enlazar del menú que le saldrá debe seleccionar

Copiar la Ruta del Enlace. Posteriormente deberá ir la sección de Body para sombrear el texto que será

el enlace para que el usuario pueda observar el archivo y luego oprimir el icono #12 del menú del editor

de texto.

En la ventana Vínculo específicamente en el campo URL deberá

pegar la ruta del enlace ya que usted había copiado.



15


Una vez realizado el anterior paso deberá dirigirse a la pestaña

Destino de esta misma ventana en donde deberá seleccionar de

la lista desplegable titulada Destino la opción Nueva Venta

(_blank). Finalmente deberá oprimir el botón Aceptar.

NOTA:

Los enlaces deben ser realizados solamente con un texto

el cual debe ser el nombre completo del documento

además entre paréntesis debe estar el formato del

archivo en mayúscula cerrada y el peso del mismo donde solamente las primera letra de la

abreviatura del peso debe estar en letra mayúscula.

Crear un Enlace Interno o Externo con un Texto

Se debe sombrear la palabra o las palabras que serán el enlace

para luego oprimir el icono #12, posteriormente se presentará

la siguiente ventana Vínculo en donde se presentan tres

secciones: Información de Información de Vínculo, Destino y

Avanzado.

Automáticamente apenas se presenta la venta está en la sección

de “Información de Vinculo” en donde se deberá colocar en el

recuadro “URL” la dirección electrónica del Sitio Web que

desea vincular o bien una página que está dentro del sitio de la

universidad.



16


Luego debe dirigirse a la sección Destino donde debe

seleccionar de la lista desplegable Destino la opción de Nueva

Ventana en el recuadro “Destino”. Esto se debe realizar para

ambos tipos de enlaces tanto foráneo como interno.

NOTA:

Los enlaces deben ser realizados solamente con un texto

el cual debe ser el nombre completo de la página o el

sitio que desea enlazar.

¿Cómo Colocar una Imagen en la Página?

Para poder colocar una imagen en la página primero el mismo debe haberlo ya subido al servidor (ver la

sección ¿Cómo Subir una Imagen o un Archivo al Servidor? de este mismo documento por sino se

recuerda como subir un documento al servidor).

Una vez usted haya colocado la imagen en el servidor deberá dirigirse a la sección Archivos Adjuntos

para dar un clic derecho sobre el archivo de la imagen que desea enlazar del menú que le saldrá debe

seleccionar Copiar la Ruta del Enlace. Posteriormente deberá ir la sección de Body colocar el cursor en

donde sea que sea plasmada la imagen y luego oprimir el icono #12 del menú del editor de texto.



17


En la ventana Vínculo específicamente en el campo URL deberá

pegar la ruta del enlace ya que usted había copiado.

Luego de dar clic derecho sobre la imagen; le aparecerá un menú

del cual deberá seleccionar la opción de Propiedades de la

Imagen. Posteriormente de parecerá la ventana Propiedades de

Imagen en donde deberá llenar todos los campos que se

presentan:

Texto Alternativo <<leer al respecto en el Manual de

Estilo para el Sitio Web en la página #11>>.

Borde: Colocar el número cero para que si en un futuro

esta imagen sea un enlace a la misma no se le presente

un borde que cambiará de color según el estado en que se

encuentre el enlace.

Espacio Horizontal: <<colocarlo siempre en 15 px>>.

Espacio Vertical: <<colocarlo siempre en 15 px>>.

Alineación: Se colocará en donde deseamos ubicar la imagen con respecto al texto. Existen varias

alineaciones pero las más utilizadas son izquierda y derecha.



18


¿Cómo Utilizar una Imagen que ya está en el Servidor?

Para poder buscar en el servidor una imagen que ya ha sido guardada para ser utilizar nuevamente lo

primero que debe hacer es oprimir el icono #13 del menú del editor de texto.

Una vez usted haya oprimido el botón correspondiente le

aparecerá la ventana Propiedades de Imagen en donde usted

oprimir el botón Ver Servidor la poder tener acceso al

servidor.



19


Apenas se oprime el botón Ver

al Servidor aparece

inmediatamente una ventana

(ver imagen a la derecha de

este párrafo).

En el área central de la ventana

aparece una tabla con 4

columnas; en la columna

Nombre de Archivo podrá

realizar la búsqueda hasta que

encuentre la imagen deseada y

al encontrarla debe darle un

clic sobre el nombre de dicha

imagen.

Una vez haya dado el clic

sobre el nombre del archivo de la

imagen que desea reutilizar le aparecerá en la parte inferior de la página la imagen que estaba buscando.

Para que esa imagen se coloque en la página que se está trabajando se debe dar doble clic sobre la imagen

que aparece en la parte inferior de la ventana, pero antes de colocarse en la página se presentará la Ventana

de Propiedades de Imagen (que se muestra en la figura que está al terminar este párrafo) en donde se

debe llenar los siguientes campos:

Texto Alternativo <<leer al respecto en el Manual de

Estilo para el Sitio Web en la página #11>>.

Borde: Colocar el número cero para que si en un futuro

esta imagen sea un enlace a la misma no se le presente un

borde que cambiará de color según el estado en que se

encuentre el enlace.

Espacio Horizontal: <<colocarlo siempre en 15 px>>.

Espacio Vertical: <<colocarlo siempre en 15 px>>.

Alineación: Se colocará en donde deseamos ubicar la

imagen con respecto al texto. Existen varias alineaciones

pero las más utilizadas son izquierda y derecha.



20


NOTA:

Es bueno que cuando usted suba una imagen al servidor apunte el nombre del mismo para al

momento que desee reutilizarla la pueda encontrar fácilmente.

La carpeta 71 que se visualiza en la imagen no es permanente para todos los usuarios el nombre

de dicho archivo está directamente relacionado con el número de registro de cada uno de los

usuarios del sitio.

Los campos que se muestran resaltados en la figura que se presenta después de este párrafo se

pueden utilizar para modificar el ancho de la imagen pero haciendo la salvedad que usted debe

subir todas sus imágenes al servidor con un ancho máximo de 275 px (vertical) / 300 px

(horizontal) <<leer al respecto en el Manual de Estilo para el Sitio Web en la página #12>>

pero si necesita cambiar el ancho de la misma ya que al colocarla en la página observó que la

misma debe verse más pequeña.

Creación de Tablas

Para crear tablas de clic sobre el icono #14 y no olvidar colocar la siguiente información en las

casillas correspondientes:

• Filas: Coloque cuantas filas necesita

• Columnas: Coloque cuantas columnas necesita

• Esp. e/Celdas: Colocar el ancho del marco que va al rededor del área de texto que va dentro de

cada celda de la tabla. Usualmente se coloca la misma cantidad en Cellpadding y Cellspacing

por estética y simetría

• Esp. Interno: Colocar el ancho de separación entre las celdas de la tabla. Usualmente se coloca

la misma cantidad en Cellpadding y Cellspacing por estética y simetría

• Alineación: Coloque la alineación (derecha, izquierda, centrado)

• Tamaño del Borde: Colocar el ancho del borde si es que desea que sean vistos

• Anchura: Colocar el ancho de la tabla (no olvidar colocar el sigo de porcentaje o sino se creerá

que la cantidad colocada está dada en piceles



21


NOTA:

No olvidar que después de colocar todas la información en las casillas debe oprimir el botón de

“INSERT”.

Pero como podrán ver en la siguiente imagen a continuación la

ventana de las propiedades de la tabla tiene más campos los cuales

no fueron mencionados en el párrafo anterior; pero para poder

crear una tabla de forma correcta para Internet debemos llenar las

siguientes propiedades: Filas, Columnas, Encabezados, Tamaño de

Borde, Alineación, Título y Anchura (todas estas son las opciones

necesarias para crear una tabla de manera correcta en Internet).

Como se observa en la imagen es necesario que las tablas cuenten

con un título que identifique el contenido de la misma y adicional

a esto una pequeña síntesis en donde se explique el contenido de

nuestra tabla. Un error muy común es que se colocar el mismo

título en la síntesis; esto es incorrecto ya que el contenido de los

campos no debe ser el mismo.

Se debe colocar en qué lugar estarán ubicado los encabezados de

los contenidos de nuestra tabla bien sea Primera Fila, Primera

Columna o Ambas.

Colocar Color a las Celdas de una Tabla

Cuando usted ya ha creado una tabla debe darle clic derecho sobre la celda que desea colocar un color;

al menú que se despliega debe seleccionar la opción de “Celda” luego se le desplegará un nuevo menú

en donde debe tomar la opción de “Propiedades de Celda”. Se le presentara una venta en donde debe

seleccionar el botón de “Seleccionar” de la opción “Color de Fondo”.

Unir Celdas de una Tabla

Cuando usted ya ha creado una tabla debe sombrear todas las celdas que desea unir y luego darle clic

derecho sobre la celda que desea colocar un color; al menú que se despliega debe seleccionar la opción

de “Celda” luego se le desplegará un nuevo menú en donde debe tomar la opción de “Combinar Celdas”.

Añadir una Filas o Columnas Dentro de una Tabla ya Creada

Cuando usted ya ha creado una tabla debe darle clic derecho sobre cualquier celda; al menú que se

despliega debe seleccionar la opción de “Fila” o “Columna” luego se le desplegará un nuevo menú en

donde debe tomar la opción dependiendo que eligió anteriormente:



22


• Fila

• Insertar la fila en la parte superior

• Insertar la fila en la parte inferior

• Columna

• Insertar la columna a la izquierda

• Insertar la columna a la derecha

Eliminar una Filas o Columnas Dentro de una Tabla ya Creada

Cuando usted ya ha creado una tabla debe darle clic derecho sobre cualquier celda; al menú que se

despliega debe seleccionar la opción de “Fila” o “Columna” luego se le desplegará un nuevo menú en

donde debe tomar la opción dependiendo que eligió anteriormente:

• Fila

• Eliminar filas

• Columna

• Eliminar columnas

Creación de Sub Títulos

Para poder crear los sub títulos de forma correcta debe primero escribir el texto luego sombrearlo e

inmediatamente oprimir el icono #16. Recordar que para los sub título se debe usar del formato

Encabezado 3 en adelante; los demás formatos de encabezados son para los sub títulos que están por

debajo de sub título principal.



23


¿Cómo Enviar una Página al Editor para su Verificación?

Una vez usted la

información de la

página esté lista para

ser enviada al Editor

usted deberá antes de

dar clic al botón

Guarda escribir en la

casilla Información

de la Revisión un

texto explicando

detalladamente lo que

ha realizado en la

página. Deberá dar clic

sobre la pestaña Revision Operations que se encuentra en la parte superior de la ventana que se despliega

a mano derecha de la pantalla. Luego debe seleccionar la primera revisión que aparece en la tabla y se

selecciona dando un clic sobre la fecha.

Posteriormente debe dar un clic

sobre la pestaña Flujo de

Trabajo en donde usted deberá

pasar el punto que está al lado

de En Autor a En Editor.

Para realizar el cambio,

señalado en el párrafo anterior,

usted deberá dar un clic sobre

el círculo hueco que está al

lado de En Editor;

automáticamente el punto se

colocará dentro del círculo que

anteriormente estaba hueco.

Antes de oprimir el botón Update Workflow deberá escribir en el campo Workflow Comment un

comentario en donde describa exactamente lo que realizó en la página.

NOTA:

Una vez usted haya enviado la página al Editor no aparecerá en el listado de las páginas que

usted ha creado ya que el Editor la tiene para ser revisada; dicha página volverá aparecer en el

listado una vez se haya publicado o no ya que recuerde que el Editor también tiene la potestad

de rechazar una publicación para que la misma no sea publicada en el sitio de la universidad.



24


A su correo electrónico institucional le estará llegando un mensaje informándole que la página

ha sido enviada al Editor e incluso también le llegará a su mensaje si el Editor publicó o no la

página. Si la página no fue publicada deberá hacer los cambios que el Editor le haya solicitado

para luego enviar la misma nuevamente al Editor para ser verificado nuevamente.

¿Cómo Modificar una Página ya Publicada?

Debe dar clic sobre la

pestaña Revision

Operations que se

encuentra en la parte

superior de la ventana

que se despliega a

mano derecha de la

pantalla. Luego debe

seleccionar la primera

revisión que aparece

en la tabla y se

selecciona dando un

clic sobre la fecha.

Posteriormente debe dar un

clic sobre la pestaña Flujo

de Trabajo en donde usted

deberá pasar el punto que

está al lado de Publicado a

En Autor.


señalado en el párrafo

anterior, usted deberá dar un

clic sobre el círculo hueco

que está al lado de

Publicado;


colocará dentro del círculo que anteriormente estaba hueco. Antes de oprimir el botón Update Workflow

deberá escribir en el campo Workflow Comment un comentario en donde describa exactamente lo que

realizó en la página.



25


Una vez realizado todos los

pasos anteriores se aparecerá la

pestaña Editar a la cual debe

darle clic para poder iniciar la

actualización de la página.

Inmediatamente podrá usted

podrá realizar la modificación o

actualización a la página

utilizando todas los recursos que

esta área se le brinda y cuando la

información ya esté lista para ser

publicada deberá enviar dicha

página al Editor.

NOTA:

No debe olvidar que cuando haya realizado los pasos anteriores debe luego ir a Revisión para

seleccionar la primera revisión que le salga en el listado para posteriormente poder editar el

contenido. Además luego que haya realizado las modificaciones debe seguir con el flujo normal

o sea enviarlo al editor.

Actualizar o Modificar una Página Creadas

por otro Usuario (Autor)

Si usted necesita actualizar o modificar una página que fue creada por otro usuario pero que labora en su

misma área de trabajo tan solo deberá realizar el mismo procedimiento que explica en la sección ¿Cómo

Modificar una Página ya Publicada? que se encuentra en este mismo documento.



26


Módulo de Noticias

Para que podamos

crear un contenido de

tipo Noticias en el

Sitio Web de la UTP

se debe contar con los

permisos o privilegios

propios para el

Módulo Noticias.

Habiendo ingresado

su usuarios (con los

privilegios para

realizar esta tarea) y

clave de acceso al Área Administrativa del Sitio UTP (principal: http://www.utp.ac.pa) observará a su

mano izquierda el Menú Administrativo en donde seleccionará la opción de “Crear Contenido” luego

seleccionar el submenú que le aparecerá la opción “Noticias”; a su mano derecha se le mostrara la

pantalla de interfaces donde usted podrá crear la noticia.

Usted deberá ingresar el contenido de la noticia en los siguientes campos:



27


Asignar la Noticia para Sitios de la UTP: Esta sección estará cerrada para abrirla tan solo debe

dar un clic sobre “Asignar la noticia para sitios de la UTP”; una vez abierta la sección lo primero

que usted debe observar a la mano izquierda en donde se aparece el nombre de la área donde

usted pertenece; al encontrarlo debe dar un clic sobre el nombre de área. Posteriormente a su

mano

derecha

aparecerá

todas las

demás áreas

en que se

divide el

sitio; en esta

lista usted

podrá

seleccionar

en donde

desea que su

noticia sea

presentada

además el

área al cual

usted

pertenece.

Existen en la

parte superior de la lista tres opciones: Ninguno (para que todas las área queden de seleccionada

menos el área donde usted pertenece), Todos (selecciona rápidamente todas las área) e Invertir

(para que todas las área queden de seleccionada menos el área donde usted pertenece).

Título: Indicara a los usuarios el Tema o Nombre de la Noticia a mostrar, de manera concisa y

que a su vez atraiga la atención. Se recomienda que la misma no fuese muy extensa, ya que puede

ser complementada por el Campo Colgado.



28


Principal Imagen:

Acción que permite

cargar en el servidor una

ruta física local en

nuestros equipo; de una

imagen de formato JPG

o JPEG cuyo peso

máximo sea de 500 Kb y

al menos de 320 pixeles de ancho con 240 pixeles de alto.

Agregar Colgado: Información titular o

tipo título secundario

de la Imagen a Cargar,

que funciona como

complemento al título

utilizado en La Noticia.

Pie de Foto: Es un pequeño texto que se coloca para acompañar una fotografía o ilustración para

especificar su contenido; esta información debe ser explicativa pero no obvio, ni ser repetida del

Contenido principal. Su extensión es de 150 caracteres.

Fecha: Se debe

agregar la fecha en que

se llevó a cabo la

Noticia además la

fecha de terminación o

sea la fecha

finalización de la

publicación de dicha

noticia. Pero si

solamente desea colocar la fecha en que se llevó a cabo la noticia entonces deberá dar clic sobre

el ganchito que está al lado de Mostrar Fecha de Finalización.

Prioridad: Establecer algún nivel de importancia respecto al resto de los contenidos tipo noticia

al presentarse dentro de la Vista de todas las Noticias un orden determinado. En donde la

Prioridad 1 es la mayor.

Categoría de Noticias: Es la estructura, bajo la cual se crea la Noticia, cuya intención principal

es la de identificar el ámbito o Área a la cual cubre el contenido redactado, con la intención

clasificar, cuantificar y calificar estos contenidos.



29


Fotos de la Noticia:

Acción que permite

cargar en el servidor

hasta cuatro (4)

rutas física local de

nuestros equipo; de

una imagen de

formato JPG o JPEG

cuyo peso máximo sea de 500 Kb para cada una; y que serán desplegada como iconos debajo del

Cuerpo de la Noticia, para mostrarse a través de un Visor que magnifica uniformemente estas

imágenes cargadas.

NOTA:

No debe colocar la imagen principal de la noticia dentro de las fotos que acompañan la

noticia.

Utilizando el botón “Examinar” usted podrá buscar la foto que desea añadir a la noticia; una vez

la haya encontrado deberá oprimir el botón de “Subir” para que dicha imagen sea colocada en el

servidor. Luego de haber realizado los pasos anteriores se le presentarán los siguientes campos:

Texto Alternativo (máximo 80 caracteres): Debe ser suficientemente descriptivo para

que una persona no vidente (ceguera) pueda captar el significado de la imagen y/o la

función de la misma.

Título (máximo 100 caracteres): Explicación detallada de la imagen.

Botón “Eliminar”: Se debe tener cuidado con este botón ya que si le da clic estará

eliminando la imagen del servidor.

NOTA:

Las imágenes no deben contener texto alguno.



30


Cuerpo: Parte Principal de la Noticia, donde se presenta el Editor de Contenido. Se le recuerda

que usted solamente puede escribir texto en esta sección.

Información de la

Revisión: Si esta

sección está cerrada

deberá dar un clic sobre

Información de la

Revisión. Una vez vea la

sección en el campo

Mensaje de Historial de

Revisiones deberá colocar la explicación de la finalidad de esta noticia (recuerde realizarlo en

forma detallada).



31


MetaTag: Si esta sección está cerrada deberá dar un clic sobre “Meta tags”. Son etiquetas de

formatos HTML, que se incrustan en el código y se emplean para alimentar de información a las

páginas y son leídas únicamente por los motores de búsquedas. Nos sirven para describir de

manera inequívoca una página web y podemos compararlos a la función que tienen los códigos

de barras de todo producto (W3C World Wide Web Consortium). En los Sitios Web de la UTP

utilizamos 2 (MetaTag) que son (son las únicas sección que usted puede ingresar información e

incluso si había algo antes escrito lo

puede eliminar):

Descripción: Cuya

extensión se resumen a 20

palabras o a 350 caracteres.

Palabras Claves: Listado

separado por coma), y hay

que tener muy presente su

implementación debido a su

importancia, sin embargo

debido a esta, se deben de

cumplir con ciertas pautas,

normas y recomendaciones

brindadas en la

capacitación.

Botones

Guardar: Nos permite guardar la información en el

servidor pero además podemos visualizar una vista

de cómo se verá dicha información en el Internet.

Vista Previa: Nos permite visualizar cómo se verá

la información en el Internet. Recuerde que este botón

no guarda la información en el servidor.

NOTA:

No olvide que este contenido (tipo NOTICIA) debe cumplir con el Flujo de Trabajo o sea que

debe ser enviado al editor para que este proceda a publicarlo o rechazarlo.



32


Retomar una Noticia ya Publicada

Primero que nada debe recordar que usted necesita estar dentro del área administrativa del sitio de la

universidad Luego debe navegar para encontrar la noticia que desea retomar.

Posteriormente debe

dar clic sobre la

pestaña Revision

Operations que se

encuentra en la parte

superior de la ventana

que se despliega a

mano derecha de la

pantalla. Luego debe

seleccionar la primera

revisión que aparece

en la tabla y se

selecciona dando un clic

sobre la fecha.

Posteriormente debe dar un

clic sobre la pestaña Flujo

de Trabajo en donde usted

deberá pasar el punto que

está al lado de Publicado a

En Autor.


señalado en el párrafo

anterior, usted deberá dar un

clic sobre el círculo hueco

que está al lado de

Publicado;


colocará dentro del círculo que anteriormente estaba hueco. Antes de oprimir el botón Update Workflow

deberá escribir en el campo Workflow Comment un comentario en donde describa exactamente lo que

realizó en la página.

Si usted necesita actualizar o modificar una página que fue creada por otro usuario pero que labora en su

misma área de trabajo tan solo deberá realizar el mismo procedimiento que explica en la sección ¿Cómo

Modificar una Página ya Publicada? que se encuentra en este mismo documento.



33


NOTA:

No debe olvidar que cuando haya realizado los pasos anteriores debe luego ir a Revisión para

seleccionar la primera revisión que le salga en el listado para posteriormente poder editar el

contenido. Además luego que haya realizado las modificaciones debe seguir con el flujo normal

o sea enviarlo al editor.

Módulo de Eventos

Para que podamos

crear un contenido de

tipo Eventos en el

Sitio Web de la UTP

se debe contar con los

permisos o privilegios

propios para el

Módulo Noticias.

Habiendo ingresado

su usuarios (con los

privilegios para

realizar esta tarea) y

clave de acceso al Área Administrativa del Sitio UTP (principal: http://www.utp.ac.pa) observará a su

mano izquierda el Menú Administrativo en donde seleccionará la opción de “Crear Contenido” luego

seleccionar el submenú que le aparecerá la opción “Eventos”; a su mano derecha se le mostrara la pantalla

de interfaces donde usted podrá crear la noticia.



Título: Indicara a los usuarios el Tema o Nombre de la Noticia a mostrar, de manera concisa y

que a su vez atraiga la atención. Se recomienda que la misma no fuese muy extensa, ya que puede

ser complementada por el Campo Colgado.



34


Tipos de Eventos: Se debe seleccionar del listado

en que tipo puede ser ubicado el evento que estamos

creando.

Sección en el Sitio: Se debe seleccionar en que sección

del sitio de la universidad se desea que se visualice este

evento.

Imagen a Subir: Gracias al

botón Examinar usted podrá

obtener la ruta de donde se

encuentra la imagen que

desea subir al servidor. Una

vez se tenga capturada la ruta

de la imagen se debe oprimir el botón “Upload” para cargar en el servidor una ruta física local en

nuestros equipo; de una imagen de formato JPG o JPEG cuyo peso máximo sea de 5 Mb y al

menos de 320 pixeles de ancho con 240 pixeles de alto. Una vez usted suba la imagen se le

aparecerá los siguientes campos en donde deberá colocar la información correspondiente:

Texto Alternativo: Se debe colocar una breve explicación de la imagen.

Títle: Se debe colocar un título a la imagen que se ha subido al servidor

NOTA:

Además de le presentará el botón Eliminar que permitirá que se pueda eliminar la imagen

que ha subido por ejemplo esto será de mucha utilidad en el caso que usted haya subido

al servidor una imagen equivocada.



35


Fecha: Se debe

agregar la fecha en que

se llevó a cabo el

evento. Pero si desea

colocar la fecha de

inicio y finalización

del evento entonces

deberá dar clic sobre el

ganchito que está al

lado de Mostrar Fecha

de Finalización.

Lugar: Se debe colocar el lugar en donde será el evento.

Organizadores: Se debe colocar quienes son los organizadores del evento.

Patrocinadores: Se debe colocar todos los patrocinadores que estarán ayudando a que ese evento

sea realizado.

Enlace Título: Se debe colocar la palabra que será la que al darle clic sobre ella me llevará al

Sitio Web donde se tiene más información sobre el evento (tiene un límite de 128 caracteres).

Enlace URL: Se debe colocar la dirección electrónica de donde se podrá acceder al Sitio Web

que tiene más información del evento.

Contacto: En este campo se debe color toda la información necesaria (dirección física de donde

está ubicado, correo electrónico y número del celular) para que el interesado entre en contacto

con los organizadores del evento.

Descripción: En este campo se coloca detalladamente la descripción del evento.

MetaTag: Si esta sección está cerrada deberá dar un clic sobre “Meta tags”. Son etiquetas de

formatos HTML, que se incrustan en el código y se emplean para alimentar de información a las

páginas y son leídas únicamente por los motores de búsquedas. Nos sirven para describir de

manera inequívoca una página web y podemos compararlos a la función que tienen los códigos

de barras de todo producto (W3C World Wide Web Consortium). En los Sitios Web de la UTP

utilizamos 2 (MetaTag) que son (son las únicas sección que usted puede ingresar información e

incluso si había algo antes escrito lo puede eliminar):



36


Descripción: Cuya

extensión se resumen a 20

palabras o a 350 caracteres.

Palabras Claves: Listado

separado por coma), y hay

que tener muy presente su

implementación debido a su

importancia, sin embargo

debido a esta, se deben de

cumplir con ciertas pautas,

normas y recomendaciones

brindadas en la

capacitación.

NOTA:

Este tipo de contenido no debe pasar por la revisión del editor y usted puede retomar el

evento de igual forma que retoma una página que está a su haber que ya ha sido publicada

en el Internet.

manual de usuario del autor del contenido para el sitio web de la ...€¦ · body: en la sección...

Documents