Manual de Usuario del Autor del Contenido para el Sitio Web de la ...€¦ · Body: En la sección...
Transcript of 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
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
3
Departamento de Tecnología Web y Multimedia
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?).
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
4
Departamento de Tecnología Web y Multimedia
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
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
5
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
6
Departamento de Tecnología Web y Multimedia
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”.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
7
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
8
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
9
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
10
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
11
Departamento de Tecnología Web y Multimedia
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
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
12
Departamento de Tecnología Web y Multimedia
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
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
13
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
14
Departamento de Tecnología Web y Multimedia
¿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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
15
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
16
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
17
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
18
Departamento de Tecnología Web y Multimedia
¿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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
19
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
20
Departamento de Tecnología Web y Multimedia
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
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
21
Departamento de Tecnología Web y Multimedia
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:
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
22
Departamento de Tecnología Web y Multimedia
• 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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
23
Departamento de Tecnología Web y Multimedia
¿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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
24
Departamento de Tecnología Web y Multimedia
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.
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
Publicado;
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
25
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
26
Departamento de Tecnología Web y Multimedia
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:
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
27
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
28
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
29
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
30
Departamento de Tecnología Web y Multimedia
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).
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
31
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
32
Departamento de Tecnología Web y Multimedia
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.
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
Publicado;
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.
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
33
Departamento de Tecnología Web y Multimedia
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.
Usted deberá ingresar el contenido de la noticia en los siguientes campos:
Usted deberá ingresar el contenido de la noticia en los siguientes campos:
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
34
Departamento de Tecnología Web y Multimedia
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.
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
35
Departamento de Tecnología Web y Multimedia
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):
Manual de Usuario del Autor de Contenido
para el Sitio Web de la Universidad Tecnológica de Panamá
36
Departamento de Tecnología Web y Multimedia
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.