Front Page 2000

Elaboración páginas web (1)
Actividad 1. Organización y audiencia
 ¿Qué es FrontPage 2000 y para que sirve?.

 Integración con Office 2000.
 Ubicación de los elementos de una página Web.
¿Qué es FrontPage 2000 y para qué sirve?
FrontPage 2000 es un programa con el cual podemos crear páginas Web de una forma
visual. Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin
necesidad de saber programar. No obstante, un usuario avanzado puede usar las
características avanzadas de FrontPage 2000 para hacer sitios Web muy complejos.
Una página Web es un documento que puede ser visualizado con un navegador de
Internet. Un sitio Web es un conjunto de páginas Web relacionadas entre sí. FrontPage
2000 nos permite diseñar y modificar tanto el sitio como cada página, y nos ayuda en su
edición y mantenimiento.
Integración con Office 2000
FrontPage 2000 es parte del paquete de aplicaciones Office 2000, y comparte muchas de
las características del resto de programas del Office, tanto en procedimientos como en el
interfaz. Gracias a esto, muchas de las tareas que nos son familiares en Word nos
servirán para FrontPage y viceversa. Algunas de las características que comparten son:
– Los menús y los iconos son similares entre cada aplicación y realizan la misma
función.
– El portapapeles de Office es ahora común a todas las aplicaciones Office, y permite

guardar de forma temporal gráficos y textos de distintos documentos de Office y de
otros programas, y pegarlos en un documento de Office. Por ejemplo, puedes copiar
1
textos de un documento de Word y pegarlos en una página Web de FrontPage, y
después abrir una hoja de cálculo de Excel, y copiar una tabla de Excel a Word.
– Otras funciones, como el corrector ortográfico, funcionan de la misma manera o de
una forma casi idéntica en todas las funciones.
– Por otra parte, los documentos de Word pueden ser convertidos a páginas Web.
Gracias a esto podemos crear páginas Web a partir de documentos que ya tengamos
escritos en Word de una forma fácil y sencilla. Esto también se aplica a otra clase de
documentos como hojas de cálculo de Excel, ficheros de Access, etc.
Ubicación de los elementos de una página Web
Antes de emprender la tarea de creación se hace imprescindible organizar nuestro sitio

Web.
Tomemos los siguientes ejemplos:
Creamos las siguientes carpetas :
 La carpeta Mi sitio Web, que contendrá todas las carpetas

necesarias para albergar todos los archivos.
 La carpeta img será para almacenar todas las imágenes:

logotipos, iconos..., que aparecen.
 El archivo htm o html se guarda en la carpeta Mi sitio

WEB.
Creamos las siguientes carpetas :
 La carpeta Mi sitio Web, que contendrá todas las carpetas

necesarias para albergar todos los archivos.
 La carpeta img será para almacenar todas las imágenes:

logotipos, iconos..., que aparecen en la página inicial
(index.htm ó home.html). También puede guardar la
imágenes comunes a los archivos htm.
 Los archivos htm o html se guardan en la carpeta de cada

tema. Las imágenes se guardan en las carpetas img del tema
correspondiente.
2
Así, de este modo, si disponemos de un servidor donde poner los archivos deberemos
tener los mismos archivos en las mismas carpetas, en nuestro ordenador y en el servidor.
Por ejemplo, en la dirección siguiente (ficticia):

http://www.pangea.org/miguel/tema1/modulo1.htm
Debería tener el archivo modulo1.htm dentro de la carpeta tema1. El servidor utilizado
sería el de la organización Pangea y el directorio mío sería miguel.
Podemos crear tantas subcarpetas como precisemos, pero todos los archivos deben estar
dentro de la raíz miguel.
La organización interna de nuestro sitio Web tiene que ser idéntica a la organización
creada en nuestro servidor. El servidor decide la primera parte de la dirección,
http://www.pangea.org/miguel
Cada autor puede organizar como prefiera sus propias páginas en las carpetas por él
creadas.
tema1/modulo1.htm, tema2/modulo44.htm, tema3/modulo54.htm ,
SUGERENCIA
A mayor organización, mejor actualización, con el mínimo esfuerzo.
Entrada en el programa
Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda

de la pantalla. Coloca el cursor y hacer clic sobre el botón Inicio se despliega un menú;
al colocar el cursor sobre Programas, aparece otra lista con los programas que hay
instalados en tu ordenador buscar Microsoft FrontPage, hacer clic sobre él, y se
arrancará el programa.
3
Actividad 2. Mi primera página web
 Construcción de una página Web.

 El color.
 Fondo de imagen.
 El título de la barra de título del navegador.
 Propiedades de una tabla.
 Imágenes de distintos formatos.
 Presentación de la ayuda del programa FrontPage.
Construcción de una página Web
El lenguaje html es el utilizado para la programación de páginas Web. Nos crea

archivos, básicamente, con la extensión htm o bien html. Son los archivos que
contendrán el texto y las referencias a las imágenes y objetos que tenga nuestra página
Web.
A diferencia de cuando usamos un procesador de texto, que crea un sólo archivo,
independientemente de las imágenes que contenga, cuando creamos páginas Web
necesitamos un archivo htm de programación y tantos archivos como imágenes, objetos
o elementos especiales contenga.
Por ejemplo, si tenemos una página que contenga texto y 3 imágenes, necesitaremos
tener un archivo htm para el texto y la programación, y las 3 imágenes citadas en el
archivo htm.
 Para iniciar nuestra propuesta, habrá que abrir el programa FrontPage y crear
una página nueva pulsando el icono .

 También, podríamos hacerlo a través del menú Archivo y escoger Nuevo.
 Para empezar, aconsejamos, escoger la opción Página.
4
Trabajamos a partir de la pestaña Normal del editor.
Escribimos el texto deseado. El programa dispone de herramientas, al igual que en

un procesador de texto.
 La tecla ENTER  baja 2 líneas; para bajar solamente una línea, pulsa la tecla
CAMBIO  y, manteniéndola pulsada, pulsa ENTER.
Una vez terminado, hay que guardar el archivo en la carpeta que deseamos,
pulsando el icono , o bien a través del menú Archivo/Guardar como.
Los nombres de archivo y carpetas no pueden contener espacios en blanco; tampoco

es conveniente utilizar mayúsculas, la letra Ñ, etc.
SUGERENCIA
Comprobar siempre lo que hemos creado, visualizándolo en el navegador, con el icono
.
A menudo lo que se ve no es idéntico a lo que observamos en el editor, es aconsejable
hacer siempre esta prueba.
SUGERENCIA
Observando la pastilla 'HTML' del FrontPage y veremos el código de programación que
hemos construido con el editor.
El color
Una de las propiedades de las páginas es el fondo.
 Escogemos el color que deseamos a partir de la pastilla Fondo del cuadro de

diálogo Propiedades de página.
 Activamos la opción a partir del menú Archivo/Propiedades.
5
Selecciona el color de Fondo  Aceptar
SUGERENCIA
Si usamos los menús contextuales podremos agilizar todos los procesos de creación.
Los menús contextuales son aquellos que aparecen cuando activamos el botón de la
derecha del ratón.
– Si lo hacemos en la página aparecen las propiedades de la página.
– Si lo activamos encima de una imagen nos aparecen sus propiedades.
– Si lo hacemos encima de una tabla aparecerán las opciones más importantes de
las mismas.
El título de la barra de título del navegador
Dentro de la pastilla General de las Propiedades de página podemos escoger qué

Título queremos que aparezca en los navegadores cuando nos muestren una página.
Este es un elemento que indica rigor en la creación. Su uso es muy simple y

recomendable.
6
Caso Práctico
Mi primer sitio Web
 Crea el sitio WEB:

a) Inicio  Mi PC  Ikasleak  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  Crear nueva carpeta (margen izquierdo)  Escribe Web1
b) Doble clic en la carpeta Web1  Crear nueva carpeta (margen izquierdo) 
Escribe img
 Entra en el programa FrontPage:
a) Inicio  Programas Microsoft FrontPage
 Escribe el título en mayúsculas, tamaño 4, negrita y centrado:
a) Escribe MI PRIMERA PÁGINA WEB
B) Selecciona el título (coloca el puntero del ratón a la izquierda del título y haz
clic)
c) Clic Formato  Fuente  En Estilo de fuente selecciona Negrita En
Tamaño selecciona 4 (14 pto)  Aceptar
d) Clic en para centrar.

 Escribe el resto del texto:
Pulsa 2 veces la tecla ENTER   clic en (Alinear a la izquierda)  pulsa 5

veces la tecla TABULADOR
Escribe:
Me llamo .....................................................................
Vivo en .......................................................................
Trabajo en el CEP Mendia LHI
Doy clase al ........ curso de Educación Primaria
Mis pasatiempos favoritos son ....................................... y ......................................
 Guarda el sitio Web:
a) Clic en Archivo  Guardar  Clic en la punta de flecha de Guardar en 

Clic en IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  Doble clic en Web1  En Nombre de archivo escribe index.htm
 Guardar
 Visualiza el sitio Web:
a) Clic en (vista previa en el Explorador)
 Pon color de fondo:
7
a) Clic en Archivo  Propiedades  Fondo Clic en la punta de flecha de
Fondo  Clic en color amarillo  Aceptar
 Escribe el título de la barra de título del navegador:
a) Clic en General  En Título escribe Mi primera página Web  Aceptar
 Visualiza los cambios
a) Clic en (Guardar)  Clic en (vista previa en el Explorador)
Fondo de imagen
 La imagen de fondo sustituye al color de fondo

 Escogemos la imagen que actuará multiplicándose por toda la pantalla
automáticamente. Una imagen de fondo se comporta precisamente así.
 Activamos las Propiedades de página,
 Marcamos la opción Imagen de fondo
 Con la opción Examinar localizamos la imagen deseada, que hemos guardado
con anterioridad en la carpeta que hemos destinado a las imágenes.
Tablas
El uso de tablas nos ayudará mucho en la creación de nuestras páginas.
 Las creamos a través del menú Tabla.

 bien a partir del icono .
Las Tablas y las Celdas tienen sus propias Propiedades. Usando los menús
contextuales podremos ir modificando las características de las mismas. Podemos
conseguir los mismos efectos a partir del menú Tabla/Propiedades.
Tablas sin bordes:

a) Selecciona la tabla
b) Tabla  Propiedades  Tabla
8
c) Bordes  Tamaño: 0
SUGERENCIA
Las tablas son un recurso muy utilizado, sobretodo las tablas dentro de otras tablas o
celdas, así se consiguen diseños bien organizados.
Insertar Imágenes
Para introducir nuestras imágenes en nuestras páginas lo podemos hacer a partir del
menú Insertar/Imagen/Desde archivo.
Previamente, debemos tener en la carpeta deseada las imágenes que vamos a utilizar.
Caso Práctico
Mi segundo sitio Web

a) Inicio  Mi PC  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº
de tu ordenador  Crear nueva carpeta (margen izquierdo)  Escribe WEB3
b) Doble clic en la carpeta WEB3  Crear nueva carpeta (margen izquierdo) 
Escribe img
 Copia las imágenes en la carpeta img deWEB3
a) Inicio  Mi PC  IKASLEAK  FrontPage  WEB3  img
b) Clic en Edición  Seleccionar todo
c) Copiar los elementos seleccionados (está en el margen izquierdo) 
IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu ordenador 
WEB3  img  Copiar
 Cierra el sitio web anterior:
