Manual de las Mejoras Realizadas al Área Administrativa del Sitio Web de la Universidad Tecnológica de Panamá

Transcripción

1 1 Manual de las Mejoras Realizadas al Área Administrativa del Sitio Web de la Universidad Tecnológica de Panamá - 20 de abril de

2 2 Índice Cómo Utilizar una Imagen que ya está en el Servidor? Cómo Subir por Primera Vez una Imagen al Servidor? Cómo Crear un Enlace con una Imagen que se Acaba de Subir al Servidor? Cómo Adjuntar un Archivo a un Contenido? Cómo Crear un Enlace con el Archivo que Usted ha Subido al Servidor?

3 3 Cómo Utilizar una Imagen que ya está en el Servidor? Antes de realizar este proceso usted debe estar ya dentro del Área Administrativa del Sitio Web de la Universidad Tecnológica de Panamá además ya debe estar preparado para editar la página a la cual le está realizando una modificación o la página que está creando por primera vez. Para poder buscar en el servidor una imagen que ya ha sido guardada pero la misma se desea utilizar nuevamente lo primero que debe hacer es oprimir el botón de INSERTAR IMÁGENES el cual está resaltado en color rojo en la figura que se muestra a continuación. Una vez usted haya oprimido el botón correspondiente le aparecerá una ventana en donde usted seleccionar el botón VER SERVIDOR la poder apreciar como está distribuida la información dentro del servidor.

4 4 En la figura que se encuentra a mano derecha de este párrafo usted podrá apreciar que ha cambiado la estructura con respecto a la búsqueda un archivo dentro del servicio; ahora está primero separada por año y dentro de cada año está separada por los tipos de formato que usted puede subir al servidor. Por ello es importante que usted sepa en que año subió la imagen para poder realizar una búsqueda en forma más rápida y efectiva; sino deberá verificar en cada año en la carpeta de IMAGEN y dar clic a cada archivo hasta encontrar la ilustración que desea colocar en su página. Por ejemplo verá en la figura que se ha resaltado la carpeta 2012 y se observa claramente que esta esta carpeta está subdividida en varias sub-carpetas que las cuales se llaman de igual a los formatos que son permitidos que se subir al servidor. La siguiente figura (que se encuentra a mano derecha de este párrafo) es un ejemplo del como usted puede retomar una imagen que ya fue subida al servidor. Ejemplo si se desea colocar en una página una imagen que se llama 2_2.jpg y que fue subida al servidor en este mismo año; pues bien primero oprimir sobre la carpeta 2012 luego oprimo sobre la sub-carpeta IMAGEN ya que el formato del archivo que estoy buscando es. jpg (el cual es un formato de imagen) y por ultimo busco en el listado que se encuentra a la mano derecha el nombre del archivo que deseo localizar; al encontrarlo

5 5 debe oprimir sobre el nombre del archivo la cual se mostrará en la parte inferior de la ventana. 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 la Imagen (que se muestra en la figura que está al terminar este párrafo) en donde se debe llenar los siguientes campos: 1. Texto Alternativo: Colocar una breve descripción de la imagen. 2. 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. 3. Espacio Horizontal: Separación horizontal que habrá entre la imagen y el texto, esta distancia estará dada en pixeles. Procure colocar la misma cantidad que en Esp. Vert. para así no perder la proporcionalidad. 4. Espacio Vertical: Separación vertical que habrá entre la imagen y el texto, esta distancia estará dada en pixeles. Procure colocar la misma cantidad que en Esp. Horiz. para así no perder la proporcionalidad. 5. 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. NOTA: No olvide oprimir el botón OK una vez haya llenado todos los campos descritos anteriormente.

6 6 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 500 pixeles 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. Para tener acceso a la Ventana de Propiedades de la Imagen nuevamente tan solo debe dar clic derecho sobre la ilustración y seleccionar la opción de PROPIEDADES DE IMAGEN. Se les recuerda que tan solo al colocar en el campo Anchura la cantidad de pixeles deseado solo debe dar un clic en el campo ALTURA para que el mismo se recalcule para no perder la proporcionalidad de la imagen.

