|
Para realizar la
siguiente Tarea con un
Marco de 10 Tablas,
que debe llevar una
Tabla Minimizada para
la Imagen (aunque no
se mencione) y dos
Tablas de 3 Columnas
cada una para las
Barras Verticales
Escalonadas,
necesitamos 6 Fondos
diferentes que hemos
de tener sus Urales en
el Bloc de Notas antes
de empezar.
01: http://www.fiestac.com/fondos/38T.jpg
02: http://www.fiestac.com/fondos/9T.jpg
03: Igual que la 01
04: http://www.fiestac.com/fondos/10T.jpg
05: Igual que la 01
06: http://www.fiestac.com/fondos/2FM.gif
07: Igual que la 01
08: http://www.fiestac.com/fondos/11T.jpg
09: Igual que la 01
10: http://www.fiestac.com/fondos/Colorg18.jpg |
Si observan la
Ural de los
Fondos verán que
las copié de la
misma carpeta
para cuando
llegue el
momento de
cambiar los Link de las
Tablas solo
tengo que
cambiar el
nombre del
archivo de Fondo. |
Debo empezar creando
primero la Tabla 10,
que es la verdadera en
la cual exponemos
nuestro trabajo y para
ello pincho en
Tabla/Insertar/Tabla
(parte superior de la
pantalla) y me abre la
ventana siguiente:
 |
A la ventana
que salió le
cambié los datos
por los que me
pedía la Tarea,
dejando activado
"Especificar
ancho" con 100,
que es lo mismo
que width="100%"
para que se
maximice. |
Ahora debo
pinchar con ratón,
manteniendo presionado
el botón derecho
dentro de la Tabla
creada y elegir de la
ventana que nos
muestra "Propiedades
de la tabla" que nos
presentará la
siguiente imagen:
 |
A la ventana
que salió le
dejo en blanco
el "Espaciado
entre celdas" y
activo "Utilizar
imagen de fondo"
para insertar el
Link que ya
tenía preparado
en su rectángulo
blanco.
Insertaré debajo
de ésta los
códigos
generados por
FrontPage en la
Tabla 10. |
<table cellpadding="20"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/Colorg18.jpg">
<tr>
<td width="100%">
</td>
</tr>
</table>
El trabajo siguiente
consiste en
seleccionar, copiar y
pegar. Selecciono las
etiquetas de apertura
de esa Tabla (menos el
signo ), que son
los siguientes:
<table cellpadding="20"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/Colorg18.jpg">
<tr>
<td width="100%">
Y los
pegos o inserto 9
veces por encima de
los códigos de la
Tabla que hice para
tener las 10 que me
pide el Marco. A cada
Tabla insertada
solamente tengo que
cambiarle el ancho del
cellpadding y el
nombre del archivo de
Fondo. Debajo tenéis
los códigos de la 1ª
etiqueta de las 10
Tablas del Marco:
<table cellpadding="5"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/38T.jpg">
<table cellpadding="30"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/9T.jpg">
<table cellpadding="5"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/38T.jpg">
<table cellpadding="20"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/10T.jpg">
<table cellpadding="5"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/38T.jpg">
<table cellpadding="20"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/2FM.gif">
<table cellpadding="5"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/38T.jpg">
<table cellpadding="10"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/11T.jpg">
<table cellpadding="5"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/38T.jpg">
<table cellpadding="20"
style="border-collapse:
collapse" bordercolor="#111111"
width="100%"
background="http://www.fiestac.com/fondos/Colorg18.jpg">
Como he
insertado las
Etiquetas de apertura
de nueve Tablas,
también es
imprescindible añadir
al final las
correspondientes a los
9 cierres de las
mismas, que son:
</td>
</tr>
</table>
Primero: Música
directa de un archivo
al abrir la Página.
Segundo: Color de
relleno al exterior
del Marco.
Tercero: Color a las
Barras Verticales de
desplazamiento.
Debemos pinchar dentro
de la página en vista
"Normal" con el botón
derecho presionado del
ratón para que nos
muestre una ventana
con varias opciones y
elegiremos
"Propiedades de la
página", que nos
mostrará la siguiente
imagen de la
Izquierda:
Primero: En sonidos de
fondo, "Ubicación
de base"
debes insertar el Link
completo de un archivo
musical que se
encuentre publicado en
Internet en su
rectángulo blanco.
Luego pinchas, en la
parte superior de esa
imagen, donde dice
"Fondo" para que salga
la imagen de la
derecha.
Segundo: En la imagen
de la derecha debes
abrir la ventanita de
Colores Fondo y elegir
el que haga contraste
con el Marco o pinchar
en "Más colores" para
utilizar el Selector,
parecido a un lápiz,
que realiza la misma
función que el de
Paint Shop Pro. Pero
si no quieres un color
liso sino el
fondo-imagen de alguno
que esté en Internet
debes activar "Obtener
información del fondo
de otra página" y
pegar en su rectángulo
blanco, que está
debajo, el Link
completo del mismo.
Tercero: Para dar
color a las Barras de
desplazamiento de la
pantalla debes
insertar debajo de </head>
los siguientes
códigos:
<STYLE type=text/css>A:hover
{COLOR: white}A {TEXT-DECORATION:
none}
BODY {SCROLLBAR-ARROW-COLOR:
#ffffa8; SCROLLBAR-TRACK-COLOR:
#936335; SCROLLBAR-BASE-COLOR:
#936335; scrollbar-dark-shadow-color:
#936335}
</STYLE>
Los tres códigos
#936335,
que
están repetidos 3
veces corresponden a
una gama del Marrón
que se empleo en ésta.
Si no deseas que la
música sea repetitiva
sino controlada para
detenerla en el
momento que desees, no
emplees lo mencionado
anteriormente sino
copiar los códigos
siguientes en el lugar
que desees que
aparezca la imagen de
Windows Media Player:
<object classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A"
width="180" height="45"
type="audio/wav">
<param name="FileName"
value="http://www.fiestac.com/musica/anabelen/lapaloma.wav">
<param name="autostart"
value="true">
</object>
Si lo que quieres es
ponerle una emisora de
radio, debes copiar
los siguientes códigos
en HTL y en el lugar
que desees que
aparezca la imagen de
Windows Media Player:
<embed type="application/x-mplayer2"
src="http://pointers.audiovideoweb.com/asxfiles-live/ny60winlive7001.asx"
name="NSPlay"
pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows&sbp=mediaplayer&ar=media&sba=plugin"
showcontrols="1"
showdisplay="0"
showstatusbar="1"
autostart="true" width="240"
height="51">
</embed>
 |
