ELABORAR UNA PÁGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA VICIENSO: TU TUTOR VIRTUAL (I)

Transcripción

1 ELABORAR UNA PÁGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA VICIENSO: TU TUTOR VIRTUAL (I) Autores: Miguel Ángel Pérez Castro (a) Miguel Ángel Montero Alonso (b) (I) Este trabajo ha sido financiado por la Unidad de Innovación Docente de la Universidad de Granada. (a) (b) Dpto. Economía Aplicada. Universidad de Granada. pcastro@ugr.es Dpto. Estadística e Investigación Operativa. Universidad de Granada. mmontero@ugr.es

2 II

3 ELABORAR UNA PÁGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA Miguel Ángel Pérez Castro Miguel Ángel Montero Alonso Profesores de la Universidad de Granada III

4 Vicienso: Tu tutor virtual Coordinador: Miguel Ángel Montero Alonso Miguel Ángel Pérez Castro 2010 Los autores. Ed. Miguel Ángel Montero Alonso. Este libro ha sido editado y subvencionado bajo los Proyectos de Innovación Docente titulado Un tutor virtual Vicienso: otra forma de enseñar, orientar y asesorar a los estudiantes de Ciencias Sociales (08 72) y Un tutor virtual Vicienso: otra forma de enseñar, orientar y asesorar a los estudiantes de Ciencias Sociales, segunda edición (09 11) de la Universidad de Granada. ISBN: Deposito Legal: ML Impreso en Melilla (España) Servicio de Reprografía Andrés Bellido IV

5 V

6 VI

7 Índice Pág Prólogo. IX 1. Preparación de la información que aparecerá en la Web 1.1 Elaboración y archivo de la documentación. 1.2 Diseño de nuestra página web Proceso para publicar la página en la Red.. 3. Acceso a nuestra página web profesional VII

8 VIII

9 Prólogo Con este manual se pretende presentar de forma clara y sencilla como los profesores de la Universidad de Granada pueden crearse su propia página web profesional en el entorno institucional de la Universidad. Se pretende realizar un aprendizaje básico que permitirá mediante este manual su posterior aplicación. A partir de aquí, el profesor podrá desarrollar su página dando toda la información 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 colaboración de todas esas personas que han participado. Este libro se ha financiado con los Proyectos de Innovación Docente titulado Un tutor virtual Vicienso: otra forma de enseñar, orientar y asesorar a los estudiantes de Ciencias Sociales (08 72) y Un tutor virtual Vicienso: otra forma de enseñar, orientar y asesorar a los estudiantes de Ciencias Sociales, segunda edición (09 11) de la Universidad de Granada. Melilla, mayo de 2010 Los autores. IX

10 X

11 Elaborar una página web a los profesores de la Universidad de Granada 1. Preparación de la información que aparecerá en la Web 1.1 Elaboración y archivo de la documentación Partimos de la base que los profesores tienen que tener una dirección de correo de la Universidad de Granada (nombre@ugr.es) para poder tener la página web en el servidor de la Universidad. Posteriormente, se deben crear o modificar todos los archivos que queramos que aparezcan en nuestra web (página de inicio, imágenes, archivos de descarga, etc.) en su ordenador de forma local. Para ello crearemos en el directorio raíz un directorio con el nombre de public.html donde todos los ficheros que se incluyan, serán accesible desde el servidor de la WWW a partir de la URL de la Universidad. Es muy importante que todos los ficheros de texto estén guardados en formato htm o html. HTML (HyperText Markup Language) es el lenguaje utilizado en la Internet para definir las páginas del WORLD WIDE WEB. Los ficheros HTML son ficheros puramente ASCII, que pueden ser escritos con cualquier editor básico 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 extensión *.htm o *.html interpreta estas TAGs y formatea el texto de acuerdo con ellas. En resumen, las extensiones más comunes serán: para documentos hipertexto (HTML) el fichero debe tener la extensión.htm, ó bien,.html. Las imágenes, según cada caso deben tener la extensión.gif para el formato GIF, y.jpg ó.jpegpara imágenes en formato JPEG, ficheros de mapas de imágenes sensibles.map. Se recomienda que se cree un directorio por cada sección que tenga su espacio Web, siempre que esta conste de varios ficheros html o de imágenes. Si crea todos los ficheros en el directorio principal, le será más complejo identificar los ficheros obsoletos y a que sección corresponde cada fichero. La estructura básica de su espacio web podría ser: 1