a) Clic en Archivo  Cerrar
 Para iniciar nuestra propuesta, habrá que crear una página nueva pulsando el icono
9
 Escribe el Título en mayúsculas, tamaño 4, negrita y centrado:
a) Escribe ANIMALES MAMÍFEROS
B) Selecciona el título (coloca el puntero del ratón a la izquierda del título y haz
clic)
c) Clic Formato  Fuente  En Estilo de fuente selecciona Negrita En
Tamaño selecciona 4 (14 pto)  Aceptar
d) Clic en para centrar.

 Separa el título del resto:
a) Pulsa la tecla Enter  2 veces

 Inserta una tabla con dos celdas; la de la derecha más pequeña:
a) Clic en (Insertar tabla)  Coloca el cursor en la 1ª celda superior izquierda

(se pone azul)  Mueve el cursor hacia la derecha y selecciona la siguiente celda
 Haz clic
b) Coloca el cursor en la línea de separación de las 2 celdas; cuando aparezca una
flecha de dos puntas, mueve el cursor hacia la derecha.
 Escribe el resto del texto (tamaño 3, negrita:
a) En la primera celda escribe CABALLO
b) Pulsa dos veces la tecla TABULADOR

c) Escribe GATO
d) Pulsa dos veces la tecla TABULADOR

e) Escribe LEÓN
f) Pulsa dos veces la tecla TABULADOR

g) Escribe PERRO
h) Pulsa dos veces la tecla TABULADOR

i) Escribe TIGRE
j) Pulsa dos veces la tecla TABULADOR

k) Escribe VACA
 Inserta imágenes:
a) Coloca el cursor en la celda de la derecha de CABALLO
b) Clic en Insertar  Imagen  Desde archivo
10
c) Clic en la punta de flecha de Buscar en  IKASLEAK  IK014449AA 
FrontPage  Carpeta Nº de tu ordenador  WEB3  img  caballo  Aceptar
d) Para modificar las imágenes: Clic en la imagen  Coloca el puntero en una
esquina  Cuando aparezca una flecha de 2 puntas, mueve el cursos hacia fuera o
hacia dentro.
e) Inserta las imágenes del resto de mamíferos.
 Inserta imagen de fondo:
a) Clic derecho en un espacio en blanco de la página Web  Propiedades de la
página  Fondo
b) Selecciona Imagen de fondo  Examinar  Clic en la punta de flecha de
Buscar en  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  WEB3  img  imagen  Aceptar  Aceptar

ordenador  Doble clic en WEB3  En Nombre de archivo escribe
mamiferos.htm  Guardar
Presentación de la ayuda del programa FrontPage
En la actualidad, las ayudas de los programas son unos manuales excelentes. Un buen
ejemplo es la Ayuda del programa FrontPage.
SUGERENCIA
El uso de la ayuda del programa FrontPage es una de las mejores herramientas para
aprender a utilizar y rentabilizar las posibilidades del propio programa.
Cada vez que precisemos información podemos acudir a la Ayuda del programa.
A través del Contenido encontraremos indicaciones por temas.
A través del Asistente podremos efectuar una pregunta y buscar.
Con el Índice podemos localizar información a través de palabras clave.
11
Actividad 3. Mis primeras páginas enlazadas
 Uso de plantillas en la creación de páginas Web.

 Marcadores en una página.
 Enlaces a otras páginas propias.
 Enlaces a páginas externas.
 Enlaces de correo electrónico.
Uso de plantillas en la creación de páginas Web
El programa dispone de modelos de páginas ya elaboradas, las plantillas.

Cuando pedimos un nuevo archivo Web (Archivo  Nuevo), nos aparece la
posibilidad de crear una Página o un sitio Web.
Si escogemos Página disponemos de diversas plantillas que pueden sernos útiles.
12
13
Caso práctico
Crea tu tercer sitio Web utilizando una plantilla

 Crea un sitio Web:
a) En la carpeta IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu
ordenador crea la carpeta WEB4. Dentro de esta carpeta crea las siguientes
carpetas: img, cuento1-1, cuento1-2, cuento1-3, cuento1-4. Dentro de cada carpeta
cuento crea una carpeta img.
b) En las carpetas img de IKASLEAK / FrontPage / WEB4 están las imágenes
c) Copia las imágenes en las carpetas img de IKASLEAK / IK014449AA /
FrontPage / Carpeta Nº de tu ordenador / WEB4
- Inicio  Mi PC  IKASLEAK  FrontPage  WEB4  img
- Clic en Edición  Seleccionar todo
- Copiar los elementos seleccionados (está en el margen izquierdo) 
- Así copia el resto de imágenes que están en las carpetas img.
 Abre una página nueva:
Si hay una página Web abierta: Archivo  Cerrar
a) Archivo  Nuevo  Página
b) Escoge la plantilla Texto estrecho alineado a la derecha (es la penúltima
plantilla)  Aceptar
c) Aparece una página con una tabla de 3 filas y 3 columnas
d) La plantilla se puede mejorar; vas a añadir una fila al final de la tabla:
Selecciona la 1ª fila: Coloca el puntero del ratón a la izquierda de la 1º fila;
cuando aparezca una flecha, haz clic.
Clic en (Copiar)  Coloca el puntero del ratón al final (fuera) de la

tabla.
Clic en (pegar)  Borra el texto El encabezado va aquí.

e) En la 1ª fila donde pone El encabezado va aquí, escribe La juguetería de la
ciudad.
f) En la 2º celda de la 2º fila escribe CAPÍTULO 1
g) Borra la imagen:
– Clic sobre la imagen
– Pulsa tecla Supr
– Borra la frase Título de foto de fuegos artificiales
14
h) Selecciona el texto y bórralo:
– Clic al principio del texto
– Pulsa la tecla Cambio , y sin dejar de pulsar, coloca el puntero del ratón al
final del texto.
– Pulsa la tecla Supr
i) En la 2ª celda de la 3ª fila escribe el siguiente texto: Había una vez en el sur de
la Patagonia Argentina, en una ciudad lejana, en Río Grande, donde
siempre silba el viento, una juguetería llena de muñecos y otras cosas que a
los chicos les gusta para jugar.
El dueño era un señor viejecito y muy trabajador.
j) En la celda de la izquierda inserta una imagen a la altura del texto:
– Insertar  Imagen  Desde archivo
– Clic en la punta de flecha de Buscar en  IKASLEAK  IK014449AA
 FrontPage  Carpeta Nº de tu ordenador  WEB4  cuento1-1 
img  01-1.jpg  Aceptar
k) Al final del texto de la 2ª celda de la 3ª fila escribe más texto:
– Coloca el puntero al final del texto  Pulsa dos veces la tecla ENTER 
– Escribe el siguiente texto: Pasó que un día, los muñecos estaban tristes y
nadie los compraba porque la gente no tenía plata (dinero).
Entonces, los muñecos aburridos, una noche, empezaron a salir de sus
cajas y cobraron vida.
Apareció primero "Batman", con su traje negro y decidió irse en su
Batimóvil. Pero "Tom y Jerry", le dijeron que harían una fiesta.
Entonces, el "Chapulín Colorado" desperezándose se levantó y dijo:
-¡Aquí estoy, y no contaban con mi astucia!
l) En la celda de la izquierda debajo de la anteriormente insertada inserta una nueva
imagen a la altura del texto escrito con anterioridad:
m) Al final del texto de la 2ª celda de la 3ª fila escribe más texto:
– Escribe el siguiente texto: Sorprendido, vio que una caja se movía y
escuchó:
-¡Ayúdenme que no puedo salir!
Entonces "Tom", metió su uña y rompió la caja y "Pitufo" dio un salto
y salió.
Una caja muy grande tenía un barril y se sintió un ruido, ¡toc, toc, toc!
Entonces "Tom" abrió la caja y salió el "Chavo del 8" y "Pitufo" dijo:
-¡Llegaste tarde "Chavo"!
-¡Fue sin querer, queriendo! -contestó
n) En la celda de la izquierda debajo de la anteriormente insertada inserta una nueva
ñ) Al final del texto de la 2ª celda de la 3ª fila escribe más texto:
15
– Escribe el siguiente texto: Entonces todos juntos empezaron a organizar
la gran fiesta.
Pero se olvidaron de invitar a "Chucky", que muy enojado, había
quedado en una caja del sótano.
o) En la celda de la izquierda debajo de la anteriormente insertada inserta una nueva
 FrontPage  Carpeta Nº de tu ordenador  WEB4  cuento1-1  img
 01-4.jpg  Aceptar
p) Pon color de fondo:
– Clic en Archivo  Propiedades  Fondo Clic en la punta de flecha
de Fondo  Clic en color amarillo
q) Guarda la página Web:
– Clic en Archivo  Guardar  Clic en la punta de flecha de Guardar en
 Clic en IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  Doble clic en WEB4  cuento1-1  En Nombre de archivo
escribe jugueteria1.htm  Guardar
r) Visualiza el sitio Web:
– Clic en (vista previa en el Explorador)

 Crea la siguiente página Web:
a) Guardar la página Web con Guardar como:
– Clic Archivo  Guardar como
– Clic en la punta de flecha de Guardar en

– cuento1-2  En Nombre de archivo escribe jugueteria2.htm  Guardar
b) Donde pone Capítulo 1 escribe Capítulo 2:
c) Borra el texto y escribe los siguiente: Chucky al ver que se habían ido todos
los juguetes, se puso muy triste. Se sentó en uno de los escalones del sótano a
llorar, de pronto comenzó a escuchar ruiditos. Era un juguete roto que se
acercó y le dijo:
-No te preocupes, a mi también me pasa lo mismo, por estar roto y feo
siempre me dejan de lado.
Y muy tranquilos se sentaron a charlar.
Pasaron las horas y "Batman", que estaba en la fiesta se dio cuenta que
faltaban los juguetes y decidió ir a buscarlos. Cuando llegó, los buscó por
todos los lugares posibles y no los encontró.
16
-¿Dónde estarán? -salió al patio y los llamo:
-¡Chuckyyyyyyyyyyyy! ¡Arlequín! ¿Dónde están?
Separa los textos pulsando 2 veces la tecla ENTER .
d) En la celda de la derecha inserta las imágenes de la carpeta IKASLEAK /

IK014449AA / FrontPage / Carpeta Nº de tu ordenador / WEB4 / cuento1-2 /
img
e) Guarda la página Web.
a) Guardar como la página Web en . la carpeta IKASLEAK /
IK014449AA / FrontPage / Carpeta Nº de tu ordenador / WEB4 / cuento1-3.
Escribe el nombre jugueteria3.htm
b) Borra las imágenes y el texto
c) Escribe Capítulo 3. Escribe el siguiente texto: Pero nadie contestaba. Entonces
"Batman" llamó a los soldaditos de plomo para que lo ayuden a buscar a
"Chucky" y a "Arlequín" por el sótano. Durante la búsqueda, dos soldados
desaparecieron. "Batman" dijo:
-¡Dónde están?, ¡Algo raro está pasando aquí!, ¡Esto es extraño!
Él empezó a buscarlos y encontró a "Chucky", a "Arlequín" y a los
soldaditos haciendo un asado y jugando al truco.
d) Inserta una imagen en la celda de la izquierda (está en IKASLEAK /
Img)
a) Guardar como la página Web en . la carpeta IKASLEAK /
IK014449AA / FrontPage / Carpeta Nº de tu ordenador / WEB4 / cuento1-4.
Escribe el nombre jugueteria4.htm
b) Borra las imágenes y el texto
c) Escribe Capítulo 4. Escribe el siguiente texto: Entonces, "Batman" dijo:
-¡Vengan a la fiesta que estamos todos allí!
Cuando estaban juntos hablando en la fiesta, a los juguetes les entró pena
por haber abandonado la tienda y "Jerry" dijo:
-Yo creo que deberíamos volver a la tienda, el vendedor ¡Qué hará sin
nosotros?, No podrá vender y no tendrá dinero para vivir.
"Arlequín" dijo: -Yo opino lo mismo.
17
Para ese momento, el tendero, que se había olvidado algo, volvió al negocio
y vio que las cajas estaban abiertas.
Se echó a llorar pensando que le habían robado.
De pronto, aparecieron los juguetes en la puerta de la tienda y se acercaron

