HTML bsico

Boletn de prcticas
Prctica 3: HTML bsico

INFORMTICA 1
Curso 2005-2006
Biblioteconoma y Documentacin

1.- ENUNCIADO
Haciendo uso de lo aprendido en clase de teora disear las siguientes pginas web y
publicarlas en el servidor web de alumnos/as, mural.uv.es. El diseo de la pgina ser
libre, pero deber cumplir al me nos las condiciones consignadas. Se valorar cualquier
iniciativa en el diseo o arquitectura del sitio web, siempre que el lenguaje utilizado sea
exclusivamente HTML estndar.
1.1 Pgina de presentacin: Portal a las prcticas de Informtica I.
El alumno disear una pgina Web sencilla que llamar index.html y que situar en el
directorio raz de su espacio Web. Esta pgina tiene un diseo libre, pero deber cons tar
de un solo fichero html y servir nicamente como portal para llegar a las pginas
correspondientes a las prcticas 3 y 4. La pgina podr tener un aspecto similar a ste.

Esta pgina deber cumplir como mnimo:

Se deber llamar index.html o index. htm y se publicar en la carpeta raz del
espacio web del alumno. De este modo, la URL de la pgina ser
http://mural.uv.es/cuentadelalumno, donde cuentadelalumno es el nombre de la
cuenta utilizada.
Deber tener dos enlaces que apuntarn a las pginas iniciales correspondientes
a las prctica 3 y 4. Estos enlaces apuntarn a las URL
o http://mural.uv.es/cuentadelalumno/practica3/index.html
y
o http://mural.uv.es/cuentadelalumno/practica4/index.html
Pgina 2 de 7

respectivamente. El segundo enlace estar, de momento, inactivo. Ver el apartado

relativo a la publicacin para ms informacin acerca de la publicacin de las
pginas y las URL de las pginas.
Deber haber al final de la pgina dos enlaces a las direcciones de correo
electrnico de los integrantes del grupo de prcticas.
La pgina deber contener la fecha de su ltima actualizacin al final.
El resto del diseo de la pgina es libre, con la nica limitacin de que slo se
podr utilizar HTML estndar editado directamente en cdigo fuente mediante
cualquier editor ASCII como el bloc de notas de Windows, sin utilizar editores
web tales como Dreamweaver o FrontPage.
1.2 Pgina de la prctica 3:
Se disear un sitio web con una estructura similar a la que puede verse en la figura
inferior:

Esta pgina deber cumplir como mnimo lo siguiente:

a) Una estructura inicial mostrada mediante frames, con un total de tres
marcos: izquierdo, superior derecho, e inferior derecho.
b) Como se muestra en la figura adjunta el marco izquierdo contiene el
escudo de la Universidad de Valencia y una serie de enlaces en forma
de lista. Los enlaces de esta lista debern abrir las pginas enlazadas
en el marco inferior derecho. Las URL a referenciar sern las
correspondientes a:
Pgina 3 de 7

a. Inicio: La pgina que se muestra en la figura superior. Esta

pgina deber contener una tabla con los nombres de los
integrantes del grupo y sus fotografas obtenidas del portal del
alumno ms dos enlaces al correo electrnico de los
integrantes del grupo.
b. Curricula: no contendr enlaces. En la lista, a continuacin y a
un nivel de sangrado mayor, se incluirn dos enlaces a sendas
pginas con los curricula de los integrantes del grupo. Los
curricula podrn ser reales, pero la informacin de contacto
incluida tal como la direccin postal o el nmero de
telfono debern ser falsos.
c. Enlaces de inters: Una pgina con al menos tres enlaces
operativos que los alumnos consideren de inters.
d. Universidad de Valencia : http://www.uv.es
c) La pgina deber contener la fecha de su ltima actualizacin al final.
d) El resto del diseo de la pgina es libre, con la nica limitacin de
que slo se podr utilizar HTML estndar editado directamente en
cdigo fuente mediante cualquier editor ASCII como el bloc de notas
de Windows, sin utilizar editores web tales como Dreamweaver o
FrontPage.
e) Se valorar el estilo de las pginas diseadas y las funciones o
contenidos ms all de los mnimos exigidos con un 20% de la nota
final.

2.- PUBLICAR LAS PGINAS WEB CREADAS.

2.1 Comprobacin de la cuenta y activacin del espacio web del alumno
Cualquier usuario de la comunidad universitaria tiene la posibilidad de publicar pginas
web en los servidores de la Universidad de Valencia. Para ello slo es necesario
disponer de una direccin de correo activa de la UV. En el caso de los alumnos, el
servidor web asignado es mural.uv.es
Los pasos a seguir para utilizar el espacio web asignado en mural son:
1- Si an no tenemos activa nuestra cuenta de correo electrnico, debemos activarla
en http://cuentas.uv.es identificndonos mediante la tarjeta universitaria. Una
vez activada la cuenta de correo podremos utilizarla para consultar nuestro
correo electrnico a travs de http://correo.uv.es , lo que nos servir para
comprobar que est operativa. En caso de que ya tuvisemos activa la cuenta
pero hubisemos extraviado la contrasea, deberemos ponernos en contacto con
alguno de los operadores informticos de la UV para que nos d una nueva.
2- Una vez creada y comprobada la cuenta de correo, deberemos activar el espacio
web en la citada pgina http://cuentas.uv.es pulsando en el enlace
Activar/Desactivar web
3- Con todo ello tendremos creado y disponible un espacio web cuya URL es
http://mural.uv.es/cuentadelalumno, donde cuentadelalumno el nombre de
usuario de correo, siendo nuestra cuenta de correo.

