| Con
este Tutorial aprenderemos a montar ESTA
página Web
PASOS
1º
Antes que nada fijaremos las propiedades de la página.
Esta opción la encontraremos en Barra de Herramientas
/ Propiedades de la Página. Las opciones que pondremos
en el cuadro que nos sale son
-
Título
de la página ( se mostrará
en la barra de titulo del navegador):En este caso
yo he puesto "Mi página de gráficos".
-
Imagen
de fondo: En examinar buscamos
el archivo que queremos poner de fondo. En este
caso mi archivo se llama "fondo.jpg" .
El
tutorial para realizar este fondo Web puedes mirarlo
AQUÍ.
-
Colores:
A continuación viene unas casillas donde
podrás elegir el color para el fondo, textos
y vínculos. En este caso como la página
no contiene textos ni vínculos, dejamos estas
casillas sin rellenar. Aunque si sería interesante
poner un color para el fondo, así mientras
carga la imagen del fondo, la página no se
verá "desnuda". En estos casos
el color a elegir debe ser lo más parecido
posible al color del archivo de fondo que hemos
insertado, para que el aspecto de la página
no varíe mucho. En el ejemplo con el que
estamos trabajando el color sería # A19483
-
Márgenes:
Esta
opción es muy interesante, los valores que
pongamos ahí se referirán a los márgenes
de la página. Los valores Margen izquierdo
y Margen superior son reconocidos sólo
por Explorer y Ancho de margen y Alto de margen
sólo por Netscape. Por tanto introduciremos
valores idénticos en los cuadros Margen
izquierdo y Ancho de margen, así como
en Margen superior y Alto de margen ya
que debemos configurar los márgenes tanto
para Explorer como para Netscape. En este caso pondremos
el valor 0 en todas las casillas, ya que lo que
buscamos es que la página se ajuste a la
pantalla.
|
2º
Introducir una tabla (Barra de Herramientas /
Insertar /Tabla, los valores serán los que se
muestran en la siguiente captura:
A
continuación pulsamos sobre el borde de esta nueva
tabla que acabamos de crear para seleccionarla, una vez seleccionada
vamos al nspector de propiedades y lo completamos con los
datos (recuadros rojo) que muestro en la siguiente captura:
Una
vez hecho esto pinchamos en la carpetita que está en
la casilla Im, para buscar el archivo fondo_marco.
Bieen!!
ya tenemos el fondo puesto, pero ahora nos queda poner el
fondo al resto de la tabla. Aquí tendremos cuidado
de como seleccionar. Haremos clic con el cursor dentro de
la tabla y pulsamos al mismo tiempo la tecla Control,
con esto nos quedará seleccionada la parte de dentro
de la tabla. Ya seleccionada vamos al inspector de propiedades
y pinchamos en la carpetita que está en la casilla
Im, para buscar el fondo . 
3º
Volvemos a insertar otra tabla,
esta ya no es para decorar la página, sino para ayudarnos
a distribuir las imágenes dentro de ella. Ponemos el
cursor dentro de la tabla que ya tenemos, vamos al inspector
de propiedades y en la casilla 
seleccionamos superior como indica la captura. De esta forma
el cursor se situará arriba del todo. Una vez situado
el cursor en el lugar que deseamos, insertamos la nueva tabla
con los siguientes valores :
completamos los valores de esta nueva tabla en el inspector
de propiedades, en concreto en el cuadro de texto "Al"
poniendo 100%.
4º
Insertamos una imagen, el tutorial para realizar
este gráfico, puedes encontrarlo AQUÍ
.Insertamos la imagen en la celda de la derecha, ponemos el
cursor arriba de la celda y lo alineamos a la derecha en el
inspector de propiedades, para ello pondremos los valores
que se indican en rojo en la captura siguiente:
y
ya estamos preparados para ir a Barra de Herramientas
/ insertar /Imagen
5º
En este diseño, la barra de scroll
no quedaría bien, así que vamos a añadir
un pequeño atributo al código para que no
nos aparezca. Pulsamos en vista código
y buscamos la etiqueta <body>, dentro
pondremos scroll="no" como se indica
en la siguiente captura
6º
Insertar imágenes de sustitución, este
aspecto lo desarrollaremos en otro tutorial, pulsar
AQUÍ para acceder
a él.
|Inicio|
Bloque 3
| Siguiente| |