al viejito. "Arlequín" le dijo:
-¡No llores que estamos aquí"
-¡Han vuelto! -dijo asombrado al ver que los muñecos hablaban
-¡Ven con nosotros conviértete en muñeco para que juguemos!
Y el viejito dijo: -Pero... ¿Cómo lo haremos?
Y entonces aparecieron tres luces, una verde, una azul y otra roja. Eran tres
hadas y las tres a la vez dijeron:
-Te podemos convertir en muñeco pero tienes que desearlo con todas tus
fuerzas.
Y el viejito se concentró y lo deseó tanto que se convirtió en muñeco.
Se fueron todos a la juguetería, que era lo que querían desde el principio.
Las hadas eran tan buenas y amables que desparramaron estrellas azules,
verdes y rojas por toda la ciudad y con estas estrellitas mágicas todos
comenzaron a conseguir trabajo, dinero, felicidad y orden en la ciudad.
Entonces el viejito comenzó a vender de día y de noche, deseaba con todas
sus fuerzas para convertirse en muñeco y se iba a jugar con los niños a sus
casas .
d) Inserta las imágenes en la celda de la izquierda (están en IKASLEAK /
Img)
Marcadores en una página
Un marcador es el punto de recepción de un enlace en la propia página, sirve para

desplazarnos rápidamente en la página. Se usa para evitar el uso excesivo de las barras
de desplazamiento.
Cuando creamos un marcador (Insertar/Marcador) nos aparece una marca como la

de la imagen siguiente.
18
Indicar a continuación el punto de partida hacia él, será el enlace.
Antes de indicar el enlace debemos seleccionar el texto, imagen u objeto, punto de

partida del enlace.
A partir del menú Insertar/Hipervínculo creamos los enlaces.
Para crear el enlace hacia el marcador, ver la última imagen de esta unidad, (nº 6);
/Marcador
Enlaces a otras páginas propias
Un enlace interno entre las páginas del mismo sitio Web que estamos realizando es una
de las opciones imprescindibles a realizar.
Antes de indicar el enlace interno debemos seleccionar el texto, imagen u objeto,

punto de partida del enlace.
A partir del menú Insertar/Hipervínculo creamos los enlaces.
Para crear este enlace hacia otra página propia ver la última imagen de esta unidad, (
nº 3). Clic en y busca el archivo .htm de la otra página.
19
Enlaces a páginas externas
Una de las posibilidades que nos ofrece la red es el hecho de poder saltar de una página
nuestra a cualquier página de la red, sólo hay que indicar el punto de partida nuestro
(texto, imagen, objeto,...) y hacer que actúe como un hipervínculo hacia una dirección
URL, es decir, cualquier dirección de página Web existente. Su funcionamiento
correcto sólo será posible si estamos conectados.

Para crear este enlace hacia otra página externa ver la última imagen de esta unidad,
(nº 2). Si conoces la dirección de la página Web en Dirección URL escríbela; si no la
conoces, haz clic en y búscala.
SUGERENCIA
El uso de enlaces es uno de los criterios de calidad en la realización de páginas Web.
Enlaces de correo electrónico
Este tipo de enlaces nos permiten abrir directamente el gestor de correo y colocar
automáticamente la dirección de correo electrónico deseada.

Para crear este enlace de correo electrónico ver la última imagen de esta unidad, (nº
4). Clic en  Escribe la dirección de correo electrónico  Aceptar
20
Puedes encontrar tutoriales sobre el programa en:
Nombre Dirección
Guía FrontPage http://platea.pntic.mec.es/~abercian/guiafrontpage/index.html
FAQ FrontPage http://cpi.nora.es/soporte/faq/index.cfm?Id=20
Curso FrontPage 2002 http://www.aulaclic.org/frontpage2002/f_frontpage2002.htm
SUGERENCIA
No olvides hacer uso de la Ayuda del propio programa.
Caso práctico
Al Segundo sitio Web vas a añadir Marcadores y Enlaces
Se supone que el sitio Web (WEB3) tiene 2 páginas; lo has hecho en el ejercicio 10.
 Si nos has cerrado la página anterior, ciérrala ahora: Archivo  Cerrar
 Abre la primera página del sitio Web:
a) Archivo  Abrir; también clic en
b) Clic en la punta de flecha de Buscar en  IKASLEAK  IK014449AA 

FrontPage  Carpeta Nº de tu ordenador  WEB3  mamiferos.htm 
Aceptar
 Inserta marcadores:
21
a) Coloca el puntero del ratón al principio de la página Web (a la izquierda del
título).
b) Clic en Insertar  Marcador  En Nombre de marcador escribe inicio 
Aceptar
c) Coloca el puntero del ratón al final de la página Web.
d) Clic en Insertar  Marcador  En Nombre de marcador escribe final 
Aceptar
 Crea los enlaces dentro de la misma página:
a) Inserta una imagen en la parte superior izquierda de la página Web:
- Coloca el puntero en la parte superior izquierda de la página Web.
- Clic en Insertar  Imagen  Desde archivo  Clic en la punta de flecha
de Buscar en  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de
tu ordenador  WEB3  img  flecha_abajo.gif
b) Crea el enlace:
- Clic en la imagen
- Clic en Insertar  Hipervínculo
- Clic en la punta de flecha de Marcador  Selecciona final  Aceptar

c) Inserta una imagen en la parte inferior izquierda de la página Web:
- Coloca el puntero en la parte inferior izquierda de la página Web.
tu ordenador  WEB3  img  flecha_arriba.gif
d) Crea el enlace:
- Clic en la imagen
- Clic en la punta de flecha de Marcador  Selecciona inicio  Aceptar

 Crea los enlaces a otras páginas del sitio Web:
a) Inserta una imagen en la parte superior derecha de la página Web:
- Coloca el puntero en la parte superior derecha de la página Web.
tu ordenador  WEB3  img  flecha_derecha.gif
b) Crea el enlace a otra página:
22
- Clic en la imagen
- Clic en Insertar  Hipervínculo  Clic en  Clic en la punta de flecha
de Buscar en  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº

de tu ordenador  WEB3  MAMIFEROS2  mamiferos2.htm  Aceptar
 Guarda la página Web:
a) Clic en
 Abre la segunda página del sitio Web:
a) Archivo  Abrir; también clic en
b) Clic en la punta de flecha de Buscar en  IKASLEAK  IK014449AA 

FrontPage  Carpeta Nº de tu ordenador  WEB3  MAMIFEROS2
mamiferos2.htm  Aceptar
 Inserta marcadores:
a) Coloca el puntero del ratón al principio de la página Web (a la izquierda del
título).
b) Clic en Insertar  Marcador  En Nombre de marcador escribe inicio 
Aceptar
c) Coloca el puntero del ratón al final de la página Web.
d) Clic en Insertar  Marcador  En Nombre de marcador escribe final 
Aceptar
 Crea los enlaces dentro de la misma página:
a) Inserta una imagen en la parte superior izquierda de la página Web:
- Coloca el puntero en la parte superior izquierda de la página Web.
tu ordenador  WEB3  MAMIFEROS2 img  flecha_abajo.gif
b) Crea el enlace:
- Clic en la imagen
- Clic en la punta de flecha de Marcador  Selecciona final  Aceptar
23
c) Inserta una imagen en la parte inferior izquierda de la página Web:
- Coloca el puntero en la parte inferior izquierda de la página Web.
tu ordenador  WEB3  MAMIFEROS2 img  flecha_arriba.gif
d) Crea el enlace:
- Clic en la imagen
- Clic en la punta de flecha de Marcador  Selecciona inicio  Aceptar

 Crea los enlaces a otras páginas del sitio Web:
a) Inserta una imagen en la parte superior derecha de la página Web:
- Coloca el puntero en la parte superior derecha de la página Web.
tu ordenador  WEB3  MAMIFEROS2img  flecha_derecha.gif
b) Crea el enlace a otra página:
- Clic en la imagen
- Clic en Insertar  Hipervínculo  Clic en  Clic en la punta de flecha

de tu ordenador  WEB3  mamiferos.htm  Aceptar
 Crea enlaces a páginas externas (Internet)

El enlace puede ser un texto o una imagen; en este caso lo hacemos desde un texto.
a) Coloca el puntero debajo de la flecha_abajo  clic en para centrar

b) Escribe MÁS INFORMACIÓN (tamaño 4, negrita, color azul, color de resalte
azul claro).
c) Selecciona el texto  Insertar  Hipervínculo  En Dirección URL escribe
http://faunaiberica.org/  Aceptar
 Crea enlace a Correo Electrónico:
El enlace puede ser un texto o una imagen; en este caso lo hacemos desde una
imagen.
24
a) Coloca el puntero debajo de la flecha_arriba  Clic en para centrar  Clic
en Insertar  Imagen  Desde archivo  Clic en la punta de flecha de

ordenador  WEB3  MAMIFEROS2img  sobre.gif  Aceptar
b) Clic en la imagen  Insertar  Hipervínculo  Clic en  En Dirección

de correo electrónico escribe cepmendia@euskalnet.net  Aceptar  Aceptar
 Guarda la página web
a) Clic en
 Visualiza la página Web

b) Comprueba los enlaces (dentro de la página, a la otra página, a páginas externas,
al correo electrónico).
25
Elaboración páginas web (2)
Actividad 1. Páginas web con marcos
 Las páginas con marcos.
