1 / 12

Web de asignatura

Web de asignatura. 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.es/barbier/webasignatura/. Futuro webs de asignaturas (1/2).

spiro
Download Presentation

Web de asignatura

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Web de asignatura • 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.es/barbier/webasignatura/ Ander Barbier Ibáñez

  2. Futuro webs de asignaturas (1/2) • 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 Ander Barbier Ibáñez

  3. Futuro webs de asignaturas (2/2) • 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) Ander Barbier Ibáñez

  4. Pasos para crear una web de asignatura • 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 Ander Barbier Ibáñez

  5. Editar web asignatura (1/2) • 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.) Ander Barbier Ibáñez

  6. Editar web asignatura (2/2) • Se puede descargar un ejemplo de página web de asignatura de la siguiente dirección: http://paginaspersonales.deusto.es/barbier/webasignatura/EjemploWebAsignatura.zip • Más detalles del lenguaje xhtml en: http://paginaspersonales.deusto.es/barbier/webasignatura/xhtml.ppt Ander Barbier Ibáñez

  7. Resumen xhtml (1/5) • Para modificar el título de la página, (barra de título de la ventana), usar la etiqueta <title> dentro de la cabecera <head>: <title>Gestión de Sistemas de Información</title> • Para crear los encabezados o títulos de los apartados de la página utilizar las etiquetas <h1> y <h2> <h1>Gestión de Sistemas de Información</h1> <h2>Documentos de Interés</h2> <h2>Transparencias</h2> <h2>…</h2> Ander Barbier Ibáñez

  8. Resumen xhtml (2/5) • <div>...</div>. Permite agrupar elementos de un documento. También se Deja un salto de línea antes del bloque y otro después. • <span>...</span>. Permite agrupar elementos de un documento. Se diferencia del div, en que no deja saltos de línea. Ander Barbier Ibáñez

  9. Resumen xhtml(3/5) • El tag anchor <a> permite insertar enlaces en un documento: • <a atributos>...</a>. Atributos: • href=“referencia”. Especifica el link al cual hace referencia. • Ejemplos: <a href="otrodir/tema1.pdf">Tema 1 </a> <a href="http://www.eside.deusto.es"> ESIDE </a> <a href="mailto:barbier@eside.deusto.es">Ander Barbier</a> • El tag <a> también permite enlazar con un punto concreto dentro de un documento. Ejemplo: <a name="apuntes"></a> (Colocarlo en el lugar al que se quiere saltar) <a href="#apuntes">Apuntes</a> Ander Barbier Ibáñez

  10. Resumen xhtml(4/5) • En HTML también se pueden crear listas de elementos: • <ul>...</ul>. Listas no ordinales. Se utiliza para insertar listas de elementos no numeradas Hay que utilizar el tag <li> para cada elemento de la lista. • <li>...</li>. List Item. Inserta un elemento de una lista. • Ejemplo: <ul> <li>Tema1</li> <li>Tema2</li> <li>Tema3</li> </ul> Ander Barbier Ibáñez

  11. Resumen xhtml (5/5) • <img atributos>. 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: <a href="bbs.html"><img src="./esideweb.gif“ alt=“logotipo de ESIDEWEB”></a> Ander Barbier Ibáñez

  12. Subir la página editada al servidor • 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. Ander Barbier Ibáñez

More Related