7 7 Cómo Subir por Primera Vez una Imagen al Servidor? Para subir una imagen al servidor usted deberá ir a la sección de ARCHIVOS ADJUNTOS sino esta abierta dicha sección entonces deberá darle un clic sobre el título de la misma. Al estar ya en la sección lo primero que debe hacer es oprimir el botón EXAMINAR para buscar la imagen que desea subir al servidor. Una vez ya tenga la ruta de la imagen a subir proceda a oprimir el botón ADJUNTAR para que le aparezca la tabla tal como se muestra en la figura a continuación en donde está resaltado un gancho que está en la columna LISTA el cual se debe eliminar dándole un clic sobre el gancho; además están resaltados dos iconos los cuales tienen diferentes funciones. El icono de color amarillo se utiliza para colocar la imagen en la página pero se debe tener el cuidado que antes de utilizar este icono el cursor debe estar en la posición en donde desea colocar la imagen y luego podrá darle un clic al icono. Ahora bien si desea ver la Ventana de Propiedades de la Imagen tan solo deberá dar clic derecho sobre la ilustración y así tendrá acceso a llenar todos los campos que se presentan en esa ventana.

8 8 Cómo Crear un Enlace con una Imagen que se Acaba de Subir al Servidor? El icono de color azul (que se presenta en la Sección de Archivos Adjuntos una vez haya usted subido una imagen al servidor) se utiliza para crear un enlace con el archivo de la imagen que acaban de subir al servidor. Antes de dar clic al icono deberá primero sombrear la palabra que será el vínculo que le permita al usuario activará el enlace; si el vínculo es una imagen entonces debe dar clic sobre ella. Una vez realizado el paso anterior tan solo debe dar clic al icono para realizar el enlace. En la siguiente figura podrá ver un resumen del procedimiento antes explicado donde estamos resaltando la palabra sombreada y luego se de un clic al icono azul el cual también esta resaltado en la figura.

9 9 No hay que olvidar que cuando ya se ha creado el enlace debe sombrear la palabra de vínculo (si el vínculo en una imagen de debe dar un clic sobre ella) para luego oprimir el icono que está resaltado en la figura a continuación el cual presentará la Ventana de Vínculo. No hay que confundirse él icono es el mismo que está en la sección de ARCHIVOS ADJUNTOS pero el que se debe oprimir en esta ocasión es el que se encuentra en la sección de CUERPO. Una vez se ha oprimido el icono se presentará la Ventana de Vínculo en donde se debe seleccionar la sección de DESTINO; una vez ya en esta sección debe seleccionar de la opción DESTINO la palabra Nueva Ventana (_blank). Este paso se realiza para que el enlace se presente en una nueva pestaña de su navegador.

10 10 Cómo Adjuntar un Archivo a un Contenido? Para adjuntar un archivo a un documento usted primero deberá subir el archivo al servidor en la sección de ARCHIVOS ADJUNTOS sino esta abierta dicha sección entonces deberá darle un clic sobre el título de la misma. Al estar ya en la sección lo primero que debe hacer es oprimir el botón EXAMINAR para buscar la imagen que desea subir al servidor. Una vez ya tenga la ruta de la imagen a subir proceda a oprimir el botón ADJUNTAR para que le aparezca la tabla tal como se muestra en la figura a continuación en donde está resaltado un gancho que está en la columna LISTA el cual se debe eliminar dándole un clic sobre el gancho; además esta resaltado el icono azul que se utilizará para crear los enlaces.

11 11 Cómo Crear un Enlace con el Archivo que Usted ha Subido al Servidor? Una vez realizado el paso anterior tan solo debe dar clic al icono para realizar el enlace. En la siguiente figura podrá ver un resumen del procedimiento antes explicado donde estamos resaltando la palabra sombreada y luego se de un clic al icono azul el cual también esta resaltado en la figura.

12 12 No hay que olvidar que cuando ya se ha creado el enlace debe sombrear la palabra de vínculo (si el vínculo en una imagen de debe dar un clic sobre ella) para luego oprimir el icono que está resaltado en la figura a continuación el cual presentará la Ventana de Vínculo. No hay que confundirse él icono es el mismo que está en la sección de ARCHIVOS ADJUNTOS pero el que debe oprimir en esta ocasión es el que se encuentra en la sección de CUERPO. Una vez se ha oprimido el icono se presentará la Ventana de Vínculo en donde se debe seleccionar la sección de DESTINO; una vez ya en esta sección debe seleccionar de la opción DESTINO la palabra Nueva Ventana (_blank). Este paso se realiza para que el enlace se presente en una nueva pestaña de su navegador.