Pgina 4 de 7

2.2 Preparacin del espacio web y publicacin de las pginas.

Cuando ya tengamos activa nuestra cuenta web podremos publicar nuestras pginas en
este espacio copindolas mediante cualquier programa de FTP. En las aulas est
disponible el Filezilla, el cual es gratuito y puede encontrarse en multitud de servidores
FTP pblicos.
Para publicar las pginas iniciaremos la aplicacin Filezilla instalada. En la pantalla de
conexin indicaremos el servidor mural.uv.es, nuestra cuenta de usuario y nuestra
contrasea, tras lo cual pulsaremos el botn quickconnect. Comprobaremos que hemos
conectado cuando aparezcan las carpetas disponibles en el servidor remoto en la parte
derecha de la pantalla, en el apartado remote site.
En esta pantalla, la parte izquierda representa el sistema local, es decir el ordenador en
el que estamos trabajando en el aula, y la parte derecha representa el servidor web.
Podremos transferir archivos entre ambos simplemente seleccionndolos en la lista y
pulsando la flecha correspondiente a la direccin en que queremos llevarlos.
IMPORTANTE:
El servidor mural.uv.es no es una mquina con sistema operativo Windows. Los
nombres de archivo debern referenciarse con el nombre exacto en nuestras
pginas para que se visualicen correctamente en el servidor, de modo que si, por
ejemplo, hacemos en una de nuestras pginas una referencia del tipo <IMG
SRC=imagen.gif> pero el fichero de imagen se llama IMAGEN.GIF la pgina
se visualizar correctamente en el equipo local pero cuando la publiquemos en el
servidor la citada imagen no aparecer.
Puesto que mural.uv.es no es una mquina Windows, las rutas no se definen
igual que en este sistema operativo. De este modo, todas las rutas a ficheros que
definamos en nuestras pginas HTML debern ser relativas, no absolutas, y
debern definirse separadas por el carcter /, no por el \ usado habitualmente
en Windows. Si por ejemplo en nuestras pginas hacemos referencia a un
fichero de imagen que est en el mismo directorio de nuestro diskette mediante
Pgina 5 de 7

la clusula <IMG SRC=A:\practica3\imagen.gif> estando todos los ficheros

de la Web en el directorio practica3 del disquete, cuando publiquemos la pgina
la imagen no se visualizar, ya que en mural.uv.es no existe la ruta A:\. De
este modo, deberemos usar <IMG SRC=/practica3/imagen.gif>.

Para la realizacin de las prcticas crearemos dentro de nuestro espacio de usuario dos
carpetas a las que llamaremos practica3 y practica4. Para ello, pulsaremos con el botn
derecho del ratn en el espacio de remote site y elegiremos la opcin create directory.
Con ello podremos ver nuestro espacio as.

Pgina 6 de 7

Una vez creadas las dos carpetas, haremos doble clic sobre la carpeta correspondiente a
la prctica y arrastraremos todos los ficheros correspondientes a la web que queremos
publicar.
Con ello, si por ejemplo nuestro usuario es cuentadelalumno y la pgina principal de
nuestra web correspondiente a la prctica 3 es index.html, la URL en la que quedar
nuestra prctica 3 ser http://mural.uv.es/cuentadelalumno/practica3/index.html .
Cuando posteriormente creemos nuestras pginas para la prctica 4 las depositaremos
en la carpeta practica4, con lo que quedarn separados los ficheros correspondientes a
ambas prcticas.
Puede encontrarse ms informacin acerca de la publicacin de pginas web en el
servidor mural.uv.es en http://cuentas.uv.es , en el apartado preguntas y respuestas.
Tambin existe amplia informacin acerca del uso del servicio web de la Universidad
de Valencia en http://www.uv.es/ciuv/cas/web/

3.- NORMAS DE LA PRCTICA

Cada equipo deber enviar por correo electrnico la URL de la prctica

al profesor.
Para el envo de la URL se usar la cuenta de correo de la Universidad de
Valencia.
La fecha de entrega de esta prctica es el 25 de noviembre de 2005.
En el mensaje enviado debern constar la URL de las pginas, los
nombres y DNI de los componentes del equipo y sus grupos de prcticas.
Los equipos constarn de un mximo de dos componentes. Los
componentes del equipo debern ser notificados al profesor en la primera
sesin de la prctica 3. Los equipos de prcticas se mantendrn para las
prcticas 3 y 4.
Si existiese algn problema referente al funcionamiento de la cuenta de
usuario del alumno o al uso del correo electrnico deber ser comunicado
al profesor durante la sesin de prcticas.
No se admitirn memorias entregadas en papel ni en disquete.
Slo se corregirn aquellas pginas Web publicadas en el servidor
Web de alumnos de la Universidad de Valencia.

4.- SITIOS WEB DE INTERS PARA EL DESARROLLO DE LAS

PRCTICAS DE HTML

Gua para escribir documentos HTML: http://sestud.uv.es/manual.esp .

Completo manual de HTML desarrollado y mantenido en la Universidad de
Valencia con ejemplos grficos.
Webestilo: http://www.webestilo.com . Completo sitio web en castellano acerca
del desarrollo de sitios Web. Particularmente recomendado su apartado de
usabilidad.
Iconos y Logos de la Universidad de Valencia: http://www.uv.es/formatos . Web
de la Universidad de Valencia con todos los recursos de iconografa para
publicaciones corporativas de la Universidad.
Gestin
de
espacios
Web
en
la Universidad de Valencia:
http://www.uv.es/siuv/cat/zinternet/gespais.htm . Descripcin del servicio de
espacio Web en la Universidad.
Pgina 7 de 7