Las páginas con marcos
Las páginas con marcos son una de las opciones bastante utilizadas en la elaboración
de webs. Como veremos en el siguiente ejemplo, ayudan a distribuir y a organizar la
información en la pantalla. Los marcos son, visualmente, partes de la pantalla. Pero en
realidad, cada uno de ellos es una página web integrada en el conjunto.
En este ejemplo podemos ver una sola página web con dos elementos diferenciados por
los marcos de color rojo, cada uno con una barra de desplazamiento independiente. Para
que esta página aparezca en nuestro navegador la habremos llamado desde
http://www.gerardfarres.net/cst/xindex3.htm . El fichero xindex3.htm contiene
"escondidas" en realidad las páginas xesq.htm (marco 1) y xdreta.htm (marco2).
Vamos ahora a trabajar con FrontPage y a crear nuestros propios marcos.
Así pues, los marcos precisan de un archivo 'htm' o 'html' que los una y los relacione
entre sí, este archivo no contiene más que la programación de unión de todos los
marcos. Por lo tanto, en el caso del ejemplo, si tenemos una página con dos marcos
26
nosotros en realidad disponemos de tres archivos. El FrontPage nos indicará cómo
crearlos.
Vemos claramente las divisiones posibles de los marcos. Incidiremos en el hecho que
cada marco es en realidad una página web, cuyo aspecto podemos modificar como
queramos, con un nombre determinado y que quedará integrada en el fichero final (que
es otra página con los parámetros finales).
Así, una vez que iniciemos el asistente (en la imagen siguiente), hemos elegido una
página que contenga tres marcos: uno superior y dos verticales:
27
En esta imagen, vemos claramente como una página única (llamémosla "index.htm")
contiene en realidad tres "subpáginas" htm, y el programa nos permite dos opciones con
cada una de ellas: "establecer página inicial" o bien "nueva página".
El objetivo de esta actividad no es otro que el de entender los mecanismos que están
detrás de las páginas con marcos.
SUGERENCIA
Definir la página que une a todos los marcos como la página inicial de nuestro Web.
El programa nos pedirá que la guardemos cuando hayamos ya definido qué página es la
inicial de cada marco.
Recordad:
'index.htm'
Caso Práctico
Crea un sitio Web con marcos

 Crea las carpetas del sitio Web:
a) Crea la carpeta WEB5 en IKASLEAK / IK014449AA / FrontPage / Carpeta Nº
de tu ordenador:
– Inicio  Mi PC  IKASLEAK  IK014449AA  FrontPage  Carpeta
Nº de tu ordenador
– Crear carpeta  Escribe WEB5
b) Copia en la carpeta WEB5 el contenido de la carpeta WEB2
Nº de tu ordenador  WEB2
– Edición  Seleccionar todo  Copiar los elementos seleccionados (está
en el margen izquierdo)  IKASLEAK  IK014449AA  FrontPage 
Carpeta Nº de tu ordenador  WEB5  Copiar
 Abre una página con marcos:
a) Archivo  Nuevo  Página  Páginas de marcos  Titular y contenido
(última página)
b) La página tiene 3 marcos (1 horizontal y 2 verticales) L
28
 Empieza a crear la página:
a) Clic en Nueva página del marco horizontal
b) Escribe CUENTOS DEL CEP MENDIA LHI (tamaño 4, negrita, centrado,
color azul.
c) Color de fondo rosa:
– Clic derecho en espacio en blanco  Propiedades de página  Fondo 
Fondo  color rosa
d) Clic en Nueva página del marco vertical de la izquierda.
e) Escribe La niña que contaba cuentos a su muñeca
Las letras mágicas
Lucía
f) Color de fondo azul claro:
- Clic derecho en espacio en blanco  Propiedades de página  Fondo 
Fondo  color azul claro
 Crea enlaces a otras páginas

a) Selecciona . La niña que contaba cuentos a su muñeca
b) Insertar  Hipervínculo  Clic en  Clic en la punta de flecha de
ordenador  WEB5  cuentos1-1  la_niña1.htm Aceptar
c) Selecciona . Las letras mágicas
d) Insertar  Hipervínculo  Clic en  Clic en la punta de flecha de
ordenador  WEB5  cuentos2-1  las_letras_magicas1.htm Aceptar
f) Insertar  Hipervínculo  Clic en  Clic en la punta de flecha de

ordenador  WEB5  cuentos3-1  lucia1.htm Aceptar
 Crea el tercer marco
a) Clic en Nueva página del marco vertical de la derecha
b) Escribe
 Aquí podrás leer los cuentos del alumnado del CEP Mendia LHI.
 Han sido escritos, en su mayoría, en 3º y 4º curso de Educación
Primaria.
 De momento solamente se publican los cuentos escritos en español.
 Haz clic en los títulos del margen de la izquierda para leer los cuentos.
 Color de fondo amarillo claro:
a) Clic derecho en espacio en blanco  Propiedades de página  Fondo 
Fondo  color amarillo claro
 Guarda la página
a) Archivo  Guardar
b) Nombre de marco horizontal: titulo.htm.
c) Nombre de marco vertical de la izquierda: menu.htm.
d) Nombre de marco vertical de la derecha: presentacion.htm.
e) Nombre de la página: cuentos3.htm. Se guarda en la carpeta WEB5
d) Cierra la página Web: Archivo  Cerrar
29
 Crea los enlaces de la última página de los cuentos con el marco presentación.htm
a) Abre el archivo la_niña4.htm:
– Archivo  Abrir  Clic en la punta de flecha de Buscar en 
IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  WEB5  cuento1-4img  la_niña4.htm  Abrir
b) Crea un enlace con el marco presentación.htm:
– Clic en la flecha a la derecha que está en la parte inferior derecha de la
página
– Insertar  Hipervínculo  Clic en  Clic en la punta de flecha
de tu ordenador  WEB5  index  presentacion.htm Aceptar
c) Guarda la página: Archivo  Guardar
d) Abre el archivo las_letras_magicas5.htm:
ordenador  WEB5  cuento2-5img  las_letras_magicas5.htm 
Abrir
e) Crea un enlace con el marco presentacion.htm:
página
f) Guarda la página: Archivo  Guardar
g) Abre el archivo lucia4.htm:
ordenador  WEB5  cuento3-4img  lucia4.htm
Abrir
h) Crea un enlace con el marco presentacion.htm:
página
i) Guarda la página: Archivo  Guardar
j) Cierra el programa FrontPage: Archivo  Salir
 Visualiza el sitio Web y comprueba que todos los enlaces funcionan

a) Abre el archivo cuentos3.htm:
Nº de tu ordenador  WEB5  Doble clic en cuentos3.htm
30
Actividad 2. Copiar código HTML
 Escenarios de trabajo: la pastilla 'Normal' y la pastilla 'HTML'.

 Cómo copiar código HTML e insertarlo en una página Web.
Escenarios de trabajo: la pastilla 'Normal' y la pastilla 'HTML'
 El escenario de trabajo de la pastilla 'Normal' es el más parecido a un procesador

de texto.
 El escenario de trabajo de la pastilla 'HTML' es el que presenta el código del

lenguaje de las páginas Web.
 El lenguaje HTML consta de una serie de órdenes, que indican al visor que
estemos utilizando, la forma de representar los elementos (texto, gráficos, etc...)
que contenga el documento. Éstas órdenes reciben el nombre de 'marcas'.
 Las marcas de HTML pueden ser de dos tipos, cerradas o abiertas.

– Las marcas cerradas son aquellas que tienen una palabra clave que indica
el principio y otra que indica el final.
– Entre la marca inicial y la final se pueden encontrar otras marcas.
– Las marcas abiertas constan de una sola palabra clave.
– Para diferenciar las directivas del resto del texto del documento se
encierran entre los símbolos < y >.
– Las directivas cerradas incluyen el carácter / antes de la palabra clave
para indicar el final de la misma.
– Una marca puede contener "parámetros". Estos parámetros se indican a
continuación de la palabra clave de la directiva.
Marca cerrada
<CENTER> Hola </CENTER>
31
Marca abierta
<BR>
Marca con parámetros

<BODY bgcolor="#FFFFFF"> </BODY>
RECUERDA
Todo lo que hagamos en la pastilla 'Normal' se refleja automáticamente en la pastilla
'HTML' y a la inversa sucede, exactamente, lo mismo.
Cómo copiar código HTML e insertarlo en una página Web
No es imprescindible hacer uso de la pastilla 'HTML', pero si queremos determinados

efectos, o bien copiar una parte del código de algunas acciones sí es útil su utilización.
En dicha opción, vemos la programación en lenguaje HTML del archivo que estamos
creando.
No tiene ninguna dificultad, ya que para copiar código sólo hay que seleccionar /
copiar / pegar como si fuera un simple procesador de texto.
Existe la posibilidad de insertar un 'buscador' en una página Web. Es muy simple, sólo
se debe copiar el código que ofrecen diversos servidores de Internet o plataformas de
comunicación.
En la práctica que te proponemos tendrás que hacer una prueba con uno en concreto.
Para ver el código HTML disponemos de las opciones siguientes:
Si se usa Netscape : menú Ver / Origen de la página.
Si se utiliza Explorer: menú Ver / Código de fuente.
En ambos casos se puede copiar la parte del código que sea de nuestro interés.
Se trata de insertar un buscador educativo dentro de una página Web.
 Sólo debemos conectarnos a: http://educaweb.com

 Sección 'Educaweb en tu Web', al final de la página. Dentro de los 'servicios
para webmasters', escogemos 'Buscadores para incorporar en páginas web'.
32
 Seleccionamos la que nos interese y copiamos su código. Vamos al FrontPage y
dentro de la pastilla 'HTML' lo pegamos..
 Sobre tenemos que comprobar que sea en la pastilla adecuada ya que si lo

hacemos en la pastilla 'Normal' sólo copiamos texto y no código.
Es un servicio gratuito
Mostramos aquí uno de los lugares que nos ofrece este servicio
Búsqueda:
SUGERENCIA
Aprender a copiar código te abrirá nuevos caminos hacia aplicaciones profesionales,
como Java, JavaScript, etc.
Actividad 3. Iniciación a elementos avanzados del FrontPage
 Iniciación a elementos avanzados de FrontPage.

– Marquesinas.
– HTML dinámico.
– Botones.
Iniciación a elementos avanzados de FrontPage
Es frecuente que las páginas web contengan algunos elementos que mejoran su aspecto
y ofrecen una mejor organización de la información. El Programa FrontPage dispone de
muchas de estas utilidades.
Marquesinas
33
En el menú Insertar / componente / marquesina, podremos realizar acciones como la
siguiente:
En Texto escribe, por ejemplo, Esto es una marquesina

Se puede cambiar la dirección (izquierda / derecha), comportamiento (desplazar /
deslizar / alternar) el color de fondo.
Estas acciones sólo son visibles con el navegador Internet Explorer y no con el
Netscape Communicator.
Muchos de los elementos avanzados son características que van unidas al
desarrollo de programas de una determinada empresa.
Otra de las opciones que ofrece es la de crear botones que cambian de color al
pasar por encima.
Efectos de HTML dinámico

Con esta opción se puede conseguir, por ejemplo, cambiar el color del texto al pasar el
ratón por encima. Es una buena utilidad para los menús de las páginas con marcos.
Desarrollamos aquí una propuesta en este sentido:
Acción 1
 Seleccionamos el texto al que le aplicaremos el efecto y elegimos el menú
Formato  Opción Efectos de HTML dinámico
34
Acción 2
 Elegir evento (pasar el mouse)
Acción 3
 En Aplicar ,elegir un efecto (formato)
Acción 4
 En Elegir configuración seleccionar elegir la fuente (negrita cursiva) con la

que hay que ir intercambiándose
PASA CON EL RATÓN POR ENCIMA Y COMPRUEBA EL EFECTO
Botón activable
Después de colocar el cursor en el lugar deseado, clic en menú Insertar, opción
Componente, subopción Botón activable
SUGERENCIA
35
Recordad que estos efectos, así como otros, sólo serán visibles con el programa
Explorer por su compatibilidad con FrontPage.
36
Caso práctico
Crear un sitio Web con elementos avanzados del FrontPage
 Crea las carpetas del sitio Web (WEB7):

