Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
SITIO WEB
El sitio Web constar de un total de cuatro pginas, y contar con contenido grfico.
Adems usaremos las tablas tanto para insertar datos como para controlar la disposicin
de los elementos de las pginas.
PASO 1 - PLANIFICACIN
En todo proceso de creacin y diseo de pginas Web el primer paso a llevar a cabo
ser la planificacin, antes incluso de escribir la primera lnea de cdigo. En esta
planificacin deberemos
PASO 1 - PLANIFICACIN
1.
2.
3.
4.
5.
6.
TAREA 1
Nuestro objetivo ser que las personas que visiten las pginas se interesen por las
ofertas y se pongan en contacto con la agencia para contratar el viaje. Un segundo
objetivo ser dar una buena imagen de la compaa.
TAREA 2
Todo tipo de personas podrn acceder a nuestras pginas por lo que ser conveniente
que puedan ser vistas con cualquier navegador.
TAREA 3
TAREA 4
La pgina principal dar informacin general sobre la empresa y como contactar con ella
y ofrecer enlaces para ir a las distintas secciones del sitio Web: Ofertas, Viajes a su
medida y la superOferta. En total el sitio Web quedar compuesta por cuatro pginas: la
principal y tres pginas de contenido que estarn adems interconectadas entre s.
TAREA 4
TAREA 5
TAREA 5
TAREA 5
Boceto
de
la
disposicin de los
elementos del resto de
pginas.
Aunque conserva un
parecido con la pgina
principal hay algunos
cambios.
En primer lugar ejecutamos nuestro editor texto o editor de HTML favorito, ya sea el bloc
de notas, el editor HTML de DreamWeaver o cualquier otro, y creamos un archivo nuevo
Una vez tenemos delante un archivo nuevo escribimos las etiquetas que definen la
estructura del documento HTML:
<HTML>
<HEAD>
<TITLE>Agencia de viajes LOS ALPES</TITLE>
</HEAD>
<BODY>
<!-- Resto del cdigo -->
</BODY>
</HTML>
La primera de las tablas la hemos centrado usando el atributo ALIGN. La segunda nos
convendr que ocupe todo el ancho posible, por lo que usamosWIDTH="100%". Despus
de la segunda tabla simplemente pondremos datos relacionados con la elaboracin de la
pgina (direccin Webmaster, Copyright, fecha actualizacin, etc.). A este tipo de
informacin incluida generalmente al final de las pginas se le denomina en
ocasiones coletilla. A continuacin podemos ver el cdigo de nuestra coletilla.
Terminada la planificacin y una vez creada la estructura de las pginas ahora es cuando
empezaremos a ver los resultados de nuestro trabajo. Empezaremos ponindole
contenido a la pgina principal. En este momento recuperamos el cdigo que escribimos
y empezamos a rellenar las celdas de las tablas. Empezamos con la primera tabla. En la
celda de la derecha ponemos el logo de Los Alpes y en la de la derecha ponemos el
letrero. Como en ambos casos debemos insertar imgenes usamos la etiqueta IMG de la
siguiente manera:
Viajes">
tranvha1
<TABLE ALIGN="center">
<TR>
<TD><IMG SRC="img/logo.gif" WIDTH=90 HEIGHT=99 BORDER=0 ALT="[LOGO]"></TD>
<TD><IMG SRC="img/losalpes.gif" WIDTH=440 HEIGHT=99 BORDER=0 ALT="LOS ALPES - Agencia de Viajes"></TD>
</TR>
</TABLE>
</CENTER>
<TABLE CELLPADDING="10">
<TR>
<TD VALIGN="top">
<!-- Opciones -->
<A HREF="medida.htm"><IMG SRC="img/boton1.jpg" WIDTH=136 HEIGHT=48 BORDER=0 ALT="Viajes a su medida"></A>
<A HREF="mes.htm"><IMG SRC="img/boton2.jpg" WIDTH=136 HEIGHT=48 BORDER=0 ALT="Ofertas del Mes"></A>
<A HREF="superofe.htm"><IMG SRC="img/boton3.jpg" WIDTH=136 HEIGHT=48 BORDER=0 ALT="La superOFERTA"></A>
</TD>
<TD>
<!-- texto -->
<P><FONT SIZE="+2">L</FONT>a agencia de viajes Los Alpes goza de un gran prestigio en el mundo de...