Creación de tablas HTML
<TABLE WIDTH="100%"> <TR> <TD><!-- Opciones --></TD> <TD><!-- texto --> <P>La agencia de viajes Los Alpes goza de un gran prestigio en el mundo de los ... <TABLE BORDER="1" CELLSPACING=5> <TR><TD> <STRONG><U>MADRID</U></STRONG><BR> C/JOSE ACANA, 9 BAJO<BR> 28333 MADRID<BR> TELF. 921 99 39<BR> FAX. 921 99 38<BR> </TD><TD> <STRONG><U>BARCELONA</U></STRONG><BR> C/ALBERTO BUSQUETS,13 QUINTO A<BR> 08333 BARCELONA<BR> TELF. 933 33 23<BR>> FAX. 933 33 24<BR></TD></TR> </TABLE> </TD> </TR> </TABLE>
Ya podemos dar por terminada la columna de la derecha de la página principal. La columna de la izquierda tendrá enlaces a las distintas páginas del sitio Web y volveremos sobre el código usado en el paso 6 al hablar del contenido gráfico. Por ahora podemos ver un adelanto de cómo va a quedar esta página principal mostrado en la figura 6.32.
Paso 6 - Contenido gráfico. La apariencia de un Web es uno de los aspectos más importantes en la creación de este. Por ello dedicamos un largo capítulo 5 a él. Ahora es el momento de poner en práctica de nuestros conocimientos. A la hora de insertar gráficos tenemos dos posibilidades: 1. Crear nuestros propios gráficos usando un programa de dibujo vectorial y/o un programa de retoque fotográfico. Esta es, sin duda, la mejor de las dos opciones, pero también es la que lleva más tiempo así como varios programas y amplios conocimientos de su uso por parte del creador de los gráficos. Por esta razón es común recurrir a la segunda de las posibilidades. 2. Crear nuestros propios gráficos usando un programa de dibujo vectorial y/o un programa de retoque fotográfico. Esta es, sin duda, la mejor de las dos opciones, pero también es la que lleva más tiempo así como varios programas y amplios conocimientos de su uso por parte del creador de los gráficos. Por esta razón es común recurrir a la segunda de las posibilidades. En nuestro caso vamos a optar por la segunda opción. Hemos usado algunos gráficos del clipart que acompaña a Microsoft FrontPage™, en concreto al tema Travel.Posteriormente hemos retocado alguno de estos gráficos con Paint Shop Pro™(podríamos haber usado cualquier otro programa de retoque fotográfico, pero hemos elegido este por ser shareware). Usando este programa hemos creado una especie de botones (tranque servirán como enlace a las distintas páginas de la Web. Ahora ya podemos escribir el código usado: <TABLE ALIGN="center"> <TR> <TD><IMG SRC="img/logo.gif" WIDTH=90 HEIGHT=99 BORDER=0 ALT="[LOGO]"></TD>
215