a) Inicio  Mi PC  IKASLEAK  IK014449AA  FrontPage  Carpeta
Nº de tu ordenador
b) Clic en espacio en blanco  Crear carpeta (está en el margen izquierdo) 
Escribe WEB7
c) Doble clic en WEB6  Crear carpeta  Escribe img
d) Crear carpeta  Escribe ipuin1
e) Crear carpeta  Escribe ipuin2
f) Crear carpeta  Escribe ipuin3
g) Crear carpeta  Escribe ipuin4
h) En cada carpeta ipuin crea la carpeta img
 Copia las imágenes en las carpetas img:
a) Las imágenes están en las carpetas img de IKASLEAK  FrontPage  WEB7
b) Inicio  Mi PC  IKASLEAK  FrontPage  WEB7  img
c) Edición  Seleccionar todo  Copiar los elementos seleccionados (está en
el margen izquierdo)  IKASLEAK  IK014449AA  FrontPage  Carpeta
Nº de tu ordenador  WEB7  img  Copiar
Clic en
d) ipuin1  img
e) Edición  Seleccionar todo  Copiar los elementos seleccionados (está en
Nº de tu ordenador  WEB7  ipuin1  img  Copiar
Clic en
f) ipuin2  img
g) Edición  Seleccionar todo  Copiar los elementos seleccionados (está en
Clic en
h) ipuin3  img
i) Edición  Seleccionar todo  Copiar los elementos seleccionados (está en
Clic en
j) ipuin4  img
k) Edición  Seleccionar todo  Copiar los elementos seleccionados (está en
 Entra en el programa FrontPage:
 Empieza a crear la página Web:
a) Escribe el título (tamaño 7, color verde, centrado, negrita): IPUINAK
 Crea un efecto de HTML dinámico
37
a) Selecciona el título  Formato  Efectos de HTML dinámico
b) En Elegir un evento selecciona Pasar el mouse
c) En Aplicar elige Formato
d) En Elegir configuración selecciona Elegir fuente
e) En Estilo de fuente selecciona Cursiva  En Efectos selecciona Subrayado
 Aceptar
 Crea un botón activable:
a) Pulsa 2 veces la tecla ENTER   coloca el cursor a la izquierda haciendo clic
en (alinear a la izquierda)
b) Insertar  Componente  Botón activable
c) En Texto de botón escribe Eneko eta motoa  Fuente  En Fuente
selecciona MS Sans Serif  En Estilo de fuente: Negrita  En Tamaño: 8 
En Color: Rojo  Aceptar
d) En Color de botón: Automático  En Color de fondo: Automático  En
Efecto: Colorear  En Color de efecto: Azul claro  En Ancho: 160  En
Alto: 24  Aceptar
 Crea otro botón activable:
a) Pulsa la tecla ENTER
c) En Texto de botón escribe Gaizki zegoen semaforo  Fuente  En Fuente
c) En Texto de botón escribe Igel bat monopatinean  Fuente  En Fuente
c) En Texto de botón escribe Iñaki eta Ana  Fuente  En Fuente selecciona
MS Sans Serif  En Estilo de fuente: Negrita  En Tamaño: 8  En Color:
Rojo  Aceptar
 Crea una marquesina:
a) Pulsa 2 veces la tecla ENTER 
b) Insertar  Componente  Marquesina
38
c) En Texto escribe CEP Mendia LHIren ipuinak  En Dirección: Izquierda 
En Comportamiento: Desplazar  En Alinear con el texto: Superior 
Aceptar
 Guarda la página:
a) Archivo  Guardar Clic en la punta de flecha de Guardar en  Clic en
Doble clic en WEB7 En Nombre de archivo escribe ipuinak.htm  Guardar
 Visualiza la página:
b) Pasa el cursor por el título y los títulos de los cuentos y observa los efectos.
 Crea una nueva página Web (Ayuda pág. 13):
a) Cierra la página anterior: Archivo  Cerrar
b) Texto:
 Título: ENEKO ETA MOTOA
 Resto de texto:
Bazen behin Eneko batek beti motoa bear zuela.
Eskatzen zuela. Egun batean bere urtebetezea zen. Orduan motoa erosi
zioten aitak eta amak. Egun hortan erori zen bere motoarekin. .
Horrela egin eta gero auxi zuen hezurra belaunekoa .

-arriskutsua dela da.
-ba hau ez da arriskutsua obe .
-Eneko faborez ez esan horrelakorik .Orain kastigatuta . etxetik
ateragabe merdikuak esan zuen ezin zarela atera . Eneko sendatu arte
ezin zen atera . Horrela bukazen da ipuina.
c) Imágenes: IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu ordenador
/ WEB7 / ipuin1 / img
d) Guarda la página Web
 Clic en Archivo  Guardar  Clic en la punta de flecha de
Guardar en  Clic en IKASLEAK  IK014449AA  FrontPage 
Carpeta Nº de tu ordenador  Doble clic en WEB7  ipuin1  En
Nombre de archivo escribe eneko.htm  Guardar
e) Visualiza el sitio Web:
 Clic en (vista previa en el Explorador)

b) Texto:
 Título: GAIZKI ZEGOEN SEMAFOROA
 Resto de texto:
Bazen behin Orkira kalean semaforo bat.Orain dela gutti arte ongi
zegoen,baina tximista batekin sumnormaldu zen.Semaforoa
sumnormaldu zenetik semaforoak dituen argiak gorriz piztu beharrean
arroxaz pizten zen,horiz piztu beharrean morez eta berdez piztu
beharrean urdinez.Orkira kalean,istripu aunditz izaten ziren semaforoaren
kulpaz.Eta egun batean, lainoa bazen eta batek bazekiela gorria beharrean
39
arroxa zel horregatik gelditu zen.Kotxe guziak kola handi batean zetozen
eta lehenengo kotxeak frenatu eta denak txukatu egin ziren,hura bai
istripu handia! Denak hil ziren, azkeneko kotxean zetozen 4 pertsona
ezik.Semaforo hori betiko kendu zuten eta Orkira kalean beste semaforo
berri bat paratu zuten
Nombre de archivo escribe semaforoa.htm  Guardar

b) Texto:
 Título: IGEL BAT MONOPATINEAN
 Resto de texto:
Bazen behin igel bat. Berari gustatzen zitzaion monopatinean ibiltzea.
Egun batean Propi, gure igela, joan zen monopatinean ibiltzera eta gizon
batek esan zion:
- «Oso ondo ibiltzen zara.
- «Eskerrik asko».
- «Ez horregatik. Nahi duzu bihar nirekin pista batera etorri?»
- «Bale, eta nora joan behar dut?»
- «Zuk ez kexkatu, ni bihar zure etxera joango naizela».
- «Bale, ba, bihar arte».
- «Agur».
Eta beste egun batean gizon hori bere etxera joan zen eta pista horretara
joan ziren .
Han bazegoen jende asko eta egunak pasa eta egunak etorri txapelketa
bat antolatu zuten.
Propi oso urduri zegoen baina bere entrenatzaileak animoak ematen

zizkion.
40
Baina gero esan zuten "bat, bi eta hiru" eta atera ziren. Propi oso ongi
zegoen.
Gero aurreratu zuen mutiko gaizto bat eta harri bat bota zion eta Propi
erori zen.
Ondoren sendatu zuten eta karreran segi zuen.
Gutxi falta zen meta ailegatzeko eta mutiko gaiztoa zegoen lehendabiziko
baina Propik aurreratu zuen eta Propik irabazi zuen.
Mutiko gaiztoa pikatu zen neska guztiek Propirekin ibili nahi zutelako.
Hala bazan edo ez bazan sar dadila kalabazan eta atera dadila Zubiri eta
Eugiko plazan.
Nombre de archivo escribe igel.htm  Guardar

b) Texto:
 Título: IÑAKI ETA ANA
 Resto de texto:
Iñaki izeneko mutil bat bizi zen baserri batean. Herrian Amaia izeneko
neska bat bazen. Iñakik ardiak zituen eta behiak. Amaiak berriz zakur bat
zuen eta Pintto du izena.
Eta pixkat gustatzen ziren eta Iñakik erran zion ea nahi zuen KokaKola
bat.
Eta erantzun zion ez zuela nahi, esker mila.
Amaiak erran zion ea nahi zuen izan bere mutila eta Iñakik erantzun zion
baietz. Arratsean Pierreseneko ostatura joan ziren afaltzera eta arras ongi
afaldu zuten.
Eta gero diskoteka batera joan ziren. Eta Iñakik neska bat ikusi zuen eta
erran zion ea nahi zuen eman musu bat eta eman zion eta Amaiak ikusi
zuen. Eta zarta bat ema zion Amaiak aurpegian.
41
Nombre de archivo escribe Iñaki.htm  Guardar

 Crea hipervínculos en la página inicio del sitio Web:
b) Abre el archivo index.htm
 Archivo  Abrir; también clic en
 Clic en la punta de flecha de Buscar en  IKASLEAK 
IK014449AA  FrontPage  Carpeta Nº de tu ordenador  WEB7 
index.htm  Aceptar
c) Clic derecho en Eneko eta motoa  Propiedades de botón activable  Clic
en Examinar  Clic en  Clic en la punta de flecha de Buscar en 
WEB7  ipuin1  eneko.htm  Aceptar
d) Clic derecho en Gaizki zegoen semaforoa  Propiedades de botón activable
 Clic en Examinar  Clic en  Clic en la punta de flecha de Buscar
en  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  WEB7  ipuin2  semaforoa.htm  Aceptar
e) Clic derecho en Igel bat monopatinean  Propiedades de botón activable 
Clic en Examinar  Clic en  Clic en la punta de flecha de Buscar en
 IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu ordenador
 WEB7  ipuin3  igel.htm  Aceptar
f) Clic derecho en Iñaki eta Ana Propiedades de botón activable  Clic en
Examinar  Clic en  Clic en la punta de flecha de Buscar en 
WEB7  ipuin4  Iñaki.htm  Aceptar
g) Guarda la página Web:
 Clic en
h) Visualiza la pagina y comprueba los enlaces
 Crea enlaces de cada página a la página inicio (ipuinak.htm) (Ayuda pág. 23)
a) Las imágenes de flechas están en IKASLEAK  IK014449AA  FrontPage 
Carpeta Nº de tu ordenador  WEB7  img
b) Guarda cada página.
 Abre la página inicio y comprueba los enlaces a las otras páginas.
42
Galerías de fotos
Cuando hay que presentar una serie de fotos relativas a una actividad, es muy
conveniente mostrar la miniatura de las fotos para tener la posibilidad de elegir las que
queremos ver.
 Se abre una plantilla modelo.
 Sobre la plantilla (tabla) se escribe el título de la actividad.

 Se insertan fotos en miniatura en la 1ª fila.
 La 2ª fila se deja vacía.
 Se insertan fotos en miniatura en la 3ª fila.
 Después de pulsar la tecla ENTRE  se escribe una explicación, por ejemplo;

Argazkiak ikusteko sakatu gainean.
 Se crean hipervínculos de las fotos en miniatura con las fotos grandes
correspondientes
a) Clic en la foto
b) Insertar  Hipervínculo  Clic en y busca el archivo .jpg de la foto
correspondiente.
Caso práctico
43
Crea un sitio Web para mostrar las actividades complementarias utilizando galería de
fotos.
 Crea las carpetas del sitio Web:

a) Inicio  Mi Pc  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº
de tu ordenador  Crear nueva carpeta (margen izquierdo)  Escribe WEB9
b) Doble clic en la carpeta WEB9  Crear nueva carpeta (margen izquierdo) 
Escribe img
c) Crear nueva carpeta (margen izquierdo)  Escribe agatedeuna.
d) Doble clic en la carpeta agatedeuna  Crear nueva carpeta (margen
izquierdo)  Escribe img
 Copia las imágenes en las carpetas img de WEB9
a) Inicio  Mi PC  IKASLEAK  FrontPage  WEB9  img
b) Clic en Edición  Seleccionar todo
c) Copiar los elementos seleccionados (está en el margen izquierdo) 
d) Clic en  doble clic en carpeta agatedeuna  Clic en Edición 

Seleccionar todo  Copiar los elementos seleccionados (está en el margen
izquierdo)  IKASLEAK  IK014449AA  FrontPage  Carpeta Nº de tu
ordenador  WEB9  agatedeuna  img  Copiar
 Abre una plantilla modelo:

 Si no la has cerrado, cierra la página Web anterior.
– Archivo  Cerrar
IKASLEAK  FrontPage  WEB9  modelo_galeria.htm 
Aceptar
 Sobre la plantilla (tabla) escribe el título de la actividad:
a) Coloca el puntero en la primera línea.
b) Escribe AGATE DEUNA (color verde, centrado, tamaño 4).
 Inserta fotos en miniatura en la 1ª fila:
a) Coloca el puntero en la 1ª celda de la 1ª fila.
b) Insertar  Imagen  De archivo  Clic en la punta de flecha
tu ordenador  WEB9  agatedeuna img  1a.jpg
44
c) Coloca el puntero en la 3ª celda de la 1ª fila (la 2º celda se deja vacía para separar
fotos).
d) Insertar  Imagen  De archivo  Clic en la punta de flecha
e) Coloca el puntero en la 5ª celda de la 1ª fila (la 4º celda se deja vacia para separar
fotos).
f) Insertar  Imagen  De archivo  Clic en la punta de flecha
 Deja vacía la 2ª fila.

 Inserta fotos en miniatura en la 3ª fila.
a) Inserta las fotos 4a.jpg , 5a.jpg y 6a.jpg
 Después de pulsar la tecla ENTER  escribe Argazkiak ikusteko sakatu gainean

(centrado, tamaño 2, fuente Comic Sans MS).
 Crea hipervínculos de las fotos en miniatura con las fotos grandes
Correspondientes
a) Clic en la 1ª foto
b) Insertar  Hipervínculo  Clic en  IKASLEAK  IK014449AA
 FrontPage  WEB9  agatedeuna  img  1.jpg  Aceptar
c) Clic en la 2ª foto
d) Insertar  Hipervínculo  Clic en  IKASLEAK  IK014449AA
 FrontPage  WEB9  agatedeuna  img  2.jpg  Aceptar
e) Así hasta la 6ª foto.

ordenador  WEB9  En Nombre de archivo escribe agatedeuna.htm 
Guardar
b) Comprueba los enlaces.
45
EJERCICIOS
1.- ¿Qué es FrontPage y para qué sirve? (Ayuda pág. 1)

2.- ¿FrontPage 2000 de qué paquete de aplicaciones forma parte? (Ayuda pág. 1)
3.- ¿Qué características comparte con las otras aplicaciones? (Ayuda pág. 1)
4.- ¿Qué hay que hacer antes de emprender la tarea de creación de un sitio Web? (Ayuda
pág. 2)
5.- Dibuja las carpetas (pon sus nombres) de un sitio Web de 2 temas. (Ayuda pág. 2)
6.- Realiza el caso práctico de la página 7.
Abre el archivo index.htm de la carpeta IKASLEAK / FrontPage / WEB1 para
compararlo con el que has hecho.
7.- Realiza otro sitio Web (Ayuda pág. 7):
Nombre de la carpeta principal: WEB2
Crea las carpetas en IKASLEAK / IK014449AA / Carpeta Nº de tu ordenador
Texto:
Título (tamaño 7, color azul, centrado): CUENTOS
Resto del texto (tamaño 5, color verde) (es un menú con tres títulos de cuentos):
La niña que contaba cuentos a su muñeca
Las letras mágicas
Lucía
Nombre del archivo: cuentos.htm
8.- Abre el archivo index.htm de la carpeta IKASLEAK / FrontPage / WEB2
para compararlo con el que has hecho.
9.- Realiza el caso práctico de la página 9, 10 y 11.
Abre el archivo mamiferos.htm de la carpeta IKASLEAK / FrontPage / WEB3 para
compararlo con el que has hecho.
10.- Amplia el sitio Web que acabas de realizar:
Tienes que añadir una carpeta (mamiferos2) y dentro de ésta otra (img)
Texto:
Título (tamaño 6, negrita, color azul, color de resalte amarillo, centrado):
MAMÍFEROS (II)
Resto del texto (tamaño 4, negrita, color verde, color de resalte amarillo):
BURRO
ELEFANTE
TORO
LOBO
ZORRO
OSO
Imágenes: IKASLEAK / FrontPage / WEB3 / / mamiferos2 / img
Cópialas en la carpeta IKASLEAK /IK014449AA / FrontPage /
Carpeta nº de tu ordenador / WEB3 / mamiferos2 / img
Imagen de fondo: IKASLEAK / FrontPage / WEB3 / img / imagen.jpg
Cópiala en la carpeta IKASLEAK /IK014449AA / FrontPage /
Carpeta nº de tu ordenador / WEB3 / mamiferos2 / img
Nombre del archivo: mamiferos2.htm
46
Cuando hayas acabado guarda esta segunda página.
11.- Realiza el caso práctico de las páginas 20 a 24
12.- Añade a la página Web mamiferos.htm (IKASLEAK  IK014449AA 

FrontPage  Carpeta Nº de tu ordenador  WEB3) un enlace a páginas externas
(Internet) y otro enlace a una dirección de correo electrónico.
Abre el archivo mamiferos.htm de la carpeta IKASLEAK / FrontPage / WEB3
para compararlo con el que has hecho
13.- Al sitio Web CUENTOS (WEB2) (recuerda que los has hecho en el ejercicio 7)
(IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu ordenador / WEB2)
añádele 4 páginas Web (cada capítulo en una página). Recuerda que cada página
tiene 2 carpetas (una para guardar el archivo .htm y otra para las imágenes).
Sugerencia.- Nombre de carpetas: cuento1-1, cuento1-2, cuento1-3, cuento1-4.
Posteriormente añadirás 2 cuentos más.
Texto:
Título: LA NIÑA QUE CONTABA CUENTOS A SU MUÑECA
Capítulo 1
En un lugar alejado de la gran ciudad, río arriba, hay un pequeño bosque de chopos y
avellanos, en un claro hay una pradera de flores, manzanos, perales y otros frutales.
Junto al río hay un viejo molino pero funciona y junto al molino hay una casa. En la
casa vivía una abuela con dos nietas, un perro y un gato.
Un día el gato estaba cazando ratones en el desván, persiguiendo al ratón, saltando entre
los trastos viejos tiró al suelo una caja, la caja se abrió y apareció una muñeca.
Cuando Rosita, estaba jugando con su hermana oyó el ruido, subió al desván y encontró
el revuelo, el desorden que había hecho el gato: polvo, plumas por el aire, cajas
volteadas.
En medio de todo, en el suelo, a Rosita le pareció reconocer algo, se acercó, se agachó y

se quedó con la boca abierta al ver la muñeca, la tomó en sus brazos y se sintió feliz.
Capítulo 2
La muñeca estaba con un vestido azul y unos zapatitos brillantes, lo que le faltaba era
sacarle el polvo que tenía en el cuerpito de tanto estar guardada en la caja.
La niña le preguntó a la abuela de quién era la muñeca y la abuela le contestó que era de
la madre cuando era chica. Eso la emocionó mucho.
Decidió entonces, ponerle un nombre y la llamó "Mara". Le empezó a hacer ropita,

zapatitos. Lo que más le gustaba a Mara era que le cuenten cuentos. Por eso, la niña
comenzó a contarle cuentos todas las noches. Le contaba cuentos de hadas, de dragones,
de animales del bosque y otros muy lindos.
47
Cuando le contaba cuentos de hadas parecía estar feliz y cuando eran de dragones
parecía que se asustaba.
Un día le contó un cuento de una muñeca llamada Mara que vivía en una casa cerca de
ahí.
Entonces la muñeca se escapó de la casa y se fue a buscarla porque la quería conocer.
Capítulo 3
Cuando escapó, caminó y caminó toda la noche por el gran bosque.
Estaba tan cansada que se recostó en un árbol y se quedo dormida.
Al amanecer despertó en una pequeña camita.
Donde estoy? Pregunto.
Estas en mi casa. Descansa que yo ye cuidare. Era Marcos el hijo del leñador.
Estoy lastimada. –dijo la muñeca.
Te curare y juntos iremos a buscar tu casa.
Estoy buscando una muñeca llamada Mara. No la has visto?
No.
Pasaron los días y aunque Mara estaba muy bien con su nuevo amigo, comenzó a
extrañar a Rosita y sus hermosos cuentos que le contaba.
Estaba muy triste, entonces Marcos decidió acompañarla de regreso a su casa.
Caminaron durante horas y días hasta que por fin encontraron una casa pero no era de
Rosita, era de la bruja Maruja. La bruja mas malvada del bosque.
y ahora que haremos? –pregunto Mara.
Pensaremos un plan para atravesar la casa sin que ella nos vea.
Caminaron sin hacer ruido, pero como la bruja era muy bruja se dio cuenta y cuando
menos se lo esperaron cayeron apresados en una gran red.
Marcos grito y escondió la muñeca dentro de su camisa para que no la vea.
La bruja lo llevó adentro y lo ató a una silla. El búho lo vigilaba de cerca.
48
Cuando se hizo la noche, Mara espió por el ojal de la camisa de Marcos y al ver que la
bruja y el búho dormían decidió salvar a su amigo...
Capítulo 4
Por suerte Marcos tenia una tijera, cortó la soga con la ayuda de Mara que lo ayudó y
muy despacio (para no hacer ruido) se escaparon. Fueron a buscar a Rosita.
Ella estaba muy triste porque hacía muchos días que faltaba su muñeca. Cuando la vio
la abrazó y le dijo que la iba a llenar de cuentos, y entonces le contó que la muñeca esa
que también se llamaba Mara, era ella misma.
La muñeca, muy sorprendida, empezó a saltar por todos lados de contenta, porque ella
toda su vida quiso estar en un cuento. Marcos y Rosita se hicieron amigos y después se
enamoraron. Mara se puso muy celosa pero después se puso muy contenta porque ahora
los dos le contaban cuentos.
Imágenes:
Están en la carpeta IKASLEAK / FrontPage / WEB2 / CUENTO1 / img. El primer
número de la imagen corresponde al capítulo al que pertenecen (ejemplo: Imagen1-
1.gif). Tienes que copiarlas en la carpetas img de IKASLEAK / IK014449AA /
FrontPage / Carpeta Nº de tu ordenador / WEB2
Marcadores y enlaces:
Si la página es larga, un marcador al inicio y otro al final; también se puede crear un
marcador en la mitad.
Cada página tiene un enlace a la siguiente. La última página tiene un enlace a la página
de inicio cuentos.htm (IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu
ordenador / WEB2)
Abre el archivo cuentos.htm y crea un enlace de La niña que contaba cuentos a su
muñeca a la primera página del cuento.
Después de Guardar cada página, visualízalas. Comprueba los enlaces
14.- Al sitio Web CUENTOS (WEB2) añádele 5 páginas Web (cada capítulo en una
página). Recuerda que cada página tiene 1 carpeta (en este caso no hay imágenes).
Sugerencia.- Nombre de carpetas: cuento2-1, cuento2-2, cuento2-3, cuento2-4, cuento2-
5.
Texto:
Título: LAS LETRAS MÁGICAS
Primera parte
Un día en el 1.940, un mago llamado Berlín fabricó una máquina del tiempo, la probó y
funcionó.
49
Así llegó al colegio Hawards en al año 2002.
Los alumnos de la escuela se asustaron y las maestras les dijeron que se vayan al salón.
Los chicos observaban como la máquina aterrizaba en el medio del parque.
De repente se abrió la puerta de la máquina y apareció un señor que bajó unas escaleras
y se dirigió hacia las maestras para contarles lo que había sucedido. Mientras tanto los
chicos intentaban escuchar, y vieron que el señor tenía una varita en su bolsillo. Juan, el
más travieso, fue hasta donde estaba el señor sin que éste se diera cuenta, le robó la
varita, y la llevó hasta el salón. Allí junto con sus compañeros del grado, comenzaron a
jugar y agitar la varita. Sin querer esta varita se cayó apuntando al pizarrón y....
Segunda parte
De repente, una tiza de las de la pizarra, empezó a dibujar una puerta, con todas sus
partes: bisagras, manilla, cerradura..., en medio tenía una ventanita. En la manilla
apareció colgado un cartel como de cristal transparente, en el que se leía esta palabra:
ODADIUC
Los niños y niñas de la clase no sabían lo que significaba.
Una niña, que se llamaba Patricia, deletreó esa palabra y como la deletreó al revés, tomó
el cartel, le dio la vuelta y leyó en voz alta:
¡!C U I D A D O ¡!!
Pero ya era tarde, comenzó a verse a una luz amarillenta que iluminaba la puerta,
comenzó a temblar y se fue abriendo poco a poco.... Todos los niños y niñas
comenzaron a gritar atemorizados, Juan, uno de los niños, se fue a esconder debajo de
una estantería y un balón de baloncesto, cayó y fue dando unos cuantos botes hasta que
se coló por la puerta.
Como Juan se sintió responsable de la perdida del balón, y como Juan tenía miedo para
ir solo por el balón, al no ponerse de acuerdo decidieron entre todos acompañarle, y
patricia, que se había quedado la última tomo la varita del suelo y se fue con los
demás...
Tercera parte
Mientras tanto el mago quería retroceder en el tiempo pero no pudo porque no tenía la
varita mágica.
Los chicos, despacito fueron entrando en la luz amarillenta y se encontraron en un

