Web de asignatura

Ander Barbier IbáñezAnder Barbier IbáñezWeb de asignaturaWeb de asignatura - - 11 - -

Web de asignaturaWeb de asignatura

IndiceFuturo webs de asignaturasPasos para crear una web de asignaturaEditar web asignaturaResumen xhtmlSubir la página editada al servidor

http://paginaspersonales.deusto.es/barbier/webasignatura/


Futuro webs de asignaturas (1/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


Futuro webs de asignaturas (2/2)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)


Pasos para crear una web de asignaturaPasos 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


Editar web asignatura (1/2)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.)


Editar web asignatura (2/2)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


Resumen xhtml (1/5)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>



<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.


Resumen xhtml(3/5)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:[email protected]">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>


Resumen xhtml(4/5)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>



<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>


Subir la página editada al servidorSubir 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.

Web de asignatura

Documents

Transcript of Web de asignatura