Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página.

Presentación del tema: "Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página."— Transcripción de la presentación:

1 Ander Barbier Ibáñez Indice  Futuro webs de asignaturas  Pasos para crear una web de asignatura  Editar web asignatura  Resumen xhtml  Subir la página editada al servidor http://paginaspersonales.deusto.e s/barbier/webasignatura/

2 Ander Barbier Ibáñez  La universidad dispone de una herramienta de eLearning (Alud), que contempla el Modelo Deusto de Formación.  Dadas algunas carencias de Alud a nivel tecnológico, ESIDE trabaja en la adaptación de una nueva herramienta de eLearning al MDF. Para ello ha creado la Oficina de Nuevas Tecnologías en la Educación (ONTE): http://onte.eside.deusto.es

3 Ander Barbier Ibáñez  A medio-largo plazo, tendremos que seguir el Modelo Deusto de Formación, y utilizar su plataforma de eLearning.  Hasta que eso llegue, podemos utilizar los servicios electrónicos que el Servicio Informático de la Universidad ofrece para las asignaturas: Web de asignatura Servidor de ficheros Lista de distribución  Todos estos servicios están centralizados en: http://asignaturas.deusto.es (Los profesores nos conectamos con deusto\login)

4 Ander Barbier Ibáñez  Hacer una GP para solicitar el espacio para la página. Acceder a la dirección del sistema de Gestión de peticiones: http://intranet.deusto.es/gp/ Descargarse y rellenar la plantilla “Servicios electronicos para asignaturas”. http://intranet.deusto.es/gp/empleados/plantillas/ Enviar la petición del tipo (adjuntando la plantilla): –Servicio:“SIST. INFORMATICOS:cambios, incidencias, BD, proyectos”. –Subservicio:”Soporte docencia (listas distr., pag.asign, serv.ficheros”.  Editar la página web  Subir la página web al servidor web de asignaturas

5 Ander Barbier Ibáñez  No existe ningún tipo de restricción en cuanto al formato y contenidos de la web, por lo que se puede utilizar cualquier editor WYSIWYG como Dreamweaver, FrontPage, etc.  Por motivos de practicidad, recomendamos basarse en una página de asignatura que ya existe y hacer las correspondientes modificaciones.  Para ello recomendamos unos mínimos conocimientos de xhtml, y un editor no WYSIWYG (bloc de notas, ultraEdit, HomeSite, etc.)

6 Ander Barbier Ibáñez  Se puede descargar un ejemplo de página web de asignatura de la siguiente dirección: http://paginaspersonales.deusto.es/barb ier/webasignatura/EjemploWebAsignatur a.zip  Más detalles del lenguaje xhtml en: http://paginaspersonales.deusto.es/barb ier/webasignatura/xhtml.ppt

7 Ander Barbier Ibáñez  Para modificar el título de la página, (barra de título de la ventana), usar la etiqueta dentro de la cabecera : Gestión de Sistemas de Información  Para crear los encabezados o títulos de los apartados de la página utilizar las etiquetas y Gestión de Sistemas de Información Documentos de Interés Transparencias …

8 Ander Barbier Ibáñez .... Permite agrupar elementos de un documento. También se Deja un salto de línea antes del bloque y otro después. .... Permite agrupar elementos de un documento. Se diferencia del div, en que no deja saltos de línea.

9 Ander Barbier Ibáñez  El tag anchor permite insertar enlaces en un documento:.... Atributos: –href=“referencia”. Especifica el link al cual hace referencia. Ejemplos: Tema 1 ESIDE Ander Barbier  El tag también permite enlazar con un punto concreto dentro de un documento. Ejemplo: (Colocarlo en el lugar al que se quiere saltar) Apuntes

10 Ander Barbier Ibáñez  En HTML también se pueden crear listas de elementos:.... Listas no ordinales. Se utiliza para insertar listas de elementos no numeradas Hay que utilizar el tag para cada elemento de la lista..... List Item. Inserta un elemento de una lista. Ejemplo: Tema1 Tema2 Tema3

11 Ander Barbier Ibáñez . Inserta una imagen en un documento. Atributos: src = “url”. Corresponde a la referencia absoluta o relativa del fichero gráfico. alt=“text”. Texto alternativo que emerge al colocar el ratón sobre la imagen, y el texto que aparece cuando la imagen no es ACCESIBLE por el motivo que fuera.  Para incluir un link en una imagen:

12 Ander Barbier Ibáñez  Para subir la página web ya editada al sevidor web de asignaturas hay que seguir los siguientes pasos: Abrir explorador de windows Herramientas/Conectar a unidad de red.En carpeta escribir: \\130.206.100.137\paginasasignaturas$ y pulsar el botón finalilzar. (conectarse con deusto\login) A partir de ese momento, en MiPC aparecerá una nueva unidad con las carpetas de todas las asignaturas. Copiar los ficheros editados a la carpeta de la asignatura correspondiente.