mundo de cuentos ¡Era un mundo lleno de rosas y tulipanes! De pronto... vieron un
monstruo y todo se puso oscuro.
Patricia, del susto, se cayó y ¡PLASH! La varita se metió en un pozo, adentro de él,
había cocodrilos y uno de ellos se comió la varita.
50
Al comer la varita, mágicamente se transformó en un cocodrilo invisible. Sólo la varita
brillante ¡caminaba! Como su luz era tan caliente el cocodrilo se iba derritiendo y
haciéndose cenizas. Entonces, comenzó a verse la varita y Patricia la recuperó.
Cuando ella la tomó se dio cuenta que todavía estaba el monstruo, moviendo la varita,
temblando de miedo y cerrando los ojos dijo:
-¡Ojalá que desaparezca!
De repente, abrió los ojos y el monstruo desapareció rápidamente...
Cuarta parte
...La maestra sin saber lo que estaba pasando, entra en la sala, toma el borrador y
comienza a limpiar la pizarra Cuando la puerta estaba desapareciendo escucha un grito
desesperado y un balón sale disparando del interior de la tabla.
Fue tal el ruido de la maestra al caerse desmayada que lo escuchó Berlín. Corrió hasta el
lugar para auxiliarla.
Quinta parte
Berlín, por suerte, tenía una varita de repuesto, la agitó y la maestra rápidamente se
despertó.
Las maestras se fueron a sus casas y el mago se había quedado solo en el colegio.
Berlín agarró su varita, miró a su alrededor para recordar su aventura, se subió a la

máquina del tiempo, la encendió y se marchó en busca de nuevas aventuras y amigos.
de inicio cuentos.htm (IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu
ordenador / WEB2)
Abre el archivo cuentos.htm y crea un enlace de Las letras mágicas a la primera
página del cuento.
15.- Al sitio Web CUENTOS (WEB2) añádele 4 páginas Web (cada capítulo en una
página). Recuerda que cada página tiene una carpeta para el archivo .htm y otra para las
imágenes).
Sugerencia.- Nombre de carpetas: cuento3-1, cuento3-2, cuento3-3, cuento3-4.
Texto:
Título: LUCIA
51
CAPÍTULO 1
Lucía, bajó tres escalones y se dio cuenta de que tenia el cordón del zapato suelto.
Al agacharse, observó que había una tarjeta en el suelo.
La leyó y vio que era para un concurso de pintura.

Se alegró mucho al pensar que podría participar, pero una duda le cambió la sonrisa.
A su espalda oyó:
- ¡Lucía!, ¡Lucía!, ¿Qué lees?-
- Una invitación para un concurso de pintura – respondió a sus hermanos Guille y

David, los hermanos gemelos, mas jóvenes que ella, que salían del edificio de la
escuela.
CAPÍTULO 2
Cuando Lucía llegó a su casa le comentó la invitación a participar en un concurso de

pintura a su madre, con mucho entusiasmo.
- ¡Cuánto me alegro, Lucía! dice la madre. Pero -¿Cuál es el tema sobre el que vas a
pintar? -
- Me gustaría hacerlo sobre el atardecer en la montaña. Vos sabés mami cómo me gusta
ese paisaje con animalitos silvestres, aves de alto vuelo, flores con aroma natural, el
color rojizo cubriendo las copas de los árboles, etc., etc., etc.
- Bueno, bueno, ya veo que tienes todo organizado en tu mente. Sólo falta saber la fecha
de realización del concurso, y el lugar.
Lucía buscó en su mochila la tarjeta y ...
¡oh sorpresa!,
estaba en la boca de su perro Tom.
CAPÍTULO 3
Lucía y sus hermanos salieron a buscar datos sobre el concurso.

Se separaron y buscaron horas y horas. Buscaron por farolas, postes, paredes etc.
Pasado un tiempo, al reunirse de nuevo, al ver que sus hermanos llegaban con mala cara
pensó que todo estaba perdido.
Decidieron regresar a casa.
De camino a casa,
pasó un coche velozmente y con el viento levantó un papel que había debajo de un
banco.
Lucía lo tomó al vuelo.
Sintió una gran alegría en su corazón.
52
CAPÍTULO 4
Lucía reconoce la tarjeta inmediatamente.

- ¡Chicos, chicos, la encontré!
Leamos... ¿lugar? el Centro Cultural de nuestra Municipalidad, ¿fecha? el día 10 del
próximo mes.
- ¡Estoy salvada! -
gritó la niña abrazando a sus hermanos, quienes compartían su alegría.
Saltando y riendo regresan a la casa.

En medio de tanto lío Tom salta y ladra.
La mamá asombrada por tanto alboroto apenas si puede preguntarles ¿qué sucedió?
Al no poder hablar por la agitación Lucía le muestra la tarjeta.
- Veo que no hay problemas y felizmente podrás participar.

Sé que pondrás todo tu esfuerzo y te saldrá algo muy bonito.
Al escuchar la bocina del auto de su papá corrieron a contarle la novedad.
Entonces su padre dijo:

- ¡Te felicito Lucía! Ese día te voy a dar mi amuleto de la suerte, pero te digo: "ganes o
pierdas lo importante es participar".
- Este es un muy buen motivo para compartir los chocolates que les he traido –dijo el
papá.
- ¡Bravo, bravo! ¡Viva papá!
de inicio cuentos.htm ()
Abre el archivo cuentos.htm y crea un enlace de Lucía a la primera página del cuento.
16.- Abre el archivo inicio (doble clic en el archivo cuentos.htm) del sitio Web de
cuentos y comprueba que todos los enlaces funcionan.
Abre el archivo index.htm de la carpeta IKASLEAK / FrontPage / WEB2

18.- En el sitio Web que has hecho (WEB4) inserta marcadores y enlaces a otras
páginas; cada página tiene un enlace a la siguiente. Las flechas están en la carpeta
img de IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu ordenador /
WEB4
19.- Crea 2 nuevas páginas Web (una para cada capítulo):
a) Crea las carpetas cuento2-1, cuento2-2; crea una carpeta img en las
carpetas cuento
53
b) Copia las imágenes en las carpetas img; las imágenes están en las carpetas img
de IKASLEAK / FrontPage / WEB4 / cuento2-1 y cuento2-2
c) Texto:
– Título: LA ESTRELLA QUE CAMBIÓ EL UNIVERSO
– Resto:
CAPÍTULO 1
Había una vez una estrella que por jugar mucho, cayó a la Tierra y se
desmayó. Unos niños la encontraron y la creyeron muerta; no sabían qué
hacer con ella, están muy tristes. Uno de ellos propuso:
- Escondámosla detrás de un árbol.
A los demás les gustó la idea y así lo hicieron.

Al día siguiente regresaron al parque y buscaron en aquel lugar pero la
estrellita no estaba.
Miraron en los alrededores, preguntaron a los vecinos, pero nada ...
Tristes y decepcionados, en el momento que abandonaban la búsqueda,
alcanzaron a ver a unos hombres que la arrojaban a un contenedor de basura
confundiéndola con una hojita seca.
Los niños trataron de alcanzarla, pero mientras corrían en su auxilio,
El camión recolector se puso en marcha y se llevó a la pobre estrella.
CAPÍTULO 2
El oscuro interior del camión destellaba, Juan y Adán dijeron:

-¡Sigámosla hasta el vertedero!
Se colgaron del camión, llegaron al lugar y le gritaron al recolector:
- ¡No tire la basura que allí está nuestra estrella!
- Por favor, no digan tonterías que estoy trabajando
- contestó el hombre con cara de pocos amigos.
¿Y ahora, qué hacemos? -pensaron...

Mientras tanto, la estrella estaba triste porque no podía volver a su lugar en
el cielo.
-¡Debemos ayudarla! -dijeron los niños y corrieron a rescatarla.
Cuando la encontraron, la rescataron. Volvieron al parque donde la habían
encontrado, le dieron polvo y gas para que juntara suficiente energía y
pudiera regresar a su hogar
Así fue que nuestra hermosa estrella se elevó como un rayo y el universo
cambió para siempre.
Con los colores que la estrella había encontrado en la Tierra, pintó de rojo,
verde y amarillo a todas sus amigas.
Adán y Juan, todas las noches, antes de dormir ven un arco iris de estrellas
desde la ventana de sus casas.
d) Crea marcadores y enlaces a otra páginas
3) Guarda las páginas Web con los nombre laestrella1.htm y laestrella2.htm en
las carpetas cuento2-1 y cuento2-2 respectivamente.
54
20.- Crea 4 nuevas páginas Web (una para cada capítulo):
a) Crea las carpetas cuento3-1, cuento3-2, cuento3-3, cuento3-4; crea una carpeta
img en las carpetas cuento
b) Copia las imágenes en las carpetas img; las imágenes están en las carpetas img
de IKASLEAK / FrontPage / WEB4 / cuento3-1, cuento3-2, cuento3-3 y
cuento3-4
c) Texto:
– Título: GUERRA ENTRE PLANETAS
– Resto:
CAPÍTULO 1
Como todos sabemos, Saturno es el planeta de los anillos.

