ESTRUCTURA DE LOS SITIOS DE CATEDRAS

Transcripción

1 ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene el docente administrador del sitio web es incorporar la información que se desea transmitir. El sitio al cual se le cargarán los contenidos se visualizará de la siguiente manera: Cada una de las secciones pueden estar formada por: una pagina en la cual se detalle un determinado tema. una lista con direcciones útiles. una lista de documentos a los cuales se puede acceder. una lista de páginas interrelacionadas en al mima sección. Para incorporar cualquiera de estos ítems utilizamos el programa NVU. Cada una de las paginas posee una denominación compuesta por un número seguida por guión bajo y su nombre, siguiendo el ejemplo la sección Principal se guarda de la siguiente manera 01_principal, si la misma sección posee otra pagina seria: 01_principal_otra, o 01_principal_lista, según el contenido. Siempre la denominación de los archivos es en letra minúscula y sin dejar espacio. Para entender mejor que tipo de contenidos se sugieren para cada sección, lea atentamente el documento Carga de contenidos en los sitios de la FCE que se descarga desde el portal de docentes de la FCE -

2 Cuando reciba el esqueleto, estará formado de la siguiente manera: Aquí se encuentran todos los archivos a modificar Para la carga de contenidos, trabajaremos sobre la carpeta PAGINAS WEB en donde encontramos todas las paginas de las secciones, y se agregarán las paginas que se necesite. Observemos que sucede al abrir la carpeta páginas Web: Aquí se almacenan los archivos de contenidos En estas páginas se colocan los vínculos a los archivos almacenados en las carpetas Ahora estamos en condiciones de comenzar a trabajar con el programa correspondiente para poder desarrollar el sitio de su cátedra. Organización del sitio: Es muy importante organizar de manera prolija el material necesario, como el contenido de los archivos. Usualmente a este proceso se le llama mapeado del sitio, ya la planificación correcta favorecerá al desarrollo de los enlaces correctos entre páginas, textos, e imágenes. Es aconsejable establecer una especie de organigrama en el que vayamos colocando los directorios en función de su importancia desde un nivel superior a otros inferiores.

3 Aspecto externo: la representación visual del sitio se encuentra enmarcada en un diseño unificado que posee la. Se deberá respetar esencialmente la combinación de color, tipografía, fondos, etc., que nos ayuden a comunicar con el mismo estilo de unidad académica. Los editores de páginas web incluyen recursos que ayudarán a lograr este objetivo. INSTRUCTIVO DE USO DEL NVU NVU es un programa que permite crear y mantener sitios Web, su estilo es dinámico y fácil de usar. Las páginas Web están formadas por una serie de comandos escritos en lenguaje HTML, para trabajar con NVU usted visualiza cada uno de los objetos tal como lo verán los visitantes del sitio que esta diseñando. El inconveniente es que todavía la versión es en ingles, pero de todas manera tiene un acceso sencillo, por eso es que realizamos este instructivo para resolver los problemas iniciales de uso. El programa NVU puede descargarse gratuitamente desde su página principal o bien desde el portal de docentes de la FCE 1. Edición de páginas Web Para facilitar la tarea recomendamos utilizar la plantilla enviada como modelo para las páginas nueva a incorporar al sitio. Las plantillas se utilizan para hacer la gerencia del website más fácil pues al trabajar necesitará solamente corregir el texto para una página particular y no preocuparse del diseño. Para ello observemos la barra de herramientas del programa: Siguiendo los comandos que se detallan a continuación estamos en condiciones de comenzar la carga del texto en la pagina elegida: ARCHIVO -> ABRIR y buscaremos dentro de la carpeta PAGINAS WEB el archivo 01_principal.htm con lo cual tendremos como resultado la imagen siguiente.

