20.- Ahora
insertaremos
nuestra
imagen
principal.
Para ello
haz clic en
INSERTAR -
IMAGEN -
DESDE
ARCHIVO. Te
saldrá tu
explorador y
allí
buscarás la
imagen.
21.- Baja un
poco el
cursor para
poder seguir
trabajando
en la página
y céntralo
como antes
te indiqué.
22.- Haz
clic en
INSERTAR -
IMAGEN -
DESDE
ARCHIVO y
busca el
botón del
título
principal de
nuestra
página
23.- Baja el
cursor
24.- Inserta
otra tabla
pero con
tres celdas.
25.- Haz
clic dentro
de ella dale
esta
configuración
a la tabla,
seleccionando
como imagen
de fondo la
barra gris
en degradé
que hicimos
en el psp.
26.- Haz
clic en la
celda
central. Haz
clic con el
botón
derecho y
selecciona
la opción
PROPIEDADES
DE TABLA
para que
insertes una
nueva tabla
y dale estos
valores
Selecciona
como imagen
de fondo la
primera
barra dorada
que habíamos
hecho
29.- Inserta
una nueva
tabla y
configúrala
de esta
manera
seleccionando
como imagen
de fondo la
textura gris
previamente
diseñada en
el psp
30.- Haz
clic en el
centro de la
tabla y
luego clic
en INSERTAR
- IMAGEN -
DESDE
ARCHIVO.
Localiza la
imagen de la
rosita
pequeña para
insertarla
dentro de
nuestra
tabla de
esta manera
Si ves que
las celdas
con las
barras
grises en
degradé te
quedaron muy
estrechas,
lleva el
cursor hasta
la línea
dorada de la
tabla
interior.
Verás que el
cursor se te
transforma
en una
flechita de
dos vías.
Haz clic con
el botón
derecho y
déjalo
presionado
mientras le
das más
ancho a esa
celda. Luego
repite el
procedimiento
con la otra
barra
tratando de
que ambas te
queden de un
mismo
grosor.
Es posible
que exista
un
procedimiento
más exacto
para
lograrlo
pero como
les dije al
principio,
son muchas
las cosas
que
desconozco
del Front
Page y esa
es la única
manera que
he
encontrado
para darle a
esas celdas
el tamaño
que
requiero.
31.- Baja el
zip con el
poema, copia
y pégalo
como solo
texto, en la
tabla
interna de
la página
que estamos
diseños.
Este
ejercicio te
permitirá
saber el
manejo de
los textos
en Front
Page.
Poema
32.- Una vez
pegado el
poema,
selecciona
todo el
texto.
Utiliza un
tamaño la
fuente 12
tipo Time
New Roman y
ponla en
cursiva.
Para
seleccionar
el color haz
clic en
icono con la
letra A que
representa
la
herramienta
color de
texto. Con
el gotero
puedes
seleccionar
el mismo
color de la
fuente del
título. En
este ejemplo
es el Hex={96,82,44}
33.- Al
final del
poema
inserta la
rosita pero
redúcela un
poco de
tamaño. Esto
lo logras
haciendo
clic sobre
la rosita.
Se bordeará
de punticos.
El resto del
procedimiento
ya lo
conoces.
34.- Fuera
de la tabla
interna
inserta el
separador
35.- Ahora
insertaremos
los botones
de los
enlaces.
Inserta
primero el
botón "Menú
Poemas"
Luego baja
el cursor.
Inserta el
segundo
botón página
principal.
Es probable
que las dos
partes no te
queden
unidas. Para
evitar eso,
sombrea
ambas partes
y haz lo
siguiente:
- Clic en
FORMATO -
PARRAFO. Te
saldrá una
ventana
igual a ésta
- Selecciona
0 en las
tres
casillas del
ESPACIADO.
Esto hará
que ambas
partes
queden
juntas.
36.- Inserta
ahora el
separador.
37.- En la
parte
inferior
pueden ir el
resto de los
enlaces o
cualquier
otra
información
que ustedes
consideren
pertinente.
COLOR DE
FONDO
Para evitar
que mientras
abra la web
se vea un
fondo blanco
poco
atractivo
podemos
darle el
mismo color
del
utilizado en
el diseño.
Te diré como
hacerlo
1.- Clic en
FORMATO -
FONDO
2.- Te
saldrá la
ventana que
te muestro
abajo. Allí
vas a
seleccionar
el mismo
color gris
haciendo
clic en la
flechita de
la barra
FONDO.
COLOR EN LA
BARRA DE
DESPLAZAMIENTO
Muchos efectos
al igual que el
color en la
barra de
desplazamiento
se logra a
través de los
código htm.
En las pestañas
inferiores hay
una con el
nombre de CODIGO
haz clic allí.
Si te das cuenta
una página está
dividida en
varias partes:
HEAD, BODY, HTM
Busca el útlimo
HTM y pega el
siguiente
código.
<STYLE type=text/css>
body {
scrollbar-arrow-color:
#3E4D3E;
scrollbar-base-color:
#DAB9B8;
scrollbar-dark-shadow-color:
#DAB9B8;
scrollbar-track-color:
#DAB9B8;
Ahora haz clic
en la pestaña
VISTA PREVIA y
verás que la
barra de
desplazamiento
tiene el mismo
color de gris
que utilizamos
en el diseño
NOMBRE DE LA
PAGINA Y MUSICA
Todas las
páginas que se
diseñen deben
llevar un
nombre. Ese
nombre será el
que aparezca en
los buscadores.
Haz clic con el
botón derecho
sobre cualquier
lugar de la
página y
selecciona la
opción
PROPIEDADES DE
PÁGINA
En TITULO
pondrás el
nombre que le
darás a la
página.
También puedes
hacer una breve
descripción de
la misma. En
PALABRAS CLAVES
escribe algunas
palabras que al
ponerlas como
claves en los
buscadores
puedan
encontrarla.
En SONIDO DE
FONDO puedes
incluir una
melodía como
fondo musical.
Haz clic en
examinar y
selecciona la
melodía que
desees. Recuerda
que esa melodía
también debe
estar en la
misma carpeta
donde tienes
todo el material
que usamos en el
diseño. Las
melodías deben
estar en
archivos midis.
Haz clic en
ejemplo para
que veas el
diseño
completo
Con estas
bases pueden
partir de
una imagen,
diseñar el
material y
realizar tu
propio
diseño.
Recuerda
jugar con
las
diferentes
combinaciones
a fin de que
te des
cuenta de
los
distintos
efectos que
se pueden
lograr.