Plutón por ser más pequeño sabe que Saturno es más grande y brillante que
él.
Estando ambos en la Vía Láctea, a Plutón se le ocurre hacer una broma a

Saturno.
Esta consistiría en que Plutón le haría creer con un movimiento inusual que
saltaría a la órbita de Saturno para chocarlo y romperle los anillos.
Saturno como es más grande y poderoso, no le teme y permanece en su

órbita.
Plutón, furioso porque no logró asustar a su colega casi explotó en su propia
órbita.
En el futuro inventará nuevas bromas, tal vez infalibles.
CAPÍTULO 2
Plutón, planeó una nueva broma.

Mientras que dormía lo tenía todo muy claro. A media noche se despertó
para gastarle la broma a Saturno.
Ahora la broma consistiría en quitarle el brillo a los anillos de Saturno con

un cometa de carbón.
Urano vió lo que intentaba hacer y lo impidió con su gravedad, e impidió que
se apagaran los anillos de Saturno. Pero la cola del cometa ensució un poco.
Entonces Saturno pensó: ¿qué me has hecho?, ¿dónde estoy?, lo decía pues
la polvareda no le permitió ver bien.
CAPÍTULO 3
Plutón siguió haciendo bromas absurdas.

De pronto Júpiter pasaba por allí y escuchó por casualidad lo que pensaba
hacer Plutón.
Para éste la broma sería divertida. Esta consistiría en dañar los anillos de
Saturno con meteoritos.
Júpiter, Neptuno y Venus estuvieron presentes en la burla de Plutón.
55
Él buscó en el espacio exterior a los meteoritos.
Cuando llegó donde estaba Saturno empezó la guerra... tum, tum, tum... se
escuchaba en el espacio.
Pero Saturno era tan rápido que los esquivaba.
Los planetas que estaban presentes se reían a carcajadas porque Saturno era
invencible.
Plutón sigue haciendo bromas absurdas.
CAPÍTULO 4
Al día siguiente, por la noche, cuando Saturno se fue a dormir, Plutón pensó
algo que no fallaría. Esta vez consistiría en hacerle pensar que quería
disculparse, cuando llegara a su casa le recibiría amablemente y cuando
menos se lo esperara rompería y mancharía sus anillos con unos asteroides
que explotaban echando tinta.
Saturno, al recibir la noticia de que Plutón quería disculparse con él, quedó
muy contento, fue a casa de Plutón.
Pero Urano, Júpiter y Neptuno se enteraron de lo que éste tramaba e
intentaron evitarlo robándole los asteroides a Plutón, pero lo malo fue que
Saturno como no entendió lo que realmente pasaba, se enfadó mucho.
Cuando los otros planetas se dieron cuenta de lo ocurrido pensaron en

amigarles, gastándoles una broma para que se hicieran amigos.
Esta consistía en mandarles una carta a cada uno en la que decía uno que le
perdonaba y al otro que aceptaba sus disculpas, a cada uno de ellos esto les
gustó y así se hicieron amigos.
Desde entonces Plutón no ha vuelto a molestar a Saturno y Plutón disfruta de
algo de brillo que le cedió Saturno.
d) Crea marcadores y enlaces a otras páginas

e) Guarda las páginas Web con los nombres laguerra1.htm, laguerra2.htm,
laguerra3.htm y laguerra4.htm en las carpetas cuento3-1, cuento3-2,
cuento3-3 y cuento3-4 respectivamente.
21.- Crea la página Web inicio (cuentos2.htm) del sitio Web de los ejercicios 17 a 20.
Texto:
– Título: CUENTOS
– Resto: La juguetería en la ciudad
o La estrella que cambio el Universo
o Guerra de planetas
Crea enlaces a los cuentos.
Guarda la página y comprueba que funcionan los enlaces.

22.- Realiza el caso práctico de la las páginas 27 a 29
56
23.- Crea un sitio web con marcos (Ayuda pág. 27)

a) Crea el sitio Web en la carpeta WEB6
b) Aprovecha los cuentos del sitio Web WEB4.

a compararlo con el que has hecho
25.- Realiza un sitio Web con elementos avanzados de FrontPage (Ayuda pág. 35).
a) Crea el sitio Web en la carpeta WEB8
b)Texto de la página inicio:
 Título: IPUINAK (II)
 Resto de texto: IZARRAK ETA LIRAILI PRINTZESA
KATUEN TXILINA
LAURA, ZALDIA ETA UNTXIA
OTSOAREN OGIA
c) Texto de las 4 siguientes páginas:
 Archivos .txt de las carpetas ipuin1, ipun2, ipuin3 e ipuin4 respectivamente
IKASLEAK / FrontPage / WEB8. Para copiar el texto: Abrir el archivo 
Seleccionar todo  Copiar  Pegar
c) Imágenes:
 Carpetas img de las carpetas ipuin1, ipun2, ipuin3 e ipuin4 de IKASLEAK/
FrontPage / WEB8
Copia esa imágenes en las Carpetas img de las carpetas ipuin1, ipun2, ipuin3
e ipuin4 de IKASLEAK / IK014449AA / FrontPage / Carpeta Nº de tu
ordenador / WEB8
d) Nombre de página Web: ipuinak2.htm:

26.- Realiza el caso práctico de las páginas 41, 42 y 43
27.- Al sitio Web del ejercicio anterior añade otra página utilizando álbum de fotos.
a) Carpeta inauteriak y carpeta img
c) Título: INAUTERIAK
d) Imágenes para copiar en IKASLEAK / FrontPage / WEB9 / inauteriak / img
e) Guarda la página con el nombre inauteriak.htm.
28.- Al sitio Web del ejercicio anterior añade otra página.

a) Carpeta jaia y carpeta img
f) Título: IKASTURTE AMAIERAKO JAIA
g) Imágenes para copiar en IKASLEAK / FrontPage / WEB9 / jaia / img
h) Guarda la página con el nombre jaia.htm.
29.- Al sitio Web del ejercicio anterior añade otra página.

a) Carpeta valderejo y carpeta img
57
b) Título: VALDEREJORAKO TXANGOA
c) Imágenes para copiar en IKASLEAK / FrontPage / WEB9 / valderejo / img
d) Guarda la página con el nombre valderejo.htm
30.- Crea la página Web inicio (index.htm) del sitio Web de los ejercicios 26 a 30.
a) Página con marcos (1 horizontal y 2 verticales [estrecho y ancho])
b) Texto marco horizontal: EKINTZA OSAGARRIAK
c) Texto marco vertical izquierda: Agate deuna
Inauteriak
Valderejorako Txangoa
Ikasturte amaierako jaia
d) Texto marco vertical derecho:
Orrialde honetan CEP Mendia LHIren Ekintza Osagarriak agertzen dira.
Ekintzak ikusteko eskerreko menuan agertzen diren aukerak sakatu.
CEP Mendia LHIren Web orrira joateko eskerreko etxean sakatu.
Email bat bidaltzeko eskerreko posta-ontzian sakatu.
e) Crea los enlaces del marco vertical izquierdo a las actividades
f) Guarda la página Web:
– Nombre del marco horizontal: izenburua.htm
– Nombre del marco vertical izquierdo: ekintza_osagarrriak.htm
– Nombre del marco vertical derecho: aurkezpena.htm
– Nombre de la página Web: index.htm
g) Crea enlaces a los cuentos.
h) Guarda la página y comprueba que funcionan los enlaces.
i) Abre el archivo index.htm de la carpeta IKASLEAK / FrontPage / WEB9
58

Front Page 2000

Cargado por

Copyright:

Formatos disponibles

Front Page 2000

Cargado por

Información del documento

Descripción original:

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Front Page 2000

Cargado por

Copyright:

Formatos disponibles

Elaboración páginas web (1)

Actividad 1. Organización y audiencia

 ¿Qué es FrontPage 2000 y para que sirve?.

¿Qué es FrontPage 2000 y para qué sirve?

Integración con Office 2000

– El portapapeles de Office es ahora común a todas las aplicaciones Office, y permite

Ubicación de los elementos de una página Web

Antes de emprender la tarea de creación se hace imprescindible organizar nuestro sitio

Tomemos los siguientes ejemplos:

Creamos las siguientes carpetas :

 La carpeta Mi sitio Web, que contendrá todas las carpetas

 La carpeta img será para almacenar todas las imágenes:

 El archivo htm o html se guarda en la carpeta Mi sitio

Creamos las siguientes carpetas :

 La carpeta Mi sitio Web, que contendrá todas las carpetas

 La carpeta img será para almacenar todas las imágenes:

 Los archivos htm o html se guardan en la carpeta de cada

Por ejemplo, en la dirección siguiente (ficticia):

Desde el botón Inicio situado, normalmente, en la esquina inferior izquierda

 Construcción de una página Web.

Construcción de una página Web

El lenguaje html es el utilizado para la programación de páginas Web. Nos crea

una página nueva pulsando el icono .

Escribimos el texto deseado. El programa dispone de herramientas, al igual que en

Los nombres de archivo y carpetas no pueden contener espacios en blanco; tampoco

Una de las propiedades de las páginas es el fondo.

 Escogemos el color que deseamos a partir de la pastilla Fondo del cuadro de

 Activamos la opción a partir del menú Archivo/Propiedades.

El título de la barra de título del navegador

Dentro de la pastilla General de las Propiedades de página podemos escoger qué

Este es un elemento que indica rigor en la creación. Su uso es muy simple y

Mi primer sitio Web

 Crea el sitio WEB:

d) Clic en para centrar.

Pulsa 2 veces la tecla ENTER   clic en (Alinear a la izquierda)  pulsa 5

a) Clic en Archivo  Guardar  Clic en la punta de flecha de Guardar en 

a) Clic en (Guardar)  Clic en (vista previa en el Explorador)

 La imagen de fondo sustituye al color de fondo

El uso de tablas nos ayudará mucho en la creación de nuestras páginas.

 Las creamos a través del menú Tabla.

Tablas sin bordes:

Mi segundo sitio Web

d) Clic en para centrar.

a) Pulsa la tecla Enter  2 veces

a) Clic en (Insertar tabla)  Coloca el cursor en la 1ª celda superior izquierda

b) Pulsa dos veces la tecla TABULADOR

d) Pulsa dos veces la tecla TABULADOR

f) Pulsa dos veces la tecla TABULADOR

h) Pulsa dos veces la tecla TABULADOR

j) Pulsa dos veces la tecla TABULADOR

a) Clic en Archivo  Guardar  Clic en la punta de flecha de Guardar en 

a) Clic en (vista previa en el Explorador)

Presentación de la ayuda del programa FrontPage

 Uso de plantillas en la creación de páginas Web.

Uso de plantillas en la creación de páginas Web

El programa dispone de modelos de páginas ya elaboradas, las plantillas.

Crea tu tercer sitio Web utilizando una plantilla

Clic en (Copiar)  Coloca el puntero del ratón al final (fuera) de la