4 Vemos que alrededor del titulo se encuentra un marco rojo, que indica el límite a respetar para no exceder el tamaño correspondiente a las páginas del sitio. Ahora se encuentra en condiciones de transcribir los conceptos deseados. 2. Formato del texto Para que los sitios de la facultad se encuentren diseñados con un formato unificado, se utiliza la letra Verdana, tamaño small. Pasos: Tipo de letra: FORMATO -> TIPO DE LETRA Tamaño: FORMATO -> TAMAÑO Particularidades (negritas, subrayado, etc): FORMATO -> ESTILO DE TEXTO 3. Archivos En las páginas podrá introducir un listado de documentos a los cuales se puede acceder, por ejemplo, una lista de artículos para consulta. Para ello previamente los debemos guardar dentro de nuestro sitio. Pasos:

5 Crear una carpeta dentro de la carpeta PAGINAS WEB, (el nombre de esa nueva carpeta deberá escribirse en minúsculas y sin espacios). En la misma se guardaran todos los documentos que se quieran ofrecer. En la página donde se encuentra la lista de los documentos, se deberán crear los hipervínculos para direccionar la búsqueda de los mismos. 4. Hipervínculos Es la herramienta que permite realizar el nexo entre el listado que mostramos y la información a la que se quiere acceder. Los pasos para hacer un hipervínculo a documentos son: Copiamos el archivo con la información en la carpeta respectiva dentro del esqueleto del sitio. Abrimos con el NVU la página HTML asociado al tipo de contenido que queremos subir al sitio (por ejemplo, 05_clases.htm) Escribimos en la pagina HTML el nombre del documento Pintamos ese nombre y aplicamos el comando INSERTAR -> ENLACE. En el menú que aparece tenemos que indicar la ubicación del archivo (el lugar en donde lo copiamos en el primer paso), pero resulta mucho más sencillo buscarlo con el Mouse utilizando el botón que aparece ELEGIR ARCHIVO Abrimos la carpeta donde se encuentra el documento, seleccionamos el archivo, hacemos Abrir. En el menú antes de aceptar, debemos ingresar al botón EDICION AVANZADA seleccionamos en ATRIBUTO con la flecha el comando target, por defecto a la derecha aparece _blank presionamos ACEPTAR dos veces. (este paso se realiza para que el documento se abra en una pagina diferente a la del sitio y no dentro de la misma hoja). 5. Hipervínculo para páginas Si en nuestra página tenemos una lista, por ejemplo de Organismos, que a su vez se divide en diferentes departamentos, podemos crear un Hipervínculo entre las páginas. Ejemplo: Pagina 1 listado de Organismos Pagina 2 departamentos

6 Pasos: Escribimos en la página el nombre que deseamos. Pintamos ese nombre y aplicamos el comando INSERTAR -> ENLACE En el menú que aparece tenemos que indicar la dirección de la página, pero resulta mucho más sencillo buscarlo con el Mouse utilizando el botón que aparece ELEGIR ARCHIVO. Seleccionamos la página donde se encuentra la información, hacemos abrir. En el menú antes de hacer aceptar no debemos ingresar al botón EDICION AVANZADA, porque en este caso las páginas se abren dentro del mismo sitio. 6. Imágenes Cuando se desea insertar una imagen a la página, debemos realizar los pasos siguientes. Pasos: Nos posicionamos en el lugar donde queremos que aparezca la imagen. Utilizamos en comando INSERTAR -> IMAGEN. Abrimos la carpeta donde se encuentra, y la seleccionamos. En el menú debemos marcar No usar texto alternativo. Luego con aceptar terminamos la secuencia. Ejemplo: si a un documento le queremos agregar la imagen del programa con que fue confeccionado, al recurrir a la carpeta de Imágenes seleccionamos la correspondiente y quedara como se puede ver a continuación: Trabajo practico nº 14 (140 kb) Cualquier duda respecto de este tutorial, dirigirse al ubicado en el primer subsuelo de la, o bien comunicarse al / 71 / 72 interno 42.