ELABORAR UNA PGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA

VICIENSO: TU TUTOR VIRTUAL (I)

Autores:
Miguel ngel Prez Castro (a) Miguel ngel Montero Alonso (b)

(I) Este trabajo ha sido financiado por la Unidad de Innovacin Docente de la Universidad de Granada. (a) (b) Dpto. Economa Aplicada. Universidad de Granada. pcastro@ugr.es Dpto. Estadstica e Investigacin Operativa. Universidad de Granada. mmontero@ugr.es

II

ELABORAR UNA PGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA

Miguel ngel Prez Castro Miguel ngel Montero Alonso Profesores de la Universidad de Granada

III

Vicienso: Tu tutor virtual

Coordinador: Miguel ngel Montero Alonso Miguel ngel Prez Castro

2010 Los autores. Ed. Miguel ngel Montero Alonso. Este libro ha sido editado y subvencionado bajo los Proyectos de Innovacin Docente titulado Un tutor virtual Vicienso: otra forma de ensear, orientar y asesorar a los estudiantes de Ciencias Sociales (08 72) y Un tutor virtual Vicienso: otra forma de ensear, orientar y asesorar a los estudiantes de Ciencias Sociales, segunda edicin (09 11)de la Universidad de Granada. ISBN: 978-84-693-3413-3 Deposito Legal: ML 38 2010 Impreso en Melilla (Espaa) Servicio de Reprografa Andrs Bellido

IV

VI

ndice
Pg
Prlogo. 1. Preparacin de la informacin que aparecer en la Web 1.1 Elaboracin y archivo de la documentacin. 1.2 Diseo de nuestra pgina web... 2. Proceso para publicar la pgina en la Red.. 3. Acceso a nuestra pgina web profesional
IX 1 2 3 4 5

VII

VIII

Prlogo

Con este manual se pretende presentar de forma clara y sencilla como los profesores de la Universidad de Granada pueden crearse su propia pgina web profesional en el entorno institucional de la Universidad. Se pretende realizar un aprendizaje bsico que permitir mediante este manual su posterior aplicacin. A partir de aqu, el profesor podr desarrollar su pgina dando toda la informacin que considere, tanto en cantidad como en calidad. Esperamos que sea de utilidad para todo aquel que lo necesite y en cuyas manos caiga este libro. Agradecer la colaboracin de todas esas personas que han participado.

Este libro se ha financiado con los Proyectos de Innovacin Docente titulado Un tutor virtual Vicienso: otra forma de ensear, orientar y asesorar a los estudiantes de Ciencias Sociales (08 72) y Un tutor virtual Vicienso: otra forma de ensear, orientar y asesorar a los estudiantes de Ciencias Sociales, segunda edicin (09 11) de la Universidad de Granada.

Melilla, mayo de 2010

Los autores.

IX

Elaborar una pgina web a los profesores de la Universidad de Granada

1. Preparacin de la informacin que aparecer en la Web

1.1 Elaboracin y archivo de la documentacin Partimos de la base que los profesores tienen que tener una direccin de correo de la Universidad de Granada (nombre@ugr.es) para poder tener la pgina web en el servidor de la Universidad. Posteriormente, se deben crear o modificar todos los archivos que queramos que aparezcan en nuestra web (pgina de inicio, imgenes, archivos de descarga, etc.) en su ordenador de forma local. Para ello crearemos en el directorio raz un directorio con el nombre de public.html donde todos los ficheros que se incluyan, sern accesible desde el servidor de la WWW a partir de la URL de la Universidad. Es muy importante que todos los ficheros de texto estn guardados en formato htm o html. HTML (HyperText Markup Language) es el lenguaje utilizado en la Internet para definir las pginas del WORLD WIDE WEB. Los ficheros HTML son ficheros puramente ASCII, que pueden ser escritos con cualquier editor bsico y con procesadores de texto como Microsoft Word, pero en este caso hay que asegurarse que el fichero es guardado en disco como "text only". En este fichero de texto se introducen unas marcas o caracteres de control llamadas TAGs, que son interpretadas por el browser. Cuando ste lee un fichero ASCII con extensin *.htm o *.html interpreta estas TAGs y formatea el texto de acuerdo con ellas. En resumen, las extensiones ms comunes sern: para documentos hipertexto (HTML) el fichero debe tener la extensin .htm, bien, .html. Las imgenes, segn cada caso deben tener la extensin .gif para el formato GIF, y .jpg .jpegpara imgenes en formato JPEG, ficheros de mapas de imgenes sensibles .map. Se recomienda que se cree un directorio por cada seccin que tenga su espacio Web, siempre que esta conste de varios ficheros html o de imgenes. Si crea todos los ficheros en el directorio principal, le ser ms complejo identificar los ficheros obsoletos y a que seccin corresponde cada fichero. La estructura bsica de su espacio web podra ser:

En el directorio de imgenes se incluirn todas las imgenes de mbito general, por ejemplo logotipo de la universidad, iconos de uso frecuente y las imgenes usadas por documentos del directorio principal. En el directorio de la seccin, o en su directorio de imgenes, se podrn incluir las imgenes que sean exclusivas de esa seccin. De esta forma se conseguir una mayor ordenacin de su espacio web y las referencias a las imgenes podran ser ms consistentes desde cualquier directorio de su espacio web. 1.2 Diseo de nuestra pgina web Iremos diseando nuestra pgina utilizando cualquier programa gratuito de elaboracin que podemos descargar de la red. Para ello utilizaremos algunos de los siguientes programas: a) Kompozer (gratuito). Programa para disear una pgina web sin necesidad de conocimientos tcnicos. http://kompozer.uptodown.com/

b) Microsoft Office Publisher 2007, proceso elegido para nuestra explicacin por su sencillez y gratuidad.

- Desde el men, ir a crear pginas web y elegir tipo entre diversos formatos.

- Nuestra eleccin es banda de colores y tamao 984 x 4.208 px

- Hay un men a la izquierda que tenemos que ir completando, para ir creando nuestro diseo de pgina: logotipos, fotografas, cuadros de texto, etc.. opciones de pgina combinacin de colores combinacin de fuentes tipo de pgina y tamao (posibilidades de cambio de plantilla)

- Iremos ordenado en nuestra pgina principal los cuadros de texto, logotipos etc. que queramos (los profesores del proyecto Vicienso utilizaremos un modelo comn establecido). Los textos insertando cuadros y rellenndolos como cualquier procesador de textos y las imgenes copiando y pegando. - Podemos ir aadiendo el nmero de pginas que queramos y nos ira apareciendo el ndice al final de la pantalla. Para ver cmo nos est quedando podemos dar a vista previa. - Vincularemos la informacin a pginas web u otros documentos con el botn derecho de hipervnculo y en el men que nos aparece escribiremos o copiaremos la direccin web donde queremos que se vincule.

Tenemos la posibilidad de ir dando de alta todas las pginas que queramos, creando un subdirectorio a la izquierda de nuestra hoja que sirve de ndice para organizar el contenido de nuestra pgina. Guardaremos el documento en el men archivo donde pone publicar en web, CON ELLO HABREMOS CREADO EL DISEO DE NUESTA PAGINA WEB, que aparecer como documento Microsoft Office Publisher.

2. Proceso para publicar la pgina en la Red

Una vez que hayamos guardado una copia de los ficheros que se desea publicar necesitaremos un programa FTP para poder enviar nuestra pgina al servidor. Cualquier programa de FTP (podemos bajarlo gratuito de la red, por ejemplo FILEZILLA http://www.filezilla-project.org/) lo configuraremos con los siguientes parmetros: HOST: ftpweb.ugr.es > Nombre del servidor donde subir las pginas web. Este dato es comn para todos los usuarios y es ftpweb.ugr.es LOGIN: pcastro (nombre_correo) acceder sera pcastro CONTRASEA: clave_correo > La misma contrasea que utilizamos para acceder a nuestra cuenta de correo electrnico (no confundir con el cdigo PIN). Damos a CONEXIN RAPIDA (para iniciar subida de ficheros a la red). > Nombre de usuario de su correo

electrnico. Por ejemplo, si su direccin es: pcastro@ugr.es el login para

Buscaremos en los mens de la derecha (donde aparecen los archivos y carpetas de nuestro PC) la carpeta con el nombre de public_html, donde copiamos todos los archivos que componen nuestro sitio web con la estructura de carpetas y subcarpetas que diseamos. Arrastramos la carpeta al men de la izquierda (archivos del servidor de la UGR) y soltamos, con ello estamos subiendo o trasfiriendo a la red nuestra pgina web

3. Acceso a nuestra pgina web profesional

El URL para acceder a su pgina web desde cualquier navegador (Internet Explorer, Netscape, Mozilla...) puede ser:

http://www.ugr.es/~pcastro http://www.ugr.es/local/pcastro

IMPORTANTE: Cuando escribe uno de los URL's anteriores, por defecto mostrar el archivo index.html de la carpeta public_html, pero si no existe se producir un error. Para ello deber crearlo o indicar en el URL el archivo que desea ver, por ejemplo, si tiene un archivo llamado saludo.htm y quiere verlo deber escribir en el navegador: http://www.ugr.es/local/nombre_correo/saludo.htm http://www.ugr.es/local/nombre_correo/saludo.htm

El formato de la caratula de presentacin elegida para los profesores de la Facultad de Ciencias Sociales de Melilla que participan en el proyecto de innovacin docente VICIENSO: tu tutor virtual es:

Manuales Vicienso: tu tutor virtual

1. CREATE TU CUENTA DE CON SKYPE 2. CREATE TU CUENTA DE CORREO ELECTRNICO DE LA UNIVERSIDAD DE GRANADA 3. ELABORAR UN BLOG PROFESIONAL UNIVERSIDAD DE GRANADA PARA LOS PROFESORES DE LA

4. ELABORAR UNA PGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA

Proyectos de Innovacin Docente

UN TUTOR VIRTUAL VICIENSO: OTRA FORMA DE ENSEAR, ORIENTAR Y ASESORAR A LOS ESTUDIANTES DE CIENCIAS SOCIALES (08 72) y (09 11)

Unidad de Innovacin Docente Universidad de Granada

10