Práctica 3
Anuncio
Práctica 3: Introducción al diseño de paginas Web estáticas con HTML. Introducción. El objetivo de la práctica 3 es introducir al alumno en el desarrollo de páginas Web utilizando HTML y Javascript. Este conocimiento se utilizará en la práctica posterior para el desarrollo de páginas Web con formularios las cuales nos permitirán desarrollar páginas que consulten de forma remota una base de datos. Enunciado. Desarrollar una práctica utilizando HTML y Javascript sobre la temática que deseéis1, la página debe utilizar los elementos que se describen en los apuntes de teoría del tema “Introducción a HTML y Javascript”, excepto los referentes a formularios HTML y su procesamiento mediante elementos de Javascript. La página deberá ser desarrollada exclusivamente mediante el HTML escrito con un editor de texto ASCII, por ejemplo el bloc de notas de Windows, por lo que no se permite el uso de ningún editor de páginas Web. Los elementos adicionales tales como iconos, fotografías, etc., podéis desarrollarlos o utilizar cualquiera de los existentes en Internet. Así por ejemplo, si se esta desarrollando una página sobre castillos medievales, las fotografías de los castillos se pueden coger de páginas Web existentes en la red y reutilizarse, dado que el fin de esta práctica es solo pedagógico y sin ningún valor comercial. Si en algún caso, la página indicara explícitamente que no lo permite, os ruego hagáis caso de tal indicación de derecho de propiedad. Ayuda. Para poder visualizar las páginas desarrolladas, no es necesario ningún servidor de páginas Web, basta con que las páginas se pongan en los directorios adecuados. Así, en el siguiente ejemplo: <!-- Página WEB de nombre inicio.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=iso8859-1"> <TITLE>Página de prueba</TITLE> </HEAD> <BODY> 1 El motivo de que la práctica obedezca a una temática libre obedece al fin de que podáis desarrollarla sobre vuestras aficiones, intereses, etc. <P><A HREF="./castillos/castillo.html">Pulsa aquí para ver mi página de castillos</A></P> </BODY> </HTML> <!-- Página Web de nombre castillo.html --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=iso8859-1"> <TITLE>Página de prueba</TITLE> </HEAD> <BODY> <H1>Estás viendo mi página de castillos</H1> <P><A HREF="../inicio.html">Pulsa aquí para volver a la página de inicio</A></P> </BODY> </HTML> Bastará con que la página inicio.html este en un directorio y la página castillos.html este dentro de un subdirectorio de nombre castillos dentro del directorio donde se encuentra la página inicio.html, pues como podéis ver todos los caminos entre los distintos ficheros son relativos.