12 En el directorio de imágenes se incluirán todas las imágenes de ámbito general, por ejemplo logotipo de la universidad, iconos de uso frecuente y las imágenes usadas por documentos del directorio principal. En el directorio de la sección, o en su directorio de imágenes, se podrán incluir las imágenes que sean exclusivas de esa sección. De esta forma se conseguirá una mayor ordenación de su espacio web y las referencias a las imágenes podrían ser más consistentes desde cualquier directorio de su espacio web. 1.2 Diseño de nuestra página web Iremos diseñando nuestra página utilizando cualquier programa gratuito de elaboración que podemos descargar de la red. Para ello utilizaremos algunos de los siguientes programas: a) Kompozer (gratuito). Programa para diseñar una página web sin necesidad de conocimientos técnicos. 2

13 b) Microsoft Office Publisher 2007, proceso elegido para nuestra explicación por su sencillez y gratuidad. - Desde el menú, ir a crear páginas web y elegir tipo entre diversos formatos. 3

14 - Nuestra elección es banda de colores y tamaño 984 x px - Hay un menú a la izquierda que tenemos que ir completando, para ir creando nuestro diseño de página: logotipos, fotografías, cuadros de texto, etc.. opciones de página combinación de colores combinación de fuentes tipo de página y tamaño (posibilidades de cambio de plantilla) 4

15 - Iremos ordenado en nuestra página principal los cuadros de texto, logotipos etc. que queramos (los profesores del proyecto Vicienso utilizaremos un modelo común establecido). Los textos insertando cuadros y rellenándolos como cualquier procesador de textos y las imágenes copiando y pegando. - Podemos ir añadiendo el número de páginas que queramos y nos ira apareciendo el índice al final de la pantalla. Para ver cómo nos está quedando podemos dar a vista previa. - Vincularemos la información a páginas web u otros documentos con el botón derecho de hipervínculo y en el menú que nos aparece escribiremos o copiaremos la dirección web donde queremos que se vincule. Tenemos la posibilidad de ir dando de alta todas las páginas que queramos, creando un subdirectorio a la izquierda de nuestra hoja que sirve de índice para organizar el contenido de nuestra página. Guardaremos el documento en el menú archivo donde pone publicar en web, CON ELLO HABREMOS CREADO EL DISEÑO DE NUESTA PAGINA WEB, que aparecerá como documento Microsoft Office Publisher. 5

16 2. Proceso para publicar la página 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 página al servidor. Cualquier programa de FTP (podemos bajarlo gratuito de la red, por ejemplo FILEZILLA lo configuraremos con los siguientes parámetros: HOST: ftpweb.ugr.es > Nombre del servidor donde subir las páginas web. Este dato es común para todos los usuarios y es ftpweb.ugr.es LOGIN: pcastro (nombre_correo) > Nombre de usuario de su correo electrónico. Por ejemplo, si su dirección es: pcastro@ugr.es el login para acceder sería pcastro CONTRASEÑA: clave_correo > La misma contraseña que utilizamos para acceder a nuestra cuenta de correo electrónico (no confundir con el código PIN). Damos a CONEXIÓN RAPIDA (para iniciar subida de ficheros a la red). 6

17 Buscaremos en los menús 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 diseñamos. 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 página web 3. Acceso a nuestra página web profesional El URL para acceder a su página web desde cualquier navegador (Internet Explorer, Netscape, Mozilla...) puede ser: /pcastro 7

18 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: El formato de la caratula de presentación elegida para los profesores de la Facultad de Ciencias Sociales de Melilla que participan en el proyecto de innovación docente VICIENSO: tu tutor virtual es: 8

19 9

20 Manuales Vicienso: tu tutor virtual 1. CREATE TU CUENTA DE CON SKYPE 2. CREATE TU CUENTA DE CORREO ELECTRÓNICO DE LA UNIVERSIDAD DE GRANADA 3. ELABORAR UN BLOG PROFESIONAL PARA LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA 4. ELABORAR UNA PÁGINA WEB A LOS PROFESORES DE LA UNIVERSIDAD DE GRANADA Proyectos de Innovación Docente UN TUTOR VIRTUAL VICIENSO: OTRA FORMA DE ENSEÑAR, ORIENTAR Y ASESORAR A LOS ESTUDIANTES DE CIENCIAS SOCIALES (08 72) y (09 11) Unidad de Innovación Docente Universidad de Granada 10