Frontpagewebs

FrontPage é un conxunto de programas
para o diseño, edición e administración

de sitios Web, esto é un conxunto de
páxinas Web que teñen relación entre
sí e, por tanto podese pasar de unhas a
outras con facilidade.
É unha aplicación deseñada para faci-
lita-la creación de páxinas Web nunha
rede coma Internet. Non require
coñecementos de programación e isto
permite deseñar e construir rápida e fá-
cilmente un sitio da World Wide Web
con apariencia profesional e logo com-
partir esa información a través de
Internet.
páxinas
WEB
frontpage
Manual desenvolvido polo

Servicio de Publicacións de
PC Carrier.
Para uso exclusivo como
material de apoio ó
programa lectivo.
©
2000
Convencións tipográficas:
Como norma xeral, na maioría dos manuais da escola, atoparás
verbas en negrita, en cursiva ou ben en versalita. O seu significado
é como sigue:
Negritas: Nos manuais de contido informático, sinalan accións, ordes

de execuxión ou comandos de menú (incluido o camiño do
menú para chegar ata o comando, cando así veña incluido).
Tamén botóns e casillas de verificación. Ademais, verbas ou
conceptos de suma importancia no contexto.
Cursivas: Nomes de menús cando aparezan sós no texto, ou ben

cadros de configuración, cadros de mensaxe, cadros de
resposta, pestanas nun cadro é similares. Tamén sinalan nomes
de teclas ou combinación das mesmas. Ademais, verbas pouco
usuais que non teñen, no contexto, importancia dabondo para
seren resaltadas en negrita.
VERSALITAS: Nomes de arquivos informáticos, verbas que haberán de

ser tecleadas polo usuario, nomes de capítulo ou ben de apar-
tados concretos.
Servicio de Publicacións de Pc Carrier

Todo-los dereitos reservados
2º edición, Xaneiro do 2000
índice
01
clase 1 9
1 ejecutar el programa 10
05 2 las vistas del Explorador 11
2.1 página 11
2.2 carpetas 14
2.3 informes 14
2.4 exploración 14
10 2.5 hipervínculos 15
2.6 tareas 15
3 extensiones del servidor FrontPage 16
4 crear una página Web 16
5 guardar una página en FrontPage 19
15 6 cerrar una página en FrontPage 20
7 salir del FrontPage 20
clase 2 21
20
1 abrir una página 22

2 configurar una página 22
3 vista preliminar 23
25 4 vista previa en el explorador 23
5 imprimir una página 24
manual editado e producido polo servizo de publicacións de PC Carrier © 2000

páxina 4 m a n u a l d e f r o n t p a g e
01 6 crear un sitio Web 24

7 cambios en tu sitio Web 27
05
clase 3 29
1 la ayuda 29
2 el formato de texto 30
10 3 deshacer/rehacer 32
4 los párrafos 32
5 inserción de imágenes 34
5.1 formatos gráficos 35
5.2 insertar imágenes desde la galería 35
15 6 modificar una imagen 36
7 guardar una imagen 36
clase 4 39
20
1 insertar imagenes de un archivo 39

2 insertar una imagen desde WWW 40
3 propiedades de imagen 41
25
clase 5 45
30 1 temas 45
2 utilización de divisores 46
2.1 inserción de un divisor 47
2.2 cambio de la apariencia de un divisor 47
2.3 utilización de una línea gráfica de la galería 48
35 2.4 hacer cambios a la línea gráfica 49
3 utilización de fondos especiales 49
4 establecer una imagen de fondo 50
5 añadir una marquesina 52
6 inclusión de comentarios 52
40 7 añadir fecha y hora 53
clase 6 55
45
1 titulares en las páginas 55

01 2 contador de visitas 56
3 creación de botones activables 58
4 la barra de exploración 58
5 añadir un formulario de búsqueda 60
05 6 incluir una página dentro de otra 62
7 inclusión de páginas 63
8 presentación de una imagen 64
10
clase 7 65
1 web de discusión 65
2 los hipervínculos 67
15 2.1 crear hipervínculos 67
3 construir la tabla de contenidos 69
3.1 creación de una página Web nueva 69
4 bordes compartidos para un web 70
5 bordes compartidos para página 70
20
clase 8 73
25 1 gestión de tareas 73
1.1 añadir una tarea a una página Web 74
1.2 modificación de una tarea 75
1.3 eliminación de una tarea 76
1.4 comienzo de una tarea 76
30 1.5 finalización de una tarea 77
2 marcos 77
2.1 creación de marcos a partir de una plantilla 78
2.2 cambios en los marcos de las páginas 78
2.3 asociar una página inicial a un marco 79
35 2.4 asociar una página nueva a un marco 81
2.5 guardar un conjunto de marcos 81
2.6 modificación propiedades del marco 82
2.7 dar nombre a los marcos 83
40
clase 9 85
45 1 tablas 85
1.1 creación de una tabla 85
01 1.2 visualización de la herramienta tablas 88

1.3 añadir filas y columnas 89
1.4 añadir una celda individual 90
1.5 división de celdas 90
05 1.6 fusión de celdas 90
1.7 eliminación de filas, columnas y celdas 91
1.8 cambio del tamaño de una tabla 91
1.9 añadir color a las tablas 92
1.10 coloreado de los bordes 93
10 1.11 utilización de imágenes de fondo 93
1.12 propiedades de tabla 93
1.13 alineación de texto e imágenes en la celda 94
1.14 creación de encabezados de tabla 95
1.15 colocación de texto e imágenes 96
15
clase 10 97
20 1 formularios 97
1.1 crear un formulario 97
1.2 edición de campos de formularios 99
1.3 campo cuadro de texto 99
1.4 validación para cuadros de texto 99
25 1.5 campo cuadro de texto con desplazamiento 100
1.6 campo casillas de verificación 101
1.7 campo botones de opción 102
1.8 campo menús desplegables 102
1.9 botón enviar 105
30 1.10 creación de un botón restablecer 106
1.11 empleo de imágenes como botones 106
1.12 campos ocultos 107
35
clase 11 109
1 configuración gestor de formulario 109

2 guardar resultados en un archivo 110
40 3 envío por correo electrónico 112
4 ofrecer confirmación 114
5 confirmar formulario 116
6 utilización del asistente 117
45

01
clase 12 123
1 html y FrontPage 123

05 1.1 vista HTML 123
2 creación de Web con asistentes 124
3 eliminar un Web de FrontPage 125
4 importación de Web existentes 126
5 creación/edición de mapas imagen 128
10 5.1 trabajar con zonas activas 129
6 insertar hoja Excel en FrontPage 130
7 registro de usuarios 131
15
clase 13 133
1 publicar tu web 133

2 utilización del asistente 135
20 3 publicación de cambios de tu Web 135
3.1 publicación de los cambios Web remoto 136
3.2 eliminación de los Webs remotos 136
4 mantenimiento del sitio Web 136
4.1 cambio de enlaces rotos 137
25 4.2 edición de enlaces rotos 138
4.3 introducción en buscadores 138
4.4 anuncio del sitio en los grupos de noticias 140
4.5 aparecer en revistas y periódicos 140
4.6 publicidad utilizando el correo electrónico 140
30
35
40
45

01
05
10
15
20
25
30
35
40
45

clase 1
1
© PC Carrier
I
01 nternet es la red formada por un gran número de ordenadores
interconectados por todo el mundo mediante cables, enlaces y dis
positivos. Esta conexión entre ordenadores permite el intercambio
de información y compartir una enorme cantidad de recursos.
05 Uno de los servicios más conocido, popular y utilizado en Internet es la
World Wide Web, que utiliza vínculos para encontrar y recuperar pági-
nas de información, así como dar una forma muy sencilla, elegante y
divertida de compartir información.
FrontPage es un conjunto de programas para el diseño y edición y admi-
10 nistración de sitios Web, esto es un conjunto de páginas Web que tienen
relación entre sí y, por tanto se puede pasar de unas a otras con facilidad.
Es una aplicación diseñada para facilitar la creación de páginas Web en
una red como Internet.
No requiere conocimientos de programación.
15 Esto te permitirá diseñar y construir rápida y fácilmente un sitio de la
World Wide Web con apariencia profesional y luego compartir esa in-
formación a través de Internet.
En esta primera clase ejecutarás el programa y verás los distintos ele-
mentos que componen la pantalla principal y así como las distintas vistas
20 que se pueden tener de un mismo sitio Web.
También aprenderás a manejar el programa FrontPage de manera senci-
lla en tu equipo.
A continuación crearás en el FrontPage tu primera página Web utilizan-
do la vista de Página.
25 Y finalmente verás como guardar una página, cerrarla y como salir del
FrontPage.
01
1 ejecutar el programa
05 La ejecución de FrontPage consta de
los siguientes pasos:
· Haz clic en el menú inicio de la
barra de tareas. Si no puedes ver-
lo, pulsa la combinación de teclas
10 ctrl + esc.
· Haz clic en la opción progra-
mas para desplegar su menú Figura 1.1 Ventana de FrontPage
correspondiente.
· Haz clic en Microsoft FrontPage.
15 Una vez echo esto aparece la pantalla siguiente (figura 1.1)
Esta ventana se divide en:
· Barra de título: (figura 1.2) En la parte superior de la ventana apa-
rece una barra con el nombre de la aplicación. Muestra también el
nombre del sitio Web que se está usando.
20
Figura 1.2 Barra de título
· Maximizar, Minimizar, Restaurar y Cerrar : Sirven res-

pectivamente para, maximizar, minimizar, restaurar y cerrar. Son los
25 tres botones de más a la izquierda de la barra de título.
· Barra de menús: (figura 1.3) Contiene los menús que esconden los
distintos comandos para utilizar el Explorador de FrontPage. Para
seleccionar un comando de un menú, sólo tienes que hacer clic en el
menú y, una vez que abra su contenido, hacer clic el comando desea-
30 do.
Figura 1.3 Barra de menús
· Barra de herramientas: (figura 1.4) Es una barra llena de botones

35 que sirven como atajos a los comandos de la barra de menús. Cuando
mantienes el puntero del ratón encima de uno de estos botones duran-
te algunos segundos, aparece su nombre y la barra de estado muestra
una descripción de su función.
40
Figura 1.4 Barra de herramientas
· Barra de estado: Situada en la parte inferior de la ventana del Explo-

45 rador, en esta barra el FrontPage muestra información sobre las En
algunas de estas vistas, el Explorador presenta otros dos elementos:
01 · Barra de división: Separan dos paneles de la ventana. Si sitúas el

puntero del ratón sobre esa barra de división, se convierte en una
flecha de dos puntas. En ese momento, puedes hacer clic y arras-
trar el puntero del ratón para modificar el tamaño de ambos paneles
05 de la ventana.
· Barras de desplazamiento: FrontPage muestra una barra de des-
plazamiento siempre que no quepa toda la información de uno de
los paneles en el espacio reservado para él.
10
2 las vistas del Explorador

Al abrir o crear un Web en el FrontPage, puedes visualizar tu sitio Web
de varias formas diferentes, a continuación tienes una explicación de
15 cada una de las seis vistas que te puedes encontrar.
2.1 página
Para utilizar la vista de página selecciona dicha opción en el botón pági-
20 na de la barra botones de vista o selecciona la opción página del menú
ver. Esta vista muestra las páginas individuales en las que estás traba-
jando. En estas vista podrás hacer cambios o ajustes en los elementos de
la página. Puedes incluir todo tipo de elementos, tablas, imágenes, com-
ponentes, formularios, etc. Uno de los aspectos más potentes de la vista
25 página es que puede usar las pestañas, situadas en la barra de la parte
inferior, para cambiar entre los paneles de edición o modos.
30
35
40
45
Figura 2. Vista Página.

01
05
10
15
Figura 2-1.Paneles de edición
20 Los paneles de edición son:

· Normal: Éste es el panel de edición estándar.
· HTML: En este panel, se muestra la página en código HTML.
Puedes realizar cambios directamente al código, o ver cómo el
código ha sido alterado por los cambios hechos en el modo ante-
25 rior.
· Vista previa: Aquí es donde puede comprobar cómo será el aspecto
30
Nota.Según en el 35
tipo de vistas que

estemos te dejará
elegir una serie de
comandos u otros.
40
45
Figura 3. Vista Carpetas

01
05
10
15
Figura 4 vista Informes
20
25
30
35
Figura 5 vista Exploración
40 de tu página una vez publicada. Muestra el resultado final de la pági-

na, sin código o marcas de edición.
La vista página como puedes comprobar es muy útil debido a que
permite, no sólo realizar alteraciones visuales, sino también trabajar
45 con el código HTML directamente, y luego comprobar el aspecto de
la página en modo vista previa.
01
05
10
15
Figura 6. Vista Hipervínculos
20
2.2 carpetas
Para utilizar la vista de carpetas selecciona dicha opción en el botón
carpetas de la barra botones de vista o selecciona la opción carpetas
del menú ver (figura 3).
25 En el modo de Vista Carpetas, puedes ver y explorar el contenido de las
carpetas del Web. En este modo de visualización puedes crear, elimi-
nar, copiar y mover las carpetas que componen tu Web.
tu sitio Web. Al hacer clic en una de esas carpetas se muestra su conte-
nido e información adicional en la parte derecha.
30
2.3 informes
Para utilizar la vista de Informes (figura 4) selecciona dicha opción en
el botón informes de la barra botones de Vista o selecciona la opción
35 informes del menú ver. Esta vista se emplea para ayudarte a gestionar
las páginas dentro de tu Web. La vista informes te proporciona un am-
plio rango de información sobre los ficheros que contiene el Web.
2.4 exploración
40
Para utilizar la vista de exploración (figura 5) selecciona dicha opción

en el botón exploración de la barra botones de vista o selecciona la
opción exploración del menú ver. Esta vista proporciona un esquema
45 gráfico de la estructura del Web y permite crear automáticamente barras
de exploración con enlaces a las páginas más importantes del Web.
01 Se divide en dos paneles: el superior, el panel de Exploración, que muestra

un diagrama de la estructura del Web. Y el inferior que muestra las
carpetas del Web.
05
2.5 hipervínculos
Para utilizar la vista de Hipervínculos (figura 6) selecciona dicha op-
ción en el botón hipervínculos de la barra botones de vista o selecciona
la opción hipervínculos del menú ver. Con esta vista puedes ver los
10 hipervínculos que conectan las páginas, y otros documentos y un diagra-
ma jerárquico del Web de FrontPage. Las flechas indican las conexiones
que llegan o salen de dicha página y los puntos las páginas u objetos
incluidos en otras. Si seleccionas una página en el panel, ésta pasará a
ser el centro de la vista del panel Hipervínculos.
15
2.6 tareas
Para utilizar la vista de tareas (figura 7) selecciona dicha opción en
el botón táreas de la barra botones de vista o selecciona la opción
20 Tareas del menú ver. Esta vista muestra la lista de tareas asociadas a
una Web.
Las tareas hacen referencia a las cuestiones pendientes o que requie-
ren atención antes de publicar el Web. Podrás agregar tareas a la
vista Tareas, así como modificar los nombres de las tareas y sus des-
25 cripciones.
30
35
40
45
Figura 7. Vista Tareas.

01
3 extensiones del servidor FrontPage

05 Puedes crear un Web de FrontPage en un servidor Web que tenga insta-
ladas las Extensiones de servidor de FrontPage son un conjunto de
programas y secuencias de comandos que acepta FrontPage y que am-
plían la funcionalidad de un servido Web típico.
También puedes crear un Web de FrontPage directamente en el disco
10 duro de tu equipo, utilizando el servidor Web Personal. En ambos ca-
sos, puedes utilizar el conjunto completo de comandos del Explorador
de FrontPage y del Editor de FrontPage para modificar tu Web, así como
sus páginas y archivos.
Cuando instalas FrontPage en tu ordenador junto con el Servidor personal
15 del Web, puedes instalar las Extensiones de servidor de FrontPage lo cual
te permite construir y probar un Web de FrontPage antes de publicarlo.
20
4 crear una página Web
Ahora vas a crear tú primera página Web. Puedes crear una nueva Pági-
na Web en el FrontPage de varias formas:
· Haz clic en el menú archivo de la barra de menús. O el botón nuevo
(es un icono en forma de una hoja en blanco) de la barra de herra-
25 mientas.
· Haz clic en la opción nuevo para desplegar su menú correspondiente.
30
35
40
45
Figura 8. Pantalla Nueva Página.

01
05
10
15
Figura 8.1. Ventana Página de marcos
20
25
30
35
Figura 8.2. Ventana Hojas de Estilo
· Haz clic en página.

40 A continuación te aparecerá la pantalla de la figura número 8.
En esta pantalla, el EDITOR de FrontPage te deja elegir entre una serie de
plantillas. En esta ventana tenemos tres pestañas:
· General: en donde aparecen las plantillas que tiene el EDITOR de
45 FrontPage: si haces clic encima de una de ellas, te aparecerá una des-
cripción de la misma en la parte derecha de este cuadro de diálogo.
01
05
10
15
Figura 9. Plantilla preguntas más frecuentes
20
25
30
35
Figura 9.1. Hoja modificada
40 · Páginas de marcos: (figura 8.1) en esta pestaña podrás elegir entre

páginas que se dividen en varias regiones.
· Hojas de estilos: en esta pestaña podrás elegir entre páginas con
distintos estilos en el texto (figura 8.2). Una vez que has elegido la
45 plantilla, el editor de FrontPage la creará por ti y tu puedes modifi-
carla utilizando todas las posibilidades del EDITOR.
01
05
10
15
Figura 9.2. Continuación hoja modificada
20
25
30
Figura 10. Cuadro de diálogo Guardar
35
Elige la pestaña general y la plantilla: PREGUNTAS MÁS FRECUENTES.

Ahora puedes modificarla para que quede como las figuras 9.1 y 9.2.
40
5 guardar una página en FrontPage

Para guardar una Página Web en el FrontPage, puedes seguir los si-
45 guientes pasos:
· Haz clic en la opción archivo de la barra de herramientas menú y
01 elige la opción guardar.

· En el cuadro de diálogo que aparece (Figura 10), en el campo nom-
bre de archivo, escribe un nombre que resulte descriptivo para el
contenido de la página (PREGUNTAS).
05 · En el campo guardar en, elige la carpeta en la que deseas almace-
nar la página(MIS WEBS).
10
6 cerrar una página en FrontPage
Puedes cerrar una página Web de dos
formas:
· Haz clic en la opción Archivo
de la barra de herramientas menú
15 y elige la opción cerrar.
· Haz clic en el botón cerrar (X) Figura 11.
de los botones de control, situa-
dos en la barra de título.
Si has realizado algún cambio en la Página desde la última vez que guardaste
20 tu trabajo, FrontPage te preguntará si quieres almacenar los cambios no guar-
dados. Haz clic en Si para guardar los últimos cambios realizados.
25
7 salir del FrontPage
Para terminar de utilizar por completo el FrontPage, puedes hacerlo de
dos formas:
·Haz clic en la opción archivo de la barra de herramientas menú y
elige la opción salir.
30 ·Haz clic en el botón cerrar (X) de los botones de control, situados
en la barra de título.
35
40
45

clase 2
2
© PC Carrier
E
01 n esta clase aprenderás a abrir una página creada anteriormente.
Configurar una Página para establecer el encabezado, el pie y
los márgenes de una página. Ver la página en Vista preliminar
y en vista previa en el explorador y además podrás imprimir la página
05 activa.
Crearás un sitio Web utilizando una plantilla y aprenderás a realizar
cambios en el nuevo sitio para personalizarlos con tu propio contenido
y diseño.
Para ello verás como introducir texto en las Páginas.
10
15
20
25
Figura 12 Cuadro de diálogo Abrir

01
1 abrir una página

05 Para abrir una página puedes hacerlo de las dos formas siguientes:
elige la opción abrir.
· Haz clic en el botón abrir (icono de una carpeta) en la barra de
herramientas.
10 · En el cuadro de diálogo abrir, realiza los siguientes pasos:
· En el campo buscar en: haz clic y examina el sistema de archivos
y carpetas de tu disco duro para buscar el archivo (carpeta MIS WEBS).
· Una vez encontrada la página hacer clic en su nombre (P REGUN-
TAS).
15 · Haz clic en aceptar. La página aparecerá en la ventana del
FrontPage para que la puedas modificar a tu gusto.
20
25
30
Figura 13 Cuadro de diálogo Configurar Página
35
2 configurar una página
Puedes usar este comando para establecer el encabezado, el pie y los
márgenes para la impresión de la página activa.
Las opciones que tiene este cuadro de diálogo son las que puedes ver a
40 continuación:
· Encabezado: escribe el encabezado que quieres que aparezca
en la parte superior de la página impresa. (Encabezado de mi
primera página).
45 · Pie de página: escribe el pie de la parte inferior de la página
impresa. (Esto es el pie de la página)
01 · Márgenes izquierdo, derecho, superior e inferior: especifica

los márgenes en pulgadas. (Iz: 25, D: 25, S:30, I:30)
· Opciones: haz clic en opciones para abrir el cuadro de diálogo
configuración de impresión de tu impresora. En este cuadro de
05 diálogo puedes seleccionar el tamaño de papel, la orientación de
la página y otras opciones del controlador de tu impresora.
3 vista preliminar
10
También puedes visualizar las páginas antes de imprimirlas, para ello

simplemente deberás seguir la secuencia de pasos que siguen:
15
20
25
30
Figura 14. Vista Preliminar
· En la vista de página, elige archivo / vista preliminar.

35 · Utiliza los botones de la parte superior de la ventana para impri-
mir, visualizar o recorrer las páginas (Figura 14).
· Cuando termines con la vista preliminar de la página, haz clic en
cerrar.
40
4 vista previa en el explorador

Utiliza este comando para ver la página activa en un explorador Web,
45 para ejecutar este comando lo puedes hacer de dos formas diferentes:
01
05
10
15
Figura 15. Cuadro de diálogo Imprimir
elige la opción vista previa en el explorador.

·Haz clic en el botón vista previa en el explorador (icono de un
20 mundo con una lupa) en la barra de herramientas.
5 imprimir una página

25 Desde la vista página, puedes imprimir la página activa por impresora,
puedes imprimir de las dos formas siguientes:
elige la opción imprimir.
· Haz clic en el botón imprimir (icono de una impresora) en la barra
30 de herramientas.
En el cuadro de diálogo imprimir (figura 15):
· En la sección imprimir, selecciona el intervalo de las páginas que
deseas imprimir.
· En la sección copias, selecciona el número de copias que desees.
35 · Para acabar haz clic en aceptar.
· Cuando acabes de imprimir cierra la página.
40
6 crear un sitio Web
Para crear un sitio Web nuevo, hay dos maneras principales:
· Haz clic en el comando nuevo del menú archivo y escoge web
(Figura 16).
45 · Haz clic en el icono (hoja en blanco) nuevo de la barra de herra-
mientas estándar y elige Web.
01
05
10
15
Figura 16. Nuevo Sitio Web
20
25
30
35
Figura 17. cuadro de diálogo Nuevo Sitio Web
40 En ambos casos, aparece el cuadro de diálogo nuevo (Figura 17). Este

cuadro de diálogo te deja elegir entre varias plantillas de sitios Web.
Las plantillas son Páginas reconfiguradas para ayudarte a crear tu si-
tio Web. FrontPage proporciona una diversidad de plantillas para los
45 típicos sitios. Estas plantillas generan una colección de páginas vincu-
ladas que contienen texto estándar.
01
05
10
15
Figura 18. Vista Exploración
20
25
30
35
Figura 19. Vista Hipervínculos
Ahora solo tienes que personalizarlas con tu propio contenido y tus

40 diseños.
Ahora vas a crear un sitio Web empleando una plantilla ya existente
sigue los pasos siguientes:
· Elige el tipo de sitio que desees crear (Web Personal). Vas a crear
45 un Web para resaltar tus intereses personales.
· En la parte derecha del cuadro de diálogo, se te solicita que especi-
01 fiques una localización para es sitio Web. Puedes elegir el que te

proporciona FrontPage o puedes crear un nuevo directorio(carpeta)
en tu disco duro para almacenar los ficheros de tu nuevo Web.
· Haz clic en aceptar. FrontPage creará tu nuevo Web.
05
10
15
20
Figura 20. Propiedades de titular de página
Puedes comprobar como es tu sitio Web eligiendo las distintas vistas:

25 · Si haces clic en la vista carpetas, verás la relación de páginas y
ficheros que ha creado FrontPage.
· Si haces clic en la vista informes, FrontPage te proporciona un am-
plio rango de información sobre los ficheros que contiene el Web
· Si haces clic en la vista exploración (figura 18), verás una gráfico
30 en el que puedes ver las páginas que forman el Web y como están
distribuidas.
· Si haces clic en la vista hipervínculos (figura 19), puedes ver los
hipervínculos que conectan las páginas que tiene este Web, y los fi-
cheros (fotos, etc.) que incluyen esas páginas.
35 Este sitio Web por ahora no tiene configurada ninguna tarea por lo que
sí haces clic en esta vista no aparece nada.
40
7 cambios en tu sitio Web
Ahora vas realizar una serie de pasos para ir personalizando tu Sitio
Web, lo primero que vas a hacer es cambiar los títulos de cada una de
las páginas que lo forman:
45 · Ponte en la vista carpetas.
· Elige la Página INDEX.HTM. Para ello ponte encima y haz doble clic.
01
05
10
15
Figura 21.
20 · Haz doble clic encima del título de la página. Te aparece el cuadro
de diálogo propiedades de titular de página. (figura 20).
· En el cuadro de diálogo anterior en propiedades elige texto, pues en
este ejemplo vamos a poner como título un texto.
· En el recuadro de texto titular de la página escribe el título que va
25 a ser: MI PRIMERA PÁGINA.
Ahora vas a cambiarle el nombre al resto de las Páginas.
Sigue los pasos anteriores, los títulos nuevos van a ser:
favorite.htm ——— Selección de sitios.

30 interest.htm ———— Proyectos en curso.
photo.htm ————— Fotos interesantes.
Haz clic en la vista exploración, tienes que tenerla como la figura 21.
35 Una vez que has cambiados los títulos de las páginas Guarda tu sitio
web. Y cierra el FrontPage. En la siguiente lección seguirás cambiando
tu sitio Web.
40
45

clase 3
3
© PC Carrier
A
01 prenderás a utilizar la Ayuda que proporciona Microsoft
FrontPage. Seguirás modificando El sitio Web creado en la lec
ción anterior cambiando las características del texto y los párra-
fos. Aprenderás a insertar imágenes, desde la Galería de Imágenes, en
05 una Página y modificar sus propiedades.
1 la ayuda
10 Cuando no recuerdes cómo llevar a cabo alguna operación, puedes usar
la ayuda de FrontPage. Se puede obtener de 4 formas distintas:
1. Deberás seleccionar el comando ayuda, en el menú ayuda, tam-
bién podrás acceder directamente a este comando desde el botón que
se encuentra en la barra de herramientas estándar.
15 2. Pulsar la tecla F1 en cualquier momento mientras utilizas el
FrontPage.
3. En muchos cuadros de diálogo, hay un botón llamado ayuda. Si
pulsas ese botón, aparece una ventana de ayuda relacionada con la
operación del cuadro de diálogo.
20 4. Botón de ayuda . Si quieres obtener ayuda sobre un comando
o un elemento de la pantalla de FrontPage, haz clic en este botón, que
lo encontrarás en el menú ayuda, y una vez que el puntero del ratón
adopte la forma de una flecha con interrogación, haz clic sobre el
comando o elemento del que desees obtener ayuda.
25 El cuadro de diálogo temas de ayuda consta de tres pestañas (Fig.23):
· La pestaña contenido: en esta pestaña verás un conjunto de te-
01
05
10
15
20
25
Figura 23. Temas de ayuda
mas. Algunos de ellos presentan el icono de un libro a su izquierda, y

30 otros una página con una interrogación en su interior. Haciendo clic
en esta página obtendrás ayuda sobre el tema elegido. Haciendo clic
sobre el libro aparecerán nuevas páginas o libros.
· La pestaña índice: muestra un gran número de temas sobre los que
puedes buscar ayuda tecleando simplemente las primeras letras de
35 una palabra clave. En la parte inferior aparecen los temas de ayuda
relacionadas con ésta. Haz doble clic sobre tu tema de interés y se
abrirá una ventana de ayuda sobre él.
· La pestaña asistente para ayuda: aparecen opciones más concre-
tas para realizar búsquedas más sistemáticas de los temas de ayuda.
40
2 el formato de texto
45 Ahora vas a seguir cambiando el sitio Web creado en la lección ante-
rior para ello, ejecuta el FrontPage y abre el Web.
01 Ponte en la página MI PRIMERA PÁGINA (INDEX.HTM), lo primero que vas a

hacer va a ser cambiarle el aspecto al texto.
Puedes cambiar las características del texto en pantalla siguiendo los
pasos:
05 · Haz una selección de texto pulsando el botón izquierdo del ratón al
principio de la selección y soltándolo al final del texto.
· En la barra de menús formato, elige la opción fuente.
· Aparece un cuadro de diálogo fuente (Figura número 24) en el que
puedes elegir una gran cantidad de atributos para el texto.
10 · Haz clic en el botón deseado para aplicar el formato al texto. Ponle
color de fuente azul, subrayado y suprarrayado.
Ejecuta los pasos anteriores y cambia el texto de los títulos de las otras
hojas de tu sitio Web.
15
20
25
30
35
40 Figura 24 Fuente
Como puedes comprobar FrontPage ya actualizo los títulos de las de-

45 más páginas, y no hace falta que vayas cambiando uno a uno los títulos
de las páginas.
01
Nota: cuando uno
de esos comandos
no esta disponible,
la opción corres-
3 deshacer/rehacer
pondiente aparecerá 05 Al escribir o modificar el texto o insertar un objeto es posible que algu-
en gris(desactivada)
en el menú Edición
nas veces te equivoques. El FrontPage te permite deshacer o rehacer las
con la leyenda 30 últimas acciones favoreciendo así que puedas invertir o controlar los
Imposible Deshacer/ cambios más recientes en la página.
Rehacer. Para ello selecciona uno de los comandos deshacer o rehacer en el
10 menú edición o pulsa los botones correspondientes de la barra de herra-
mientas estándar.
15
20
25
30
35
Figura 26. Propiedades de párrafo
40
4 los párrafos
Una vez creada o abierta una página en el editor puedes empezar a escri-
bir o modificar sus contenidos. El estilo de párrafo se establece cuando
se crea la página o se comienza a escribir el texto.
45 Puedes cambiar el estilo de un párrafo desde el cuadro de diálogo pro-
piedades del párrafo. También puedes alinear el texto y cambiar otras
01
05
10
15
Figura 27
propiedades del párrafo. Ahora vas a meter texto en Mi primera Página,

tiene que quedar como la pantalla de la figura 27.
20 Vas a mejorar la presentación modificando algunos atributos del texto y
Nota: los botones
Alinear izquierda, del párrafo. Los cambios de fuente ya se explicaron en el apartado ante-
Alinear Derecha y rior los cambios que se pueden hacer al párrafo son los siguientes:
Centrar se hayan · Para cambiar el estilo de un párrafo sigue los pasos siguientes:
ubicados en la · Sitúa el punto de inserción en cualquier parte del párrafo. El cursor
barra de herramien-
tas Formato. 25 parpadea en el punto señalado.
· Elige el nuevo estilo de una de estas dos formas: En la ventana
que aparece seleccionando párrafo en el menú formato, o bien
pulsando el botón derecho del ratón y eligiendo párrafo.
· Para alinear un párrafo lleva a cabo los siguientes pasos:
30 · Haz clic en el botón alinear izquierda para alinear el párrafo
actual en el margen izquierdo de la página.
· Haz clic en el botón alinear derecha para alinear el párrafo ac-
tual en el margen derecho de la página.
· Haz clic en el botón centrar para alinear el párrafo actual en el
35 centro de la página.
Figura 28. Botones de alineación
40 · Para sangrar el texto sigue la secuencia de pasos:

· Selecciona el texto que deseas sangrar
· Haz clic en uno de los botones aumentar sangría o dismi-
nuir sangría situados al final de la Barra de herramientas Formato.
45 Realiza todos los cambios necesarios para que tu página quede
como la Figura 30
01
05
10
15
Figura 30
20
5 inserción de imágenes
Puedes insertar imágenes en las páginas Web de tus sitios Web de
FrontPage para proporcionar más información que con el texto o sim-
plemente para decorarlas, comunicar tus gustos personales o mostrar
25 gráficos, logotipos o las fotografías de los muchos productos que puede
comercializar tu empresa.
30
35
40
45
Figura 31. Galería de imágenes

01
5.1 formatos gráficos

El problema de visualizar imágenes por Internet es que estás tardan mucho
05 en transmitirse desde el servidor hasta el cliente, tanto más
cuanto mayor sea el tamaño y la calidad de las imágenes.
Por ello se usan formatos de imágenes comprimidas que
permiten transmitirlas y visualizarlas en pocos segundos.
Los formatos de las imágenes de las páginas Web tienen
10 que ser JPEG ó GIF.
Desde FrontPage puedes insertar directamente imágenes
almacenadas en varios formatos, pero se encargará de con-
vertirlas automáticamente a uno de los dos formatos
Figura 32
anteriores.
15
5.2 insertar imágenes desde la galería

Insertar imágenes es tan sencillo como seguir los pasos siguientes:
· Haz clic en el punto de la página en que deseas insertar la imagen.
20 · Selecciona insertar / imagen / imágenes de la barra de herramientas
menú. Aparece la pantalla de la figura 31
· Haz clic en una categoría (Figura 31) y las imágenes disponibles en
esa categoría aparecen en el panel.
Cuando encuentres una imagen que te guste, haz clic en ella. Aparece el
25 siguiente menú emergente(Figura 32), ofreciéndote varias opciones:
Para insertar un dibujo, haz clic en el botón insertar clip y FrontPage
insertará el clip en la página.
La vista previa del clip te permite echar una mirada más cercana a los
detalles del clip.
30 El botón agregar clip a favoritos, sirve para almacenar los clips que
35
40
45
Figura 33. Inserción de dos imágenes

01 más te gusten en la categoría favoritos.

El botón buscar clips similares te ayuda a crear un estilo de imagen que
guarden relaciones entre páginas.
Cuando insertas una imagen, el cuadro de diálogo se cierra y la vista
05 Página reaparece, con la imagen que seleccionaste insertada en tu docu-
mento.
Prueba a insertar dos imágenes en tu Web en la Página con la que estas
trabajando. Colócalas como en la pantalla de la figura 33.
10
6 modificar una imagen

Una vez que has insertado una imagen puedes cambiar sus propiedades,
tamaño, posición, color, etc. Para poder hacer todos estos cambios si-
15 gue los pasos:
Figura 34. Barra de herramientas Imágenes
20 · Haz clic encima de la imagen que quieres modificar.

· Aparece la barra de herramientas de imagen (figura 34). Si no ves
por ninguna parte esa barra de herramientas, selecciona el menú ver /
barra de herramientas / imágenes.
Con esta barra de herramientas puedes añadirle texto a la imagen, cam-
25 biarla de posición, girar y voltear, cambiar el contraste y el brillo, recortar,
cambiar el color, añadirle zonas activas y restaurar la imagen (si no te
gustan los cambios si le das a el botón restaurar volverás a tener la ima-
gen con su configuración original).
30
7 guardar una imagen

Una vez que has insertado las imágenes y cambiado sus propiedades,
guarda tu sitio Web y cierra el FrontPage. Cuando insertas una imagen
35 en una página Web, FrontPage te da la opción de guardar cada imagen
nueva.
FrontPage te mostrará el cuadro de diálogo guardar archivos incrusta-
dos con una lista de las imágenes o archivos que insertaste en las páginas
del web de FrontPage actual (Figura 35) que permite elegir si deseas
40 guardar los archivos incrustados en el Web de FrontPage actual, o si no
hay ningún Web abierto en el Explorador de FrontPage, en el sistema de
archivos.
Puedes cambiar el nombre de la imagen si lo deseas seleccionándola y,
45 a continuación, haciendo clic en el botón cambiar nombre para evitar
sobrescribir un archivo, o cambiar alas ubicación del mismo pulsando
01
05
10
15 Figura 35. Guardar archivos incrustados
cambiar carpeta. En la columna acción de la lista archivos incrustados

20 que se guardarán se muestra la acción que se llevará a cabo con cada
archivo incrustado. Para cambiar la acción que de va a llevar a cabo en
un archivo, selecciona el archivo correspondiente y a continuación haz
clic en el botón establecer acción (figura 36), aparece entonces un cua-
dro de diálogo que te permite seleccionar la acción:
25 · Si la acción se establece como guardar, el archivo se guardará en la
carpeta especificada en la colum-
na carpeta.
· Si la acción se establece como
no guardar, entonces el archivo
30 no se guardará en el Web de
FrontPage actual; en su lugar, la
página contendrá un hipervínculo
a la ubicación original del archi- Figura 36. Establecer acción
vo.
35
40
45

01
05
10
15
20
25
30
35
40
45

clase 4
4
© PC Carrier
E
01 n esta lección vas a seguir trabajando con las imágenes. Aprende
rás a insertar imágenes, desde un archivo y desde la World Wide
Web. También verás como cambiar las propiedades de una ima-
gen, la alineación, el tamaño, el grosor del borde, etc.
05
1 insertar imagenes de un archivo

Abre el FrontPage y tu sitio Web (con el que estas trabajando). Vete a la
10 vista carpetas y elige la página INTEREST.HTM, vas a añadirle una imagen
a esta página. Pero esta vez lo harás desde un archivo. Los pasos que
tienes que seguir son:
· Haz clic en el punto de la página en que deseas insertar la imagen.
· Elige el comando imagen del menú insertar, o pulsa el botón in
15 sertar imagen de la barra de herramientas estándar.
· Pulsa el botón archivo para especificar un archivo de otra carpeta
de tu equipo o de la red local. Te aparecerá la pantalla de la figura 37.
· Selecciona la ubicación del archivo en el cuadro de texto buscar en. El
cuadro de texto buscar en muestra inicialmente la dirección URL del
20 Web de FrontPage actual. El área que se encuentra bajo este cuadro
contiene todas las carpetas y los archivos de ese Web. Si haces doble
clic en una carpeta para explorarla, el cuadro buscar en contendrá el
nombre de la carpeta seleccionada. Si quieres buscar la imagen en otra
dirección URL distinta a la actual, ponte encima del recuadro Dirección
25 URL y aprieta el botón archivo , este botón te abrirá una pantalla en la
que puedes seleccionar la carpeta en la que se encuentra la imagen que
01
05
10
15
Figura 37. Insertar Imagen desde Archivo
20
25
30
Figura 39. Seleccionar archivo
35
quieres insertar (Figura 39). Cuando tengas seleccionada la imagen, haz

clic en aceptar, se cerrara la ventana y tendrás la imagen elegida insertada
en tu página. Y ahora solo te queda colocarla con estilo.
40
2 insertar una imagen desde WWW

45 Para insertar una imagen proveniente de alguna página del web, sigue
estos pasos:
01 · Haz clic en el punto de la página en que deseas insertar la imagen.

Nota: también
puedes utilizar el
· Elige el comando imagen del menú insertar, o pulsa el botón inser-
botón Escáner del tar imagen de la barra de herramientas estándar.
cuadro de diálogo · Para buscar la imagen en una dirección WWW ponte encima del
Imagen para 05 recuadro dirección URL y aprieta el botón explorador, este bo-
adquirir una imagen
desde una cámara
tón te abrirá una pantalla (El Explorador) en la que puedes explorar
digital, un escáner o hasta que encuentres la imagen que quieres insertar (figura 41).
cualquier otro · Haz clic en la imagen elegida y arrástrala hasta la barra de estado del
dispositivo de explorador. Sin cerrar el explorador de Web, vuelve al FrontPage.
captura de imáge-
10
nes compatible
TWAIN que tengas
instalado en tu
equipo.
15
20
25
30
Figura 41. Internet Explorer
FrontPage llenará el campo dirección URL con la dirección URL que

35 acabas de explorar. Y ahora solo te queda colocarla con estilo. Una
vez que tienes insertadas tres imágenes (una elegidas con el botón
archivo, otra con la galería de imágenes y otra con el botón WWW)
hazles los cambios necesarios para que te quede como la (figura
42). Copia también el texto.
40
3 propiedades de imagen
45 Puedes cambiar las propiedades de una imagen insertada en una página
Web pulsando el botón derecho del ratón sobre dicha imagen y seleccio-
01
05
10
15
Figura 42. Inserción de imágenes
nando el comando propiedades de imagen (Figura 43). En el cuadro de

20 diálogo propiedades de imagen tienes las siguientes opciones:
25
30
35
40
45
Figura 43. Propiedades de imagen

01 · Imagen alternativa de baja resolución: Cuando quieres mostrar una

imagen muy grande en un explorador Web mientras ésta se carga lenta-
mente desde el servidor, puedes especificar una imagen pequeña que se
mostrará en su lugar. Para ello:
05 · En el área representaciones alternativas, elige examinar.
· Haz clic en una imagen de la lista de imágenes del Web y a conti-
nuación haz clic en aceptar.
· Texto alternativo: Este texto es útil para aquellos exploradores que
tienen desactivada la carga automática de las imágenes o para los
10 navegadores no gráficos. Para añadir este práctico texto, simplemente
teclea una descripción o nombre para su imagen en el campo texto.
· La pestaña vídeo: En esta pestaña podrás realizar cambios a archivos
multimedia, profundizaremos en ellos más adelante.
Nota: Algunos
exploradores de
· Apariencia de una imagen.
Web muestran 15 · Haz clic en la pestaña Apariencia(Figura 44) del cuadro de diálogo
también el texto propiedades de la imagen
alternativo mientras · En la zona diseño, puedes elegir la alineación de la imagen. Para
se carga la imagen,
por lo que es
elegir otro tipo de alineación para tu imagen, haz clic en el cuadro de
conveniente rellenar lista alineación y selecciona una de las opciones.
este campo con un 20 · Puedes especificar que el navegador deje un margen de espacio blanco
texto descriptivo del
contenido de la
imagen.
25
30
35
40
45
Figura 44. Apariencia de una imagen

01 alrededor de tu imagen. Teclea un número(en píxeles) en los cuadros

de texto espaciado horizontal y vertical.
· Especificar el tamaño de una imagen permite que el navegador
cargue la imagen de forma más eficiente, ya que puede reservar espa-
05 cio mientras está buscando la propia imagen. FrontPage establece
automáticamente el tamaño de la imagen cuando la inserta por pri-
mera vez, pero si quieres cambiar el tamaño de la imagen, puedes
hacerlo.
· Borde sólido alrededor de una imagen. Para ello, teclea un núme-
10 ro (en píxeles) en el cuadro de texto grosor del borde. Dejando el
cuadro de texto vacío o tecleando 0 evitamos que aparezca borde
alguno. Teniendo en cuenta que los bordes alrededor de las imágenes
pueden hacer que una página parezca apretujada y recargada, dejar
este parámetro vacío o especificar 0 es la opción que te recomiendo.
15 Cuando hayas finalizado, haz clic en aceptar para cerrar el cuadro de
diálogo Propiedades de imagen y volver a la vista página. Los cambios
realizados a las propiedades de la imagen se hacen visibles.
Una vez que has insertado las imágenes y cambiado sus propiedades,
guarda tu sitio Web y cierra el FrontPage. Cuando insertas una imagen
20 en una página Web, FrontPage te da la opción de guardar cada imagen
nueva, sigue los pasos de la clase 3.
25
30
35
40
45

clase 5
5
© PC Carrier
E
01 n esta clase aprenderás a utilizar la característica temas, utilizarás
divisores(líneas horizontales) como separación entre partes de una
página, aprenderás a cambiar la apariencia de los divisores, así
como a utilizar una línea gráfica de la Galería de imágenes. También
05 verás como modificarle el color de fondo a una página y como utilizar
una imagen como fondo. Añadirás marquesinas, comentarios y fechas y
horas en las páginas de tu Sitio Web.
10
1 temas
FrontPage 2000 dispone de una característica denominada temas, que es
una colección de elementos de diseño de página que proporcionan una
apariencia característica, que puedes emplear para tus páginas. Las pá-
15 ginas diseñadas con un tema disponen de un titular gráfico y una barra
de navegación en la parte superior de la página, así como una imagen de
fondo. Puedes elegir entre una gran variedad de temas, según tus gustos.
Para probar esta característica lo primero que vas a hacer es cambiar el
tema de tu sitio Web, para la selección de un tema para un web completo
20 sigue estos pasos:
· Con tu web abierto, desde la barra de menús, selecciona formato /
tema.
· Avanza por la lista de temas que aparecen a lo largo de la parte
izquierda de la ventana (Figura 45) y selecciona el que te guste. Una
25 muestra del tema aparece en la ventana de la parte derecha, de forma
que puedas apreciar lo que has elegido.
01
Nota: Si has aplica-
do un tema a tu web
y luego cambias de
idea, para quitarlo
solo tienes que 05
seguir los mismos
pasos, pero en el
paso 2, en vez de
elegir un tema,
selecciona Sin
tema.
10
Figura 45
15 · Asegúrate de que la opción todas las páginas esta seleccionada.

· Elige un tema para tu web, por ejemplo PINTURA SUMI.
· También puedes decidir si quieres que el tema de tu Web incluya:
colores intensos, gráficos activos e imágenes de fondo.
· Una vez que has elegido todo los cambios haz clic en aceptar.
20 Para seleccionar un determinado tema para una única página, asegúrate
Nota: Si deseas
eliminar titulares, de que has elegido en la zona aplicar el tema a la opción páginas selec-
botones y elementos cionadas.
similares que están
en tu página,
simplemente selec-
ciona con el ratón 25
2 utilización de divisores
los elementos que
quieres eliminar y Las líneas horizontales sirven como separación en las páginas. Puedes
luego pulsa la tecla insertar divisores debajo de las cabeceras de los documentos, entre las
Suprimir.
partes de un artículo, o en cualquier lugar que desees.
30
35
40
45
Figura 46. Líneas de división

01 Cuando insertas un divisor horizontal, obtienes una línea con aspecto de

grabado, centrada en la página y que ocupa el cien por cien del ancho de
la ventana. Posteriormente, puedes cambiar el aspecto y propiedades de
esta línea; las líneas adicionales que crees después de ajustar las propie-
05 dades de esa línea aparecerán con el mismo aspecto. Hasta que
restablezcas sus propiedades.
Ahora vas ha ponerle unas líneas de división a tu sitio Web, una vez que
lo tengas abierto, ponte en la página proyectos en curso. Para que
FrontPage te deje hace modificaciones en las líneas vas a sacarle el tema
10 solo a esta página (para ello sigue los pasos del punto anterior). Vas a
ponerle una línea de división después de cada proyecto. Sigue los pasos
que vienen a continuación hasta que te quede una página como la de la
figura 46.
15
2.1 inserción de un divisor
Haz clic en la página para colocar el punto de inserción del cursor donde
desees que aparezca la línea.
Desde la barra de menús, selecciona insertar / línea horizontal.
20 Aparece una línea en 3-D de un lado a otro de la página (si tienes tu sitio
creado siguiendo un tema, la línea aparecerá con los colores de tu sitio).
2.2 cambio de la apariencia de un divisor

25 Puedes modificar la altura, anchura y apariencia de las líneas horizonta-
les. Solo tienes que seguir estos pasos:
· Haz clic con el botón derecho en la línea que quieres cambiar y, del
menú emergente que aparece, selecciona propiedades de línea hori-
zontal.
30 · Aparece la figura 47. Para hacer la línea más larga o más corta,
puedes ajustar el ancho de la línea. En la zona ancho, selecciona una
unidad de medida.
· Si quieres que la línea ocupe un cierto porcentaje del espacio de la
ventana abierta, haz clic en porcentaje de la ventana.
35 · Si quieres que la línea ocupe un cierto número de píxeles, haz clic
en píxeles.
· Teclea un número en el cuadro de texto ancho (o haz clic en las
flechas para incrementar o disminuir el número)para indicar el por-
centaje o el número de píxeles que quieres.
40 · Para cambiar el grosor de la línea, en la zona alto del cuadro de
diálogo propiedades de la línea horizontal, elige el número de píxeles
de anchura que quiere que tenga su línea.
Por defecto los separadores aparecen en el centro de la página. Pero
45 si quieres que algunas líneas (en particular las pequeñas), se alineen a
la izquierda o a la derecha de la ventana en lugar de adornar el centro.
01 · Haz clic en izquierda, derecha,

para elegir una alineación.
Normalmente, una línea toma la apa-
riencia del fondo; pero si quieres que
05 resalte aún más, puedes ajustar el
color de la línea abriendo el cuadro
desplegable color y seleccionando el
color que prefieras.
Si quieres eliminar el biselado (la
10 sombra en 3-D) de la línea, activa la Figura 47. Propiedades de línea horizontal
casilla de verificación línea sólida.
Haz clic en aceptar para cerrar el
cuadro de diálogo propiedades de la línea horizontal. Reaparecerá la
ventana de la vista Página y veras la línea con los cambios realizados.
15
2.3 utilización de una línea gráfica de la galería

Puedes insertar una imagen, como separador de una forma muy fácil.
Sigue estos pasos:
20 · En la barra de menús, selecciona insertar / imagen / imágenes.
25
30
35
40
45
Figura 48 Propiedades de la imagen

01 Aparece el cuadro de diálogo imágenes.

· En la zona de imágenes hay una gran cantidad de categorías. Selec-
ciona divisores y decoraciones o divisores Web.
· Selecciona un separador que se adapte a tus preferencias. Haz clic
05 en el botón derecho del ratón sobre tu elección y aparecerá el menú
emergente (visto en clase 3). Haz clic en la opción insertar y la ima-
gen aparecerá en tu página.
· Cierra el cuadro de diálogo. Ahora tendrás en tu página la nueva
línea.
10
2.4 hacer cambios a la línea gráfica

Una vez que ya tienes una imagen para utilizarla como línea gráfica,
puedes modificarla a tu gusto. Solo tienes que seguir los pasos:
15 · Selecciona la línea que quieres modificar, con el ratón y haz clic en
uno de los botones de alineación (izquierda, derecha o centrado) en la
barra de herramientas formato.
· Si deseas cambiar la longitud, haz clic en el botón derecho sobre
ella y desde el menú emergente que aparece, selecciona propiedades
20 de la imagen (figura 48).
Aparece el cuadro de diálogo propiedades.
· Haz clic en la pestaña apariencia. Los contenidos del cuadro de
diálogo cambian para reflejar su elección.
· En la zona tamaño, haz clic en la casilla de verificación especificar
25 tamaño.
· En los cuadros de texto ancho y alto, especifica cada valor como
porcentaje o píxel.
· Haz clic en aceptar para cerrar el cuadro de diálogo imagen. La
ventana de la vista Página reaparece y puedes apreciar los cambios
30 que has hecho a tu línea gráfica.
3 utilización de fondos especiales

35 Ahora vas a ponerle un color de fondo a la página PROYECTOS EN CURSO.
Para establecer un color de fondo a una página sigue los pasos:
· Con la página cuyo fondo quieres cambiar abierta (Proyectos en
curso), selecciona formato / fondo. Aparece el cuadro de diálogo
propiedades de página, con la sección fondo en primer plano (figura
40 49).
· Haz clic en el cuadro desplegable fondo y selecciona un color de
entre los disponibles. Para elegir un color diferente de los que se pre-
sentan por defecto, selecciona más colores. Aparece el cuadro de
45 diálogo más colores. Elige personalizado.
· Para elegir el color, haz clic en la zona matiz del cuadro de diálogo
01 color y luego haz clic en la zona de tono para ajustar el brillo y el

contraste del color. El color que selecciones aparece en la zona color/
sólido.
· Haz clic en agregar a los colores personalizados y el color que has
05 elegido aparece en la zona colores personalizados del cuadro de diá-
logo color.
10
15
20
25
Figura 49 fondo
· Haz clic en aceptar para cerrar el cuadro de diálogo. El cuadro de

30 diálogo Propiedades de la página reaparece. El color que has selec-
cionado está ahí, junto a las palabras COLORES PERSONALIZADOS, en el
cuadro desplegable fondo.
· Haz clic en aceptar para aplicar el color de fondo que has elegido
para tu página.
35
4 establecer una imagen de fondo

Para utilizar una imagen como fondo de una página sigue estos pa-
40 sos:
· Selecciona formato / fondo. Aparece entonces el cuadro de diá-
logo propiedades de la página, con la sección fondo en primer
plano (Fig.49)
45 · Selecciona la casilla de verificación imagen de fondo. El botón
examinar se activa.
6
01
05
10
15
Figura 50 ejemplo de fondo
· En el cuadro de texto situado debajo de imagen de fondo, teclea

20 el camino completo a la ubicación de la imagen de fondo que quie-
res emplear o haz clic en examinar para especificar una ubicación dentro
de un web de FrontPage o de tu ordenador.
· Si estas empleando una imagen grande para tu fondo, puedes seleccio-
nar la casilla de verificación marca de agua.
25 · Haz clic en aceptar.
Prueba a insertar varias imágenes como fondo y cuando encuentres una
que te guste guarda tu sitio Web.
30
35
40
45
Figura 51Propiedades de marquesina

01
5 añadir una marquesina

05 Las marquesinas son zonas de texto en desplazamiento. Para añadir una
marquesina sigue los pasos:
10
15
20
Figura 52. Ejemplo marquesina
· Teniendo abierta una página que no contiene botones, coloque el cursor

25 donde quieres que aparezca el botón.
Nota: La marquesi-
na solo aparece
· Desde la barra de menús elige insertar / componente / marquesina.
cuando estás en · En el cuadro de texto texto de botón, teclea el texto que deseas que se
Vista Preliminar. muestre en la marquesina.
· En la zona dirección, puedes elegir que el texto se desplace tanto desde la
30 derecha como desde la izquierda, simplemente haciendo clic en el botón
de opción apropiado.
· En la zona velocidad, especifica el retardo (en segundos) antes de que la
marquesina comience a desplazarse y su velocidad de desplazamiento.
Puedes elegir un comportamiento para tu marquesina. Incluyen despla-
35 zamiento, deslizamiento o permitir que alterne ambos estilos.
· Selecciona una alineación para el texto y el tamaño del cuadro de texto.
· Si quieres que la marquesina se repita, haz clic en la casilla de verificación
continuamente.
· Selecciona un color de fondo y haz clic en aceptar.
40
6 inclusión de comentarios
45 Los comentarios explican exactamente lo que una sección concreta del
código o un programa pretenden hacer. Para insertar un comentario en
01 tu página Web(Proyectos en curso), sigue los pasos:

· Coloca el cursor donde quieras insertar un comentario.
· Desde la barra de menús selecciona insertar / comentario, figura 53.
· Teclea el comentario que desees.
10
15
Figura 53. Comentario
El comentario que has introducido se coloca ahora en la página con un

color diferente al del texto que le rodea.
20
Nota: El comentario
solo aparece
cuando estás
editando la página.
7 añadir fecha y hora
Cuando quieras colocar en tus pági-
25 nas la fecha y hora actuales. Muchos
sitios permiten que los usuarios se-
pan cuándo han sido actualizados
por última vez. El componente aña-
dir fecha y hora hará este trabajo de
30 forma automática. Para añadir fecha
y hora en todas las páginas de tu si- Figura 54
tio Web, sigue los pasos:
· Coloca el cursor donde quieras que aparezca la marca de fecha y hora.
· Desde la barra de menús, selecciona insertar / fecha y hora (figura
35 54).
Dispones de dos posibilidades a la hora de elegir que fecha aparecerá:
· La fecha en la que esta página fue editada por última vez.
· La fecha en la que esta página fue actualizada automáticamente por
última vez.
40 · Haz clic en uno de los botones de opción.
· En la lista desplegable formato de fecha, elige un formato para la
presentación de la fecha.
· En la lista desplegable formato de hora, elige un formato para la pre-
45 sentación de la hora. Si no quieres que aparezca la hora junto a la fecha,
selecciona NINGUNO.

Cuando acabes guarda tu sitio y cierra el FrontPage.
05
10
15
20
25
30
35
40
45

clase 6
6
© PC Carrier
E
01 n esta clase insertarás titulares en las páginas, contadores de vi-
sita y botones activables. Aprenderás a insertar la barra de Ex-
ploración, un formulario de búsqueda, incluir una página dentro
de otra página, programación de la inclusión de páginas y programación
05 de la presentación de una imagen.
1 titulares en las páginas

10 Este componente, te permite configurar un mensaje publicitario con efec-
tos especiales. Para insertar un titular en tu página (vas a crearlo en la
página: INDEX.HTML) sigue los pasos:
· Coloque el cursor en el punto en el que quieres insertar el titular.
· Desde la barra de menús, selecciona insertar / componente / admi-
15 nistrador de titulares. Aparece la figura 55.
· Establezca la altura y la anchura del titular.
· Elija un efecto.
· En el cuadro de texto vincular a, añade el URL que quieres que sea
el destino del titular. Puedes emplear el botón examinar para encon-
20 trar lo que está buscando o simplemente teclea la ubicación.
· En imágenes que se mostrarán, puedes seleccionar los gráficos a tu
gusto. Puedes emplear más de uno, pero mantener el número en tres
es probablemente lo más apropiado para los sitios pequeños.
· Haz clic en aceptar.
25 Sigue los pasos anteriores hasta que en tu página MI PRIMERA PÁGINA,
tengas un titular como el de la figura 56.
7
01
05
10
15
Figura 55. Propiedades del administrador de titulares

20
25
30
35
Figura 56. Ejemplo de Titular
40
2 contador de visitas
Este componente de FrontPage contabiliza cada visita a tu página y lue-
45 go muestra, la cuenta. Para insertar el contador en la página MI PRIMERA
PÁGINA siga los pasos:

01 · Coloca el cursor en el punto en el que quieras insertar el contador de

visitas.
· Desde la barra de menús, selecciona insertar / componente / con-
tador de visitas a la página. Aparece la figura 57.
05 · Se le presenta una variedad de estilos de contadores; selecciona el
que más te guste haciendo clic en el botón de opción. O selecciona el
botón de opción imagen personalizada, si has diseñado tu propia
Nota: Si, el resto de
los Web de su sitio fuente o has obtenido otra fuente de cualquier otra parte.
emplean un tema, · Por defecto el contador aparecerá en 0, pero puedes hacer que apa-
deberías aplicar 10 rezca en el valor que quieras. Para establecer el número que desees,
este tema a este haz clic en la casilla de verificación restablecer el contador a y te-
nuevo Web.
clea un número en el cuadro de texto.
· También por defecto, el contador contará indefinidamente, añadien-
do los dígitos necesarios a medida que se incremente el número de
15
20
25
30
35
40
45
Figura 57. Propiedades del contador

01 visitantes. Para incrementar o disminuir el número de dígitos que se

Nota: El botón será
visible; el efecto sin
muestran, selecciona la casilla de verificación número fijo de dígitos
embargo, no es que prefieras.
visible. Para verlo · Cuando acabes de hacer tus selecciones, haz clic en aceptar.
tienes que ir a la 05
Vista previa en un
navegador Web.
3 creación de botones activables
Con este componente puedes añadir efectos a tus páginas Web. Sigue
10 los pasos que vienen a continuación para insertar un botón activable en
la primera página de tu sitio Web:
· Teniendo abierta una página que no contiene botones, coloque el
cursor donde quieres que aparezca el botón.
· Desde la barra de menús selecciona insertar / componente / botón
15 activable (Figura 58).
· En el cuadro de texto texto de botón, teclea el texto que deseas que
aparezca en el botón. Puedes cambiar la fuente, haciendo clic en el
botón fuente y haciendo una selección.
· En el cuadro de texto vincular a, teclea el URL de la página que vas
20 a cargar cuando un visitante haga clic en ese botón.
· En las listas desplegables color
del botón, color de fondo y co-
lor de efecto, selecciona los
colores para el botón activable.
25 · El color que elijas para el botón
será el color base para el botón,
mientras que el color de fondo Figura 58.Propiedades del botón activable
aparecerá detrás del botón. El
color de efecto es el color que se
30 aplica al efecto que se selecciona en el paso siguiente.
· En el menú desplegable efecto, selecciona el efecto que debería apa-
recer cuando el usuario posiciona el puntero del ratón en el botón.
Nota: También Puedes elegir solo uno; practica con todos ellos hasta que encuentres
puedes crear uno que te guste.
hipervínculos a
cualquier página de
World Wide Web
escribiendo directa-
mente la dirección
URL de la página de 4 la barra de exploración
destino en el campo
Dirección URL o 40 Una barra de exploración es una barra que facilita la navegación entre
explorando la Web las páginas de un sitio Web.
para buscarla, o La única complicación de la barra de exploración es entender las opcio-
incluso creando
directamente una
nes del cuadro de diálogo propiedades de la barra de exploración (figura
página para un 45 59). Hay dos secciones:
nuevo hipervínculo. · Hipervínculos para agregar a la página: las distintas opciones de
01 esta sección permiten incluir hipervínculos a unas páginas o a otras.

· Orientación y apariencia: puedes situar la barra de exploración en
vertical u horizontal, además de indicar si quieres que esté formada
por texto o por botones.
05
10
15
20
25
Figura 59. Propiedades de la barra de exploración
Para añadir una barra de exploración a la página, sigue estos pasos:

· Teniendo abierta la página en la que quieres añadir una barra de
30 exploración, coloca el cursor donde quieres insertar la barra de ex-
ploración.
· Desde la barra de menús, selecciona insertar / barra de explora-
ción (figura 59). Aquí especificará qué enlaces al resto de páginas se
incluirán en la barra de exploración. El cuadro de diálogo te va mos-
35 trando los efectos de tus elecciones; haz clic donde desees y verás los
resultados de tu elección de forma gráfica en el diagrama del cuadro
de diálogo. Selecciona el botón de opción que corresponda a tus in-
tenciones (Nivel secundario).
· Puedes añadir dos páginas adicionales a aquéllas que has elegido en
40 el paso 3: la Página principal y la Página primaria. Selecciona una de
ellas o ambas haciendo clic en sus casillas de verificación.
La barra de exploración puede colocarse horizontal o verticalmen-
te; elige una opción haciendo clic en el botón de opción adecuado.
45 · Elige si los enlaces que aparecen en la barra de exploración serán
botones gráficos (botones) o simplemente enlaces de texto (texto).
01
Nota: Para ver la
barra de navega-
ción, tendrá que
hace una vista
previa de la página 05
en un Navegador
Web.
10
15
Figura 60. Página ejemplo

20 La figura 60, te muestra MI PRIMERA PÁGINA con los cambios vistos has-
Nota: También
puedes crear un ta ahora.
formulario de Modifica todas las páginas de sitio Web, configurando sus barras de
búsqueda emplean- exploración.
do la plantilla
Página de búsque-
25
da.
5 añadir un formulario de búsqueda
Este componente sirve para, garantizar a tus usuarios un acceso rápido a lo
que buscan en tu sitio ofreciéndoles la capacidad de búsqueda. El usuario solo
30 debe teclear una palabra o frase en un cuadro de texto, luego pulsar el botón
Buscar y aparece una lista de elementos de tu sitio que tienen ese tema.
Para añadir un formulario de búsquedas sigue los pasos:
· Coloca el cursor en el punto en el que quieres insertar la búsqueda.
· Desde la barra de menús, selecciona insertar / componente / formula-
35 rio de búsqueda (o haz clic en el botón componente de la barra de
herramientas).
· En el cuadro de diálogo propiedades de formulario de búsqueda (figura
61), selecciona la pestaña propiedades de formulario de búsqueda.
Puedes cambiar los valores predeterminados para las diversas etiquetas y
40 botones, tecleando los diferentes nombres en los cuadros de texto de los
campos.
· Cuando estés satisfecho con tus elecciones, haz clic en la pestaña resulta-
dos de la búsqueda. Puedes ahora modificar los resultados de la búsqueda
45 y cómo se presentan. Cuando estés satisfecho con tu personalización
de la búsqueda, haz clic en aceptar.
01 · Para ver el resultado, haz clic en la pestaña vista previa.

En la figura 63, puedes ver un ejemplo del comando añadir un formu-
lario.
05
10
15
20
25
Figura 61. Propiedades de formulario de búsqueda
30
35
40
45
Figura 63.

01
05
10
15
20
Figura 62. Resultados de la búsqueda
25 Ahora añade un formulario de búsqueda en todas las páginas de tu sitio

Web.
30
6 incluir una página dentro de otra
Este componente toma el contenido de una página Web y lo muestra
dentro de otra página Web.
Sigue estos pasos para utilizar el componente incluir página:
· Teniendo abierta la página en que quieres incluir la segunda página,
35 coloca el cursor donde quieres que vaya la página insertada.
· Desde la barra de menús selecciona insertar / componente / in-
cluir página. (figura 64). En el cuadro de texto página que se va a
incluir, teclea el URL de la página que quieres incluir.
· O haz clic en el botón examinar y, desde la lista que aparece, selec-
40 ciona la página que quieres incluir
y haz clic en aceptar.
· Haz clic en aceptar. Aparece
la ventana de la vista Página,
45 mostrando ahora el contenido de Figura 64 Propiedades de inclusión de
la página insertada dentro de la página
01
05
10
15
Figura 65. Ejemplo inclusión de páginas
página actual. En la figura 65 tienes un ejemplo de la página

20
Favorite.htm incluida en la página PHOTO.HTM
7 inclusión de páginas
25
Este componente te permite establecer páginas incluidas que aparecen
de acuerdo a una fecha de comienzo, fecha de fin o ambas (figura 66).
30
35
40
45
Figura 66. Propiedades de inclusión programada de página

01
8 presentación de una imagen

05 Este componente es parecido al anterior, la única diferencia es que lo
que tienes que incluir y programar son imágenes (figura 67).
10
15
20
25
Figura 67. Propiedades de imagen programada
30
35
40
45

clase 7
7
© PC Carrier
E
01 n esta clase crearás un nuevo sitio Web, que servirá como foro
público de discusión sobre cualquier tema. Conocerás para que
sirven los hipervínculos y como utilizarlos. Aprenderás a añadir
una página nueva a tu Sitio Web y crear una tabla de contenido. Y por
05 último conocerás como funcionan los bordes compartidos.
1 web de discusión
10 Un grupo de discusión es un foro público para debatir sobre un tema.
Para crear un Web de discusión sigue los pasos:
· Desde el menú de FrontPage, selecciona archivo / nuevo / web.
Aparece el cuadro de diálogo nuevo (figura 68).
· Desde la lista de sitios web, selecciona asistente para Web de dis-
15 cusión.
· Haz clic en finalizar y se crea un grupo de discusión básico, genéri-
co. O haz clic en siguiente para personalizar el web de discusión y
luego vete siguiendo las instrucciones que aparecen en pantalla.
20 Una vez que tienes personalizado tu Web de discusión, haz clic en acep-
tar. Los archivos que se muestran en la ventana son las páginas Web
que constituyen el Web de discusión. Éstas incluyen:
· Una página que actúa como la página principal que ve la gente cuando
usa el grupo de discusión, que muestra todos los mensajes que los
25 usuarios han enviado.
· Una página en la que los usuarios introducirán un nuevo mensaje.
01
05
Nota: Un Web de
discusión es un Web
de FrontPage 10
dentro de otro.
15
Figura 68. Nuevo
20
· Una página que facilita la búsqueda de mensajes enviados anterior-

mente.
· Una página que aparece después de que un usuario envíe un mensa-
je, para confirmar su recepción.
25 En la figura 69 tienes un ejemplo de formulario de discusión, en vista
previa del FrontPage. En la figura 70, tienes un ejemplo de formulario
de discusión en un explorador (Internet Explorer), que será como lo ve-
rán los usuarios que estén consultando tu sitio Web.
También deberías enlazar el nuevo Web de discusión desde otras partes
30 de tu sitio, para enlazar las páginas y los sitios Web se utilizan los
hipervínculos que verás a continuación.
35
40
45
Figura 69 Formulario de discusión FrontPage

01
05
10
Figura 70. Formulario de discusión desde el Explorador
15
2 los hipervínculos
20 Un hipervínculo es una conexión desde una página Web a otro archivo
de World Wide Web. La mayoría de las veces, el destino del hipervínculo
es otra página Web, pero también puede tratarse de un archivo multimedia
o incluso de un programa.
Los hipervínculos están incrustados directamente en el texto o las imá-
25 genes de una página y proporciona pistas o información acerca de su
destino.
Si haces clic en un hipervínculo a una página desde un explorador, éste
obtendrá la página del servidor y la mostrará en le ventana del explora-
dor.
30 Cuando haces clic en un hipervínculo a otro tipo de archivo, éste se
carga y se abre en el programa asociado.
2.1 crear hipervínculos

35 Para crear un hipervínculo tienes que seguir la secuencia de pasos:
Selecciona un texto o imagen para crear un hipervínculo.
Haz clic en el botón crear o modificar hipervínculo o bien selecciona
ese comando en el menú edición o en el menú insertar. Aparece la figu-
ra 71.
40 · Escoge el destino en la lista con el contenido de tu Web con el
botón examinar en la ficha Web actual o entre las páginas abiertas
en la ficha páginas abiertas.
45 Las opciones del cuadro de diálogo para crear un hipervínculo son las
siguientes:
01
05
Nota: También
puedes crear
hipervínculos a
cualquier página de
10
World Wide Web
escribiendo directa-
mente la dirección
URL de la página de
destino en el campo
Dirección URL o
explorando la Web 15
para buscarla, o
incluso creando
directamente una
página para un
nuevo hipervínculo.
Figura 71. Crear hipervínculo
20
· Buscar en selecciona la dirección URL relativa de la página a la

que apuntará el hipervínculo que estás creando o modificando en ese
25 momento.
· Archivo haz clic en archivo para elegir o comprobar la dirección
URL relativa de la página a la que apuntará el hipervínculo que estás
creando o modificando.
· Correo electrónico haz clic en este botón para crear un hipervínculo
30 que cree un nuevo mensaje de correo electrónico. Cuando un usuario
que está visitando su sitio Web hace clic en un hipervínculo de correo
electrónico, el explorador de Web abrirá un programa de correo que
le solicitará un mensaje y enviará el mensaje a la dirección de correo
electrónico que se especifica en el hipervínculo.
35 · Marcador puedes seleccionar el nombre de un marcador al que
apuntará el hipervínculo actual.
· Marca de destino si está definido un conjunto de marcos, elige el
nombre del marco en el que se mostrará el destino del hipervínculo.
Nota: el nombre del
Si indicas un marco y no está cargado ningún conjunto de marcos, el
marcador que
escribas en este 40 explorador de Web creará una nueva ventana para mostrar el destino
campo debe coinci- del hipervínculo.
dir con un nombre · Dirección URL este campo señalará la ubicación a la que apuntará
de marcador creado
el hipervínculo.
previamente me-
diante el comando 45 Ahora que ya sabes como se utilizan los hipervínculos vamos a crear un
Edición: marcador. enlace entre tu sitio Web y el sitio de discusión creado hace un momen-
01 to. Escribe la palabra o frase que quieres que actúe como hipervínculo
(Por ejemplo: GRUPOS DE DISCUSIÓN). Una vez que la tengas escrita, se-
lecciónala y sigue los pasos descritos anteriormente.
05
3 construir la tabla de contenidos

Una página de contenidos para un Web de FrontPage actúa de la misma
manera que el índice de un libro. El componente tabla de contenido crea
10 una lista de aquellas páginas que están enlazadas a la página principal
del web.
Vas a crear una tabla de contenido para tu sitio, para ello lo primero que
tienes que hacer es crear una nueva página en blanco.
15
3.1 creación de una página Web nueva
FrontPage te permite añadir a tu Web páginas vacías que posteriormente
puedes abrir y llenar de contenido.
20
25
30
Figura 72. Propiedades de componente de tabla de contenido.
35
Para crear una nueva página en blanco en un web de FrontPage, es mejor

estar en la vista carpetas.
· Con tu Web abierto en la vista carpetas, desde la barra de menús de
FrontPage selecciona archivo / nuevo / página.
40 · Teclea un nombre de fichero. Este nombre debe ser corto descripti-
vo, fácil de recordar y tener una extensión (htm ó html).
· Pulsa intro y listo.
Para crear una tabla de contenidos, sigue estos pasos:
45 · Deberás trabajar en una página vacía (la creada en los pasos anterio-
res).
01
05
10
Figura 73.Tabla de contenido
15
· Desde la barra de menús, selecciona insertar / componente / tabla

de contenido (o haz clic en el botón insertar componente de la ba-
rra de herramientas), figura 72.
20 · En el campo de texto dirección URL de la página para el punto de
inicio de la tabla, añade el nombre de la página inicial para la tabla de
contenido (INDEX.HTM).
· Selecciona un tamaño de fuente para el encabezado.
· Personaliza las opciones y haz clic en aceptar.
25 En la figura 73 tienes un ejemplo de una tabla de contenido.
4 bordes compartidos para un web

30 Teniendo abierta una página en la vista página, desde la barra de menús,
selecciona formato / bordes compartidos (figura 74).
Puedes situar un borde compartido a lo largo de los extremos de la parte
superior, izquierda, derecha e inferior des tus páginas. Selecciona las
casillas de verificación apropiadas. A medida que las seleccionas, una
35 vista previa te muestra los efectos se tu elección en la parte derecha del
cuadro. O, para inhabilitar los bordes compartidos, no selecciones nin-
guna de las casillas de verificación. Una vez que has especificado la
ubicación de los bordes compartidos, haz clic en aceptar.
40
5 bordes compartidos para página

Teniendo abierta una página en la vista página, desde la barra de menús,
45 selecciona formato / bordes compartidos.
Si quieres especificar bordes diferentes para esta página concreta, haz
01 clic en el botón de opción etiquetado página actual (Figura 75).

Para especificar los bordes para esta página, selecciona las casillas de
verificación que desees. O, para inhabilitar los bordes compartidos, no
selecciones ninguna de las casillas de verificación. Haz clic en aceptar.
05
10
15
20
Nota: También Figura 74. Bordes compartidos

puedes crear una
Tabla de contenido 25
empleando una
plantilla.
30
35
40
45
Figura 75

01
05
10
15
20
25
30
35
40
45

clase 8
8
© PC Carrier
E
01 n esta clase utilizarás la vista tareas, añadirás tareas, las modifi
carás, las eliminarás, etc. Aprenderás a trabajar con marcos en
tus páginas.
05
1 gestión de tareas
Para ayudarte a gestionar las actividades de creación y mantenimiento
de tu Web, FrontPage incluye un gestor de tareas denominado vista
10 tareas.
Una tarea es un elemento asociado con un web concreto, que representa
una acción que necesita realizar. Algunas tareas se crean automáticamente
mediante los asistentes de FrontPage. Pero también puedes añadir tus
propias tareas a la vista tareas en cualquier momento.
15 · Trabajando con la vista tareas: cuando abres las vista Tareas (Fi-
gura 76) de un web en concreto, aparece una Lista de tareas
mostrándote qué tareas necesitas completar. En general, las tareas se
muestran en filas y la información sobre las tareas se presenta en
columnas.
20 · El estado de la tarea, designa la tarea como No iniciado, En curso
completada.
· La columna tarea, presenta el nombre de cada tarea.
· La columna asignada a, presenta el nombre de la persona a la que se
ha asignado completar la tarea.
25 · La columna prioridad, indica si a la tarea se le ha asociado una
prioridad alta, media o baja.
01
05
10
Figura 76. Vista Tareas
15
· La columna asociado con, muestra la página asociada a cada tarea.

· La columna fecha de modificación, indica cuándo se modificó la
tarea por última vez.
20 · La columna descripción, muestra información sobre cada tarea.
1.1 añadir una tarea a una página Web

Con un web abierto en FrontPage y con cualquier vista que muestre el
25 archivo al que quieres vincular la tarea, selecciona el archivo.
30
35
40
45
Figura 77. Nueva tarea

01 · Desde la barra de menús, selecciona archivo / nuevo / tarea. O haz

clic con el botón derecho en el nombre del archivo y desde el menú
que aparece, selecciona añadir tarea (figura 77).
· En el cuadro de texto nombre de tarea, teclea una breve frase que
05 identifique o describa la tarea.
· En la zona prioridad, establezca la prioridad adecuada a la tarea
seleccionando uno de los botones de opción etiquetados como alta,
medio o baja.
· Para asignar la tarea a otra persona, teclea el nombre de esa persona
10 en el cuadro de texto asignado a.
· Si deseas añadir más detalles sobre la tarea, teclea esos detalles en el
cuadro de texto Descripción.
· Haz clic en Aceptar.
15
20
Nota: No verás la
tarea listada
inmediatamente al
retornar a
FrontPage, sino que
aparecerá la
25
próxima vez que
cambies a la vista
Tareas.
Figura 78. Ejemplo vista tareas
30
Como ejemplo vamos a crear una tarea, en la que quieres especificar que
en la página FAVORITOS tenemos que insertar una tabla. Sigue los pasos
descritos anteriormente. Ahora crea otra en la que quieres crear una ta-
35 rea que te avise que tienes que crear un formulario en tu sitio Web.
En la figura 78 tienes un ejemplo de la vista tareas con las dos tareas
creadas.
1.2 modificación de una tarea

40
Con un web abierto en FrontPage, desde la barra de menús, selecciona

ver / tareas.
· Haz doble clic en la tarea que quieres modificar.
45 · Cambia cualquiera de los campos tecleando en el cuadro de texto
correspondiente.
01 · Haz clic en aceptar. Cualquier cambio que haya realizado a la tarea

se visualiza en la lista de tareas.
1.3 eliminación de una tarea

05
Con un web abierto en FrontPage, desde la barra de menús, selecciona

ver / tareas. Todas las tareas completadas aparecerán en la lista de ta-
reas, con un círculo verde, junto a ellas. Ahora puedes:
· Hacer clic en la tarea que quieres eliminar y pulsar la tecla supr.
10 · Hacer clic con el botón derecho en la tarea que quieres eliminar y
desde el menú que aparece, seleccionar eliminar.
· Aparece el cuadro de diálogo confirmar eliminación, haz clic en sí.
La tarea ya no aparece en la lista de tareas.
15
1.4 comienzo de una tarea
Para comenzar a realizar una tarea sigue los pasos:
· Con un Web abierto en FrontPage, selecciona, ver / tareas (o haz
clic en el botón tareas). Aparece una lista de tareas, que muestra las
20 tareas pendientes para este web.
· En la lista de tareas, selecciona la tarea en la que quieres trabajar.
· Desde la barra de menús, selecciona edición / tarea / iniciar (figura
79). La página Web asociada a la tarea se abre en la ventana de edi-
ción de FrontPage.
25 Cuando acabes, guarda tu trabajo seleccionando, desde la barra de menús
archivo / guardar.
30
35
40
45
Figura 79. Iniciar tarea

01
1.5 finalización de una tarea

Puedes marcar las tareas como completadas en cualquier momento, pero
05 no hay vuelta atrás. Una vez que una tarea se marca como completada,
no es posible cambiar su estado. Para indicar que una tarea ha sido real-
mente completada, sigue estos pasos:
· Con un web abierto en FrontPage, desde la barra de menús, selec-
ciona ver / tareas. Aparece la lista de tareas.
10 · Selecciona la tarea que ha sido finalizada.
· Ahora, desde la barra de menús, selecciona edición / tarea / mar-
car como completada. En la columna de estado, la tarea aparece
marcada como completada.
15
2 marcos
Los marcos pueden hacer accesible un sitio entero desde una simple
pantalla. Los marcos dividen la ventana del navegador en ventanas indi-
20
25
30
35
Figura 80. Nuevo, página de marcos
40
viduales, cada una de las cuales puede albergar una página individual.
Una página que aparece dentro de un marco puede incluir cualquier ele-
mento que se pueda incluir en una página Web estándar. El poder de
45 navegación de los marcos puede ser asombroso y FrontPage dispone, de
una forma muy fácil de crear una página basada en marcos.
01
2.1 creación de marcos a partir de una plantilla

FrontPage ofrece varias plantillas posibles y métodos de edición de
05 marcos. Solo tienes que elegir el diseño que más se acerque a la idea de
tu página. Para hacer una página de marcos con una plantilla sigue los
pasos:
· Desde la barra de menús, selecciona archivo / nuevo / página. Apa-
rece el cuadro de diálogo nuevo.
10 · Haz clic en la pestaña páginas de marcos (Figura 80).
Puedes elegir entre diez diseños di-
ferentes de marcos, como se detalla
en Figura 79. Haz clic en el nombre
de un diseño y aparece una vista pre-
15 via y una descripción en la parte
derecha del cuadro de diálogo.
Cuando encuentres uno a tu gusto,
haz clic en y luego en Aceptar. Figura 81. Dividir marco
20
2.2 cambios en los marcos de las páginas
Puedes rediseñar la estructura de tu página de marcos de tres formas
diferentes: cambiando el tamaño de los marcos, eliminando marcos y
dividiendo marcos. Para hacer todos estos cambios sigue los pasos:
25 · Con la plantilla de marcos abierta en la vista página, para cambiar el
tamaño de un marco, haz clic en el borde entre dos marcos y arrástra-
lo a la derecha y a la izquierda o hacia arriba o hacia abajo. Se cambia
el tamaño de ambos marcos. Cuando tengas el tamaño deseado, libe-
ra el botón del ratón. Para dividir un marco, haz clic en le marco que
30
35
40
45
Figura 82. Plantilla Jerarquía anidada

01
05
10
Figura 83. Ejemplo de cambios en los marcos

15
quieres dividir. Desde la barra de menús, selecciona marco / dividir

marco (figura 81).
· Si quieres dividir el marco longitudinalmente, haz clic en el botón
20 de opción dividir en filas. Si lo que quieres es dividirlo verticalmen-
te, haz clic en el botón de opción dividir en columnas.
Para eliminar un marco, haz clic en el que quieras borrar. Desde la barra
de menús selecciona marcos / eliminar marco.
25 En la figura 82 tienes un ejemplo de una página de marcos creada con la
plantilla Jerarquía anidada. Inserta en tu sitio web una página con mar-
cos y prueba a hacerle los cambios descritos arriba hasta tenerla como la
página de la figura 83.
30
2.3 asociar una página inicial a un marco
Cuando se carga la página de marcos completa en la ventana de un
navegador, cada marco necesita rellenarse inicialmente con algo, y este
algo es la página inicial. La página inicial será siempre el punto de inicio
35 para tu sitio basado en marcos.
Para añadir una página inicial a un marco, sigue los pasos siguientes:
· Con la plantilla de marcos visible en la vista página, haz clic en el
marco con el que quieres trabajar.
· Haz clic en el botón establecer página inicial. Aparece la figura
40 84.
· Para asociar una página que esta abierta o disponible en tu web
actual, haz clic en el nombre de la página, si lo que quieres es asociar
una página que está en el disco duro, haz clic en el botón seleccionar
45 un archivo en el equipo
· Para asociar una página que se encuentra en la web, teclea su URL
01
05
10
15

20
en el cuadro de texto dirección URL. Para seleccionar una página

empleando el navegador web, haz clic en el botón utilizar el explo-
rador de web
25 · Cuando tengas la dirección (sea local o de Internet) de la página, haz
clic en aceptar.
En tu página de marcos vas a asociar una página inicial en el primer
marco de tu página de marcos, y hazle los cambios indicados anterior-
mente (selecciona una página del web actual, por ejemplo INDEX. HTM
30 para que te quede igual que la figura 87.
35
40
45
Figura 87. Ejemplo de asociar página inicial

01
2.4 asociar una página nueva a un marco

· Con la plantilla de marcos visible en la vista página, haz clic en el
05 marco al que quieres añadir una página.
10
15
Figura 88. Ejemplo de asociar página nueva

20
· Haz clic en el botón nueva página de marco. Aparece una página

en blanco en el marco.
· Ahora puedes comenzar a trabajar con la página.
25 · Inserta una página nueva en el primer marco de tu página de marcos,
y hazle los cambios para que te quede igual que la figura 88.
2.5 guardar un conjunto de marcos

30 Un conjunto de marcos está constituido por varias páginas: la página de
marcos, y las páginas iniciales para cada marco del conjunto de marcos.
Cuando vayas a guardar un conjunto de marcos, tienes que guardar to-
das estas páginas.
Tienes que especificar el archivo y el título de página para la página de
35 marcos y para cada página inicial del conjunto de marcos.
El nombre de archivo de la página de marcos principal es el que se em-
plea como el URL de la página completa: va a ser la dirección que
emplearán los usuarios cuando quieran visitar tu sitio. En la figura 89
tienes el cuadro de diálogo guardar como.
40 Ahora vamos a guardar la página de marcos con la que estás trabajando,
FrontPage te va preguntando el nombre de cada una de las páginas y de
la página de marcos. Vas a ponerle los nombres:
· Ejemplo de página nueva (a la página que asociaste como nueva).
45 · Ejemplo de página inicial (a la página que asociaste como inicial).
· Página de marcos ( a la página de marcos).
01
05
10
15
Figura 89. Guardar como
2.6 modificación propiedades del marco

20 Cuando se trabaja con un conjunto de marcos, puedes ajustar las propie-
dades de cada marco de forma individual, en vez de hacer los cambios
globalmente a todos. Las propiedades en las que puedes modificar un
marco son entre otras: si se puede cambiar el tamaño de un marco en la
ventana del navegador, si tendrá barras de desplazamiento, las dimen-
25 siones que tendrá el marco y qué parte de la ventana ocupará. También
Nota: Algunas
modificaciones, puedes establecer márgenes para el marco, que controlarán la distancia
aparecerán inme- entre los objetos de un marco y sus bordes.
diatamente. Otras, Para cambiar las propiedades de un marco sigue los pasos:
no se mostrarán · Con el conjunto de marcos visible en la vista página, haz clic con el
hasta que hagas
una vista Previa de 30 botón derecho en el marco cuyas propiedades quieres ajustar (figura 90).
la página o en un · En la zona opciones del cuadro de diálogo, si lo que quieres es que
navegador. se pueda ajustar el tamaño del marco en la ventana del navegador,
deja seleccionada la casilla de verificación de tamaño ajustable en
el explorador. Si no quieres que los usuarios cambien el tamaño de
35 los marcos, no la selecciones.
· Selecciona una de las opciones del cuadro lista mostrar barras de
desplazamiento.
· En la zona tamaño del marco del cuadro de diálogo, establece la
altura y el ancho de columna del marco. En algunos casos querrás
40 especificar la altura y anchura exacta para algunos marcos, mientras
que en otros preferirás la configuración relativa.
· En la zona márgenes del cuadro de diálogo, puedes especificar los
márgenes para el marco. Para ello, teclea un número (en píxeles) en
45 los cuadros de texto ancho y alto.
· Cuando tengas todo configurado, haz clic en aceptar.
01
05
10
15
20
Figura 90. Propiedades de marco
25
2.7 dar nombre a los marcos

FrontPage asigna los nombres para cada uno de los marcos cuando crea
30 la página utilizando una plantilla; también sugiere nombres para cada
uno de los marcos que vas añadiendo.
Puedes emplear los nombres de los marcos que te da FrontPage o pue-
des cambiarlos para hacerlos más fáciles de recordar.
Para revisar o editar los nombres de los macros, solo tienes que seguir
35 los pasos:
· Con el conjunto de marcos visibles en la vista página, haz clic en el
marco cuyo nombre quieres confirmar.
· Desde la barra de menús, selecciona marcos / propiedades de marco
figura 90.
40 · El nombre del marco se muestra en el cuadro de texto nombre. Para
cambiar este nombre, escribe encima de él.
· Cuando tengas puesto un nombre de marco. Haz clic en aceptar.
Ahora sigue los pasos 1 a 4 para cada uno de los marcos de tu página.
45 Abre tu página de marcos y cámbiale todos los nombres a los marcos
hasta que te quede como la figura 91.
01
05
10
Figura 91
15
20
25
30
35
40
45

clase 9
9
© PC Carrier
E
01 n esta clase aprenderás a organizar la información de tu web em
pleando filas y columnas con la opción Tabla de FrontPage. En
una tabla puedes añadir celdas, filas y columnas, dividir o combi-
nar celdas, eliminar filas, columnas o celdas. También puedes modificar
05 el tamaño de una tabla y ponerle color o una imagen de fondo. Al final
de esta clase crearás una tabla en tu sitio utilizando todas estas caracte-
rísticas de las tablas.
10
1 tablas
Una tabla es una forma de organizar y presentar información visualmente
empleando filas y columnas para agrupar elementos relacionado. Cada
zona de trabajo en una tabla se denomina celda. Las tablas pueden tener
15 una cabecera en la que se explica el propósito de la tabla.
1.1 creación de una tabla

Puedes crear una tabla que ocupe la página entera o sólo una parte de
20 ella y, posteriormente, puedes modificar la tabla si cambias de opinión
con respecto a su tamaño. Hasta que coloques el contenido en las celdas,
serán todas de igual tamaño y serán más bien pequeñas.
Antes de meter una tabla en tu sitio Web, es conveniente que practiques
un poco con ellas. A continuación tienes los pasos a seguir para crear
25 una tabla. Abre una página Web en blanco y empieza a practicar con
cada una de las opciones que puedes elegir en una tabla.
01 Para crear una tabla sigue los pasos:

· Abre la página en la que desees insertar una tabla.
· Haz clic en la página para colocar el punto de inserción en el lugar
que quiere que aparezca la tabla y, desde la barra de menús, seleccio-
05 na tabla / insertar / tabla. Aparece el cuadro de diálogo tnsertar
tabla (Figura 92).
10
15
20
Figura 92. Insertar tabla
25 En la zona tamaño, puedes ver que la configuración por defecto para el

número de filas es 2, así como para el número de columnas. Ajusta estos
parámetros para crear tu tabla.
30
35
Figura 93.
40
Por ejemplo, si eliges que tu tabla tenga 4 columnas y 5 filas, sin cam-
biar ninguna otra opción, te quedaría como la de la Figura 93.
45 En la sección diseño, puedes elegir entre alinear tu tabla a la izquierda,
al centro o a la derecha de la página. Si eliges dejar alineación en PREDE-
01 TERMINADO, entonces tu tabla se alineará según se encontrara la alinea-

ción del texto antes de insertar la tabla. Para centrar la tabla en la página,
selecciona centro.
Para ajustar el tamaño del borde, en la zona bordes, teclee un número
05 (en píxeles) en el cuadro de texto tamaño (o utilice las flechas para in-
crementar o disminuir el número).
En la figura 94, tienes un ejemplo de la tabla anterior, alineada a la dere-
cha y con un borde de tamaño 10, y un ancho de 350 píxeles.
10
15
20
Figura 94
25
El cuadro de texto espaciado entre celdas (es la cantidad de espacio

entre las celdas). Para ajustar la separación entre celdas, en la zona dise-
ño, teclea un número (en píxeles) en el cuadro de texto espaciado entre
30
35
40
45
Figura 95

01 celdas. En la figura 95, tienes la tabla anterior con un espaciado entre

celdas de 12 píxeles.
Margen de celdas es la cantidad de espacio entre el límite de una celda y
su contenido. Para ajustar el espaciado en la celda, en la zona diseño,
05 tecla un número (en píxeles) en el cuadro de texto margen de celdas.
En la figura 96 tienes la tabla con la que estas trabajando con un margen
de celdas de 10 píxeles y un espaciado entre celdas de 2 píxeles.
La última zona del cuadro de diálogo contiene las opciones para el an-
cho de pantalla de su tabla.
10
15
20
25
Figura 96
Si no especificas ancho, la tabla ajusta su tamaño en función del objeto

30 más grande que coloques en las celdas de la tabla. Para especificar un
ancho para la tabla, haz clic en la casilla de verificación especificar
ancho, para activar las opciones de anchura.
Para hacer que tu tabla ocupe un cierto porcentaje de la ventana, haz clic
en el botón de opción en porcentaje, para activarlo. Para especificar el
35 número de píxeles que quieres que ocupe tu tabla, haz clic en el botón de
opción en píxeles. En cualquier caso, teclea un número en el cuadro de
texto especificar ancho. Haz clic en aceptar para cerrar insertar tabla.
1.2 visualización de la herramienta tablas

40
Para trabajar con las tablas tienes una barra de herramientas especial en
la que puedes encontrar los comandos para realizarle los cambios a las
tablas. Para que se muestra esta barra, selecciona ver / barras de herra-
45 mientas / tablas desde la barra de menús. Una vez que está sobre la
pantalla, puedes arrastrarla a donde quieras.
01
Figura 97 Barra de herramientas Tablas
05
1.3 añadir filas y columnas

Puede ocurrirte que una vez que tengas creada la tabla necesitas modifi-
10 car su número de filas o de columnas. Si quieres incrementar el número
de filas o columnas de una tabla, sigue estos pasos:
· Haz clic en la tabla, colocando el punto de inserción cerca de donde
quiere añadir los nuevos elementos.
· Desde la barra de menús, selecciona Tabla, Insertar filas o colum-
15 nas. Aparece el cuadro de diálogo Insertar filas o columnas (figura
98). Haz clic en el botón de opción filas o en columnas. Observa que
las opciones varían en el cuadro de diálogo dependiendo de qué bo-
tón esté seleccionado.
· En el cuadro de texto número
20 de filas (o columnas), teclea el nú-
mero de filas o columnas que
quieres añadir. Si estas añadien-
do filas, haz clic en por encima
de la selección para colocar las
25 filas por encima de donde se hizo
el paso 1, o haz clic en por deba-
jo de la selección para colocar las
filas por debajo de ese punto, o si
Figura 98. Insertar filas o columnas
estas añadiendo columnas haz
30
35
40
45
Figura 99. Inserción de filas y columnas

01 clic en izquierda de la selección para añadir las columnas a la iz-

quierda de donde hizo clic en el paso 1, o haz clic en derecha de la
selección para añadir columnas a la derecha del punto de inserción.
Haz clic en aceptar para cerrar el cuadro de diálogo insertar filas o
05 columnas. Reaparece la página con los nuevos elementos añadidos a la
tabla. En la figura 99, tienes unos ejemplos de inserción de tablas y
columnas en una tabla.
1.4 añadir una celda individual

10
Alguna vez, tendrás que insertar no una fila o una columna completa
sino solo una celda para ello sigue estos pasos:
· Haz clic en cualquier parte de la tabla.
· Desde la barra de menús selec-
15 ciona tabla / insertar celda. Y
una nueva celda aparece en la ta-
bla. En la figura 100, tienes un
ejemplo de añadir una celda más
antes de la celda DÓLARES. Figura 100. Inserción de celdas
20
1.5 división de celdas

En algunas celdas necesitarás dividirlas, para ello sigues los pasos:
· Haz clic dentro de la celda que quieres dividir.
25 · Desde la barra de menús, se-
lecciona tabla / dividir celdas
aparece el cuadro de diálogo di-
vidir celdas (figura 101 ).
· Haz clic en el botón dividir en
30 columnas o en dividir en filas,
dependiendo del efecto que quie-
ras realizar. Por defecto, una Figura 101. Dividir celdas
celda se divide en dos cuando
le aplicas una división, pero si
35 quieres dividir en otro número,
teclealo en el cuadro de texto
número de columnas (o filas).
· Haz clic en aceptar para ce-
rrar el cuadro. En la figura 102, Figura 102.
40 tienes un ejemplo de división.
1.6 fusión de celdas

45 La fusión de celdas te va a servir para aumentar el espacio disponible
para colocar gráficos u otros elementos. Para fusionar dos o más celdas:
01 · Haz clic en la tabla. Desde la barra de menús, selecciona tabla /

seleccionar, (columna o fila).
· La columna o la fila aparecen seleccionadas. Para seleccionar más
de una celda, pero no una columna o una fila completa, haz clic en
05 una de las celdas que quieres fusionar y, desde la barra de menús,
selecciona tabla / seleccionar /
celda. Esa celda se selecciona;
con la celda todavía selecciona-
da, pulsa la tecla mayúscula y,
10 manteniéndola pulsada, haz clic
Figura 103
en el resto de celdas que quieres
seleccionar.
· Con las celdas que vas a fusionar seleccionadas, desde la barra de
menús, selecciona, tablas / combinar celdas. Verás que las líneas
15 entre las celdas desaparecen.
En la tabla de la figura 103, las cuatro primeras celdas de la columna de
la izquierda están combinadas.
1.7 eliminación de filas, columnas y celdas

20
Puede ocurrirte que algún momento en la construcción de tu tabla te

sobre alguna fila, columna o celda, cuando esto te ocurra puedes elimi-
nar lo que te sobre para ello tienes que seguir dos pasos:
· Haz clic en la celda que quieres eliminar o en una celda que sea
25 parte de la fila o la columna que quieres eliminar. Desde la barra de
menús, selecciona tabla / seleccionar / celda (o fila o columna). El
elemento elegido se selecciona.
· Dale a suprimir (supr) y entonces las celdas no deseadas desapare-
cerán.
30
1.8 cambio del tamaño de una tabla

Aunque las celdas se expanden de acuerdo a lo que colocas en ellas,
puedes querer definir el tamaño de tu tabla. Para cambiar el tamaño de
35 una tabla:
· Haz clic con el botón derecho en la tabla que quieres editar. Desde
Nota: Puedes
utilizar la tecla Tab la barra de menús que aparece, selecciona Propiedades de tabla. (Fi-
para moverte de gura 104)
celda en celda. · En la zona diseño, haz clic en la casilla de verificación especificar
40 ancho, si es lo que quieres cambiar. Si lo que quieres es que la tabla
ajuste automáticamente su tamaño, dependiendo de su contenido, no
selecciones esa opción en la casilla de verificación especificar an-
cho.
45 · Decide si quiere especificar la anchura en porcentaje o en píxeles, y
luego haz clic en el botón correspondiente.
01
05
10
15
20
Figura 104. Propiedades de tabla
25 · Teclea un número en el cuadro de texto especificar ancho.

· Puedes especificar la altura de una tabla de diferentes formas. En la
zona diseño, haz clic en la casilla de verificación especificar alto.
· Decide si quieres expresar la altura en porcentaje o en píxeles, y haz
clic en el botón de opción correspondiente. Luego, teclea un número
30 en el cuadro de texto especificar alto.
· Si necesitas cambiar la alineación de la página, en la zona diseño,
selecciona una alineación del cuadro de texto alineación.
· Haz clic en aceptar, cerraras el cuadro de diálogo propiedades de
tabla.
35
1.9 añadir color a las tablas

Para cambiar el color del fondo de tu tabla:
· Haz clic con el botón derecho en la tabla y, desde el menú que apa-
40 rece, selecciona propiedades de la tabla. Aparece el cuadro de diálogo
Propiedades de la tabla (figura 104).
· En la zona fondo, haz clic en el cuadro de lista color y después elige
un color.
45 · Para elegir este color, haz clic en aceptar para cerrar el cuadro de
diálogo propiedades de la tabla.
01
1.10 coloreado de los bordes

Puedes colorear los bordes de la tabla, si le has dado una anchura de un
05 píxel o más:
10
15 Figura 105
· Haz clic con el botón derecho en la tabla, y desde el menú que apa-
rece, selecciona propiedades de la tabla (figura 104).
20 · En la zona bordes, elige un color para borde, borde claro y borde
oscuro.
· Haz clic en aceptar para cerrar el cuadro de diálogo propiedades de
la tabla.
En la figura 105, tienes un ejemplo de una tabla con colores en las celdas
25 como en los bordes.
1.11 utilización de imágenes de fondo

Puedes utilizar una imagen como fondo de tus tablas, sigue los pa-
30 sos:
· Haz clic con el botón derecho en la tabla, y desde el menú que
aparece, selecciona propiedades de la tabla (ver figura 104).
· En la zona fondo, haz clic en la casilla de verificación Utilizar
imagen de fondo para seleccionarla.
35 · Haz clic en Examinar para localizar la imagen que quieres em-
plear como fondo y utiliza el cuadro de diálogo que aparece,
Seleccionar imagen de fondo, para encontrar la imagen en el
web actual de FrontPage, en tu ordenador, en la WWW o en la
Galería de imágenes de FrontPage.
40 · Cuando acabes, haz clic en aceptar para cerrar el cuadro de diálogo.
1.12 propiedades de tabla

45 En la figura 106, tienes un ejemplo de utilización de una imagen como
fondo de una tabla.
01
1.13 alineación de texto e imágenes en la celda

En una celda el texto puede estar ali-
05 neado: A la izquierda, a la derecha,
al centro, en la parte superior, o en
la parte inferior, con la línea base o
con la mitad de una celda. Para cam-
Figura 106
biar la alineación sigue los pasos:
10 · Con la tabla a la vista, haz clic
en el botón derecho en la celda cuya alineación quieres cambiar.
· Del menú emergente que aparece, selecciona propiedades de cel-
da. Aparece el cuadro de diálogo propiedades de celda (fig. 107).
· En la zona diseño, haz clic en el cuadro de lista alineación horizon-
15 tal y selecciona una alineación (izquierda, derecha o centro).
· La opción predeterminado permite que sea el navegador quien in-
terprete la alineación, normalmente a la izquierda.
20
25
30
35
Figura 107. Propiedades de celda
40
· También en la zona de diseño, haz clic en el cuadro de lista alinea-

ción vertical para elegir una alineación vertical (superior, medio, línea
45 base o inferior). La opción predeterminado permite que sea el
navegador quien interprete la alineación, normalmente medio.
01
05
Figura 108.
10
· Haz clic en aceptar para cerrar el cuadro de diálogo propiedades de

celda.
15 En la figura 108, tienes una tabla con distintas alineaciones en sus celdas.
1.14 creación de encabezados de tabla

Sirven para indicar el título de la tabla. Para crear un encabezado de
20 tabla, sigue los pasos:
· Con la tabla a la vista, decida qué celda deseas convertir en encabe-
zado de tabla.
· Haz clic con el botón derecho del ratón en la celda que has elegido
y, desde el menú emergente que aparece, selecciona Propiedades de
25 celda
· En la zona de diseño del cuadro de diálogo, haz clic en la casilla de
verificación celda de encabezado para activar esta opción.
· Haz clic en aceptar para cerrar el cuadro de diálogo.
30
35
40
45
Figura 109

01
1.15 colocación de texto e imágenes

Haz clic en el punto de inserción donde quieres teclear y empieza.
05 Una vez que tengas algo de texto en tu tabla, puedes manipularlo como
cualquier otro texto en la página como hemos visto en lecciones anterio-
res.
Ahora que ya sabes como construir una tabla, abre tu sitio Web y vete a
la página SELECCIÓN DE SITIOS, en vista Página. Vas a crear una tabla en
10 esta página. Haz todos los cambios que sean necesarios (siguiendo los
pasos explicados), hasta que tengas una tabla como la de la figura 109
en la página anterior. No te olvides de ponerle los hipervínculos a cada
una de las direcciones de Web, que tienes en la tabla.
15
20
25
30
35
40
45

clase 10
10
© PC Carrier
E
01 n esta clase aprenderás a utilizar los formularios, los crearás y
verás cada uno de los campos que puedes incluir en un formula
rio y las características de cada uno de ellas. Al final de la clase
crearás un formulario completo.
05
1 formularios
Los formularios en la Web estandarizan y simplifican la forma en que se
10 recoge y presenta la información, pero también pueden ser una forma
sencilla y divertida de hacer que tu sitio sea interactivo. Mediante un
formulario, los visitantes interactúan con el sitio, de forma que hará que
su visita sea interesante y, a la vez, útil.
15
1.1 crear un formulario
Antes de meter un formulario en tu sitio Web, es conveniente que prac-
tiques un poco con ellos. A continuación tienes los pasos a seguir para
crear un formulario. Abre una página Web en blanco y empieza a prac-
20 ticar con cada una de los campos que puedes tener en un formulario.
Para crear un formulario sigue estos pasos:
· Haz clic en el lugar de la página donde quieres que empiece el for-
mulario.
· Selecciona el comando campo de formulario en el menú insertar o
25 utiliza la barra de herramientas formularios.
· FrontPage creará un nuevo formulario con los campos de enviar y
01
Figura 110.
05
borrar. Una línea de trazos discontinua marcará el contenido y la

extensión del formulario (figura 110).
Puedes añadir todos los campos y controles que desees para el formula-
10 rio. Los tipos de campos de formularios son los siguientes:
· Cuadro de texto de una línea.
· Cuadro de texto con desplazamiento.
· Casilla de verificación.
· Botón de opción.
15 · Menú desplegable.
· Botón de comando.
· Imagen.
· Etiqueta.
Para agregar un campo a un formulario:
20 · Haz clic en el formulario.
· Usa el menú insertar y elige uno de los campos de formulario.
· Puedes agregar texto descriptivo para el formulario directamente
con el mismo.
· Repite la operación desde el paso 2 para seguir insertando otros
25 campos.
En la figura 111 tienes un ejemplo de un formulario con toda las clases
de campos que puedes incluir.
30
35
40
45
Figura 111

01
1.2 edición de campos de formularios

A continuación tienes una explicación detallada cada uno de los campos
05 que puedes insertar en un formulario.
1.3 campo cuadro de texto

Se utiliza este tipo de campo para preguntas cortas (de una sola línea).
10 · Haz clic con el botón derecho en el cuadro de texto y, desde el menú
que aparece, selecciona propiedades de campo de formulario. Apa-
rece el cuadro de diálogo propiedades de cuadro de texto. (figura
112).
· En el cuadro de texto nombre, del cuadro de diálogo, teclee un nom-
15 bre. Los nombres de los campos de formulario sólo pueden contener
letras y números, puedes utilizar el carácter de subrayado, pero no los
espacios.
· El cuadro de texto valor inicial
sirve para que aparezca algo en
20 el cuadro de texto cuando éste se
cargue en la página.
· En el cuadro de texto ancho en
caracteres, teclea una anchura
para el cuadro de texto. Si vas a Figura 112. Propiedades de cuadro de texto
25 utilizar el campo para recoger el
valor de una contraseña, haz clic en sí en la zona campo de contrase-
ña. Todos los caracteres que se tecleen en este campo se ocultarán
con asteriscos.
· En el cuadro de texto orden de tabulación, puedes teclear un núme-
30 ro para establecer un orden de tabulación para este campo.
· Una vez que has modificado el campo cuadro de texto, haz clic en
aceptar.
1.4 validación para cuadros de texto

35
Para restringir la entrada de datos en un cuadro de texto, con la pantalla

Propiedades de cuadro de texto (figura 112) aún abierta, haz clic en Va-
lidar. Aparece el cuadro de diálogo Validar cuadro de texto (figura 113).
El menú desplegable tipo de datos ofrece cuatro opciones:
40 · Sin restricciones, te permite aceptar cualquier tipo de caracteres.
· Texto, te permite limitar la entrada según sus preferencias(que ve-
ras más adelante).
· Enteros, limita la entrada de datos a números enteros.
45 · Números, limita la entrada de datos a números enteros y decimales.
· Si eliges Enteros o Números, teclea un nombre para mostrar en el
01
05
10
15
20
Figura 113. Validar cuadro de texto
cuadro de texto nombre para mostrar.

25 · Si eliges texto, utiliza la zona formato numérico, para decidir qué
tipo de caracteres quieres aceptar.
· Si eliges enteros o números, en la opción formato numérico del
cuadro de diálogo, elige las opciones para separar números que se
teclean en el cuadro de texto.
30 · Para hacer que la entrada de datos en este campo sea obligatoria,
selecciona la opción requerida.
En los cuadros de texto longitud mínima y longitud máxima, puedes
restringir la longitud del campo a un valor mínimo y/o máximo.
Si quieres puedes establecer parámetros de forma que se pueda o no se
35 pueda introducir información exacta en un campo, puedes utilizar la zona
valor de los datos del cuadro de diálogo para establecer parámetros que
ajusten los valores.
· Una vez que hayas acabado de configurar los parámetros para la
validación del formulario, haz clic en aceptar.
40
1.5 campo cuadro de texto con desplazamiento

Se utiliza este tipo de campo para preguntas largas.
45 Haz clic con el botón derecho en el cuadro de texto con desplazamiento
y, desde el menú que aparece, selecciona propiedades de campo for-
01 mulario. Aparece el cuadro de diálogo propiedades de cuadro de texto

Nota: Los campos
ocultos no se verán,
con desplazamiento. (figura 114).
pero se enviarán · En el cuadro de texto nombre, del cuadro de diálogo, teclee un
junto con el resto de nombre.
los datos de entrada 05 · Si quieres que tu cuadro de texto con desplazamiento aparezca con
cuando los usuarios
te envíen tus
algún texto ya introducido, teclea ese texto en el cuadro de texto va-
formularios. lor inicial.
10
Nota: Para eliminar

cualquier campo del
formulario, pulsa la 15
tecla Supr con el

punto de inserción
delante del campo
de formulario o con
éste resaltado.
20
Figura 114. Propiedades de cuadro de texto con desplazamiento
25 · Si deseas cambiar el tamaño, en el cuadro de texto ancho en ca-

racteres, teclea un número para la anchura del cuadro. En el cuadro
de texto número de líneas, teclea un número para establecer la altura
del cuadro de texto.
aceptar.
1.6 campo casillas de verificación

35
Las casillas de verificación se utilizan para preguntas tipo verdadero o

falso. También se utilizan para colocar varias casillas de verificación
juntas en un grupo, para aquellos
formularios tipo SELECCIONE TODO LO
40 QUE LE GUSTE.
· Haz clic con el botón derecho
en el cuadro de texto casilla de
verificación y, desde el menú que
45 aparece, selecciona propiedades
de campo formulario. Aparece el Figura 115 Propiedades casilla verificación
01 cuadro de diálogo propiedades de casilla de verificación (Figura

115).
· En el cuadro de texto nombre, del cuadro de diálogo, teclee un nom-
bre.
05 · En el cuadro de texto valor es donde decides qué significa el que la
casilla esté activada o no activada.
· Los botones de opción estado inicial, determinan si la casilla de
verificación aparecerá sin marca o ya marcada. Si quieres que apa-
rezca automáticamente seleccionada, haz clic en activada. Si quieres
10 que inicialmente aparezca en blanco, entonces haz clic en desactivada.
ro para establecer un orden de tabulación para este campo.
aceptar.
15
1.7 campo botones de opción

Los botones de opción se utilizan para preguntas de selección múltiple;
cuando se pulsa uno de ellos para seleccionarlo, éste se hunde y los
20 demás dejan de estar seleccionados.
en el cuadro de texto botones de
opción y, desde el menú que apa-
rece, selecciona propiedades de
25 campo formulario. Aparece el
cuadro de diálogo Propiedades de Figura 116 Propiedades de botón de opción
botón de opción (figura116). En
el cuadro de texto nombre, del
cuadro de diálogo, teclee un nombre.
30 · En el cuadro de texto valor, teclea un nombre para este botón.
· Si quieres que este botón aparezca seleccionado cuando se abra la
página, haz clic en el botón seleccionado. En caso contrario, haz clic
en no seleccionado.
aceptar.
1.8 campo menús desplegables

40
Se utilizan estos campos para preguntas de selección múltiple que tie-

nen varias respuestas posibles, para permitir que los usuarios elijan entre
docenas de opciones, todas las cuales están ordenadas en un pequeño
45 cuadro de texto.
· Haz clic con el botón derecho en el cuadro de texto menús
01
05
10
15
Figura 117. Propiedades de menú desplegable
20 desplegables y, desde el menú

que aparece, selecciona propie-
dades de campo formulario.
Aparece el cuadro de diálogo
Propiedades de menú desplega-
25 ble. (figura 117 ).
· En el cuadro de texto nombre,
del cuadro de diálogo, teclee un
nombre. Figura 118. Agregar opción
· Para añadir el primer elemento
30 al menú, haz clic en agregar.
Aparece el cuadro de diálogo agregar opción (figura 118).
· En el cuadro de texto opción de este cuadro de diálogo, teclea el
elemento de menú exactamente en la forma en que quieres que apa-
rezca en el menú desplegable. Si deseas que el valor del elemento de
35 menú sea diferente de lo que aparece en el menú, haz clic en la casi-
lla de verificación especificar valor y teclea el valor en su cuadro de
texto.
Nota: Todos los · Si deseas que el elemento del menú aparezca preseleccionado cuan-
gestores de formula-
rio descritos en esta
do se cargue la página Web, en la zona estado inicial, haz clic en
sección deben 40 seleccionada; en caso contrario, deja el valor predeterminado no se-
utilizarse en un leccionada.
servidor que esté · Haz clic en aceptar para cerrar el cuadro de diálogo agregar opción
ejecutando las
Extensiones de
y retornar el cuadro de diálogo propiedades de menú desplegable,
servidor de 45 donde verás las opciones que acabas de añadir mostradas en el cua-
FrontPage. dro de lista opción.
01 Repite los pasos 4 a 7 para tantos

elementos como necesites añadir a
tu menú desplegable.
Una vez que has añadido los ele-
05 mentos del menú a la lista
desplegable, puedes modificarlos o
borrarlos, o cambiar el orden en que
aparecen.
· Para modificar un elemento, haz Figura 118
10 clic en la lista; después haz clic
en el botón modificar.
· Para eliminar un elemento, haz clic sobre él en la lista y luego haz
clic en quitar.
· Para cambiar el orden en que aparecen los elementos en el menú,
15 selecciona el elemento del menú que quieres reordenar y haz clic en
el botón subir o bajar para reordenarlo.
· Si quieres que el menú muestre un elemento cuando se cargue la
página Web, en el cuadro de texto Alto, teclea 1. Si quieres que el
cuadro de menú muestre varias opciones a la vez y que se empleen
20 las barras de desplazamiento para mostrar el resto, teclea un número
mayor que 1.
· En el cuadro de texto Orden de tabulación, puedes teclear un núme-
ro para establecer un orden de tabulación para este campo.
25 aceptar.
En la figura 119, tienes un ejemplo de este campo de formulario. Practi-
ca con las distintas opciones de este campo de formulario.
Empleo de la validación en los
menús desplegables.
30 Para estar seguro de que los usua-
rios eligen algo del menú
desplegable, puedes establecer
parámetros de validación.
Haz clic en el botón derecho en el
35 menú desplegable que acabas de
crear, y desde el menú que aparece,
selecciona validación de campo de
formulario. Aparece el cuadro de
diálogo validar menú desplegable
40 (figura 120).
Para forzar a que el usuario elija
alguna de entre todas las opciones
de las que dispone, haz clic en la
45 casilla de verificación dato reque-
rido. Figura 119. Campo

01 Si eliges que sean obligatorios, en

el cuadro de texto nombre para
mostrar, teclea un nombre para el
menú desplegable. Si quieres que
05 no sea posible seleccionar la pri-
mera opción, haz clic en el Figura 120. Validar menú desplegable
elemento no permitir el primer
elemento. Esto tiene mucho sentido, especialmente si el primer ele-
mento dice POR FAVOR, SELECCIONE UNO.
10 Haz clic en aceptar para cerrar el cuadro de diálogo validar menú des-
plegable.
15
20
Figura 121. Propiedades de botón de comando
25
1.9 botón enviar

30 Este botón envía los datos del gestor de formulario. FrontPage lo añade
automáticamente, pero si necesitas añadir o sustituir alguno sigue los pasos:
· Haz clic en la zona del formulario donde quieres que aparezca el
botón. Selecciona insertar / formulario / botón de comando. Apa-
rece en su página un botón etiquetado botón.
35 · Haz clic con el botón derecho en el botón; desde el menú emergente
rece el cuadro de diálogo propiedades de botón de comando (fig.121).
· Como lo que quieres crear es un botón enviar, en la zona tipo de
botón, haz clic en el botón de opción enviar.
40 · En el campo nombre de cuadro de diálogo, teclea un nombre para su
botón (ENVIAR).
· En la zona valor / etiqueta, teclea lo que quieres que muestre el
botón.
45 · Haz clic en aceptar para cerrar el cuadro de diálogo propiedades de
botón de comando.
01
Nota: asegúrate de
verificar todo varias 1.10 creación de un botón restablecer
veces y compruebe
que los mensajes Estos botones cuando se pulsan, eliminan la entrada de datos realizada
enviados por el 05 por los usuarios y restauran la configuración predeterminada del formu-
gestor de formulario
llegan realmente al
lario. FrontPage añade este botón de forma automática, pero si necesitas
buzón de correo añadir o reemplazar alguno, sigue los pasos:
adecuado. · Haz clic en la zona del formulario donde quieres que aparezca el
botón. Selecciona insertar / formulario / botón de comando. Apa-
10 rece en su página un botón etiquetado botón.
· Haz clic con el botón derecho en el botón; desde el menú emergente
rece el cuadro de diálogo propiedades de botón de comando (fig.121).
· Como lo que quieres crear es un botón RESTABLECER, en la zona tipo
15 de botón, haz clic en el botón de opción restablecer.
· En el campo nombre de cuadro de diálogo, teclea un nombre para tu
botón (RESTABLECER).
· En la zona valor / etiqueta, teclea lo que quieres que muestre el
botón.
20 · Haz clic en aceptar para cerrar el cuadro de diálogo propiedades de
botón de comando.
1.11 empleo de imágenes como botones

25 Haz clic en el formulario en el lugar donde quieres insertar el botón de
imagen. Luego, desde la barra de menús, selecciona insertar / formula-
30
Nota: Si no quieres
utilizar una planti-
lla para crear una
página de confirma-
ción; simplemente
sigue los pasos 7 a
35
9, para añadir los
campos que quieres
confirmar.
40
45
Figura 122. Imagen

01 rio / imagen. Aparece el cuadro de diálogo imagen (figura 122).

Elige una imagen como ya viste en clases anteriores.
Haz clic con el botón derecho en la imagen, para abrir el cuadro de diá-
logo propiedades de imagen.
05 Haz clic en la pestaña campo de formulario y, en el cuadro de texto
nombre, teclea un nombre para la imagen. Si la imagen va actuar como
botón enviar, por ejemplo, podrías llamarla ENVIAR. Haz clic en acep-
tar para cerrar el cuadro de diálogo propiedades de imagen.
10
1.12 campos ocultos
Estos campos se emplean para enviar datos de forma encubierta, así como
saber los botones que realmente pulsa el usuario para enviarle el formu-
lario. Si estas procesando datos enviados de diferentes fuentes o páginas,
15 sirven para identificar el nombre del
formulario.
en el cuadro de texto y, desde el
menú que aparece, selecciona
20 propiedades de formulario
Figura 123. Propiedades de formulario
(fig.123).
· En este cuadro de diálogo, vete
directamente a la parte inferior y haz clic en el botón avanzadas.
Aparece el cuadro de diálogo propiedades avanzadas de formulario
25 (figura 124).
· Haz clic en agregar para abrir el cuadro de diálogo par nombre-
valor (figura125):
· En el cuadro de texto nombre, teclea un nombre para el campo ocul-
to y en el cuadro de texto valor, teclea un valor. Luego haz clic en
30 aceptar para cerrar el cuadro de diálogo par nombre-valor y volver
al cuadro de diálogo propiedades avanzadas de formulario.
· Verás el nombre y el valor que acabas de teclear. Ahora puedes
agregar, quitar o modificar los
elementos adicionales seleccio-
35 nando el botón apropiado.
· Cuando hayas terminado, haz
clic en aceptar, para cerrar el cua-
dro de diálogo propiedades
Figura 124. Propiedades avanzadas de for-
avanzadas de formulario, y lue- mulario
40 go haz clic de nuevo en aceptar,
para cerrar el cuadro de diálogo
propiedades de formulario.
Una vez que has visto todos los cam-
45 pos que puedes utilizar en un
formulario. Vas a crear un formula- Figura 125. par nombre-valor
01
05
10
15
Figura 126
20
25
30
35
Figura 127.
40 rio para colocar en tu sitio Web. Crea una página nueva en tu Web y haz
todos los pasos necesarios.
Una vez que tienes terminado el formulario, crea un hipervínculo desde
la página PROYECTOS EN CURSO que vaya al formulario y desde el formu-
45 lario otro hipervínculo que vuelva a la página PROYECTOS EN CURSO.

clase 11
11
© PC Carrier
E
01 n esta clase verás como configurar tus formularios para recibir
los resultados de los mismos, aprenderás a como guardar estos
resultados en un archivo y como enviar los resultados de un for-
mulario por correo electrónico. Crearás una página de confirmación para
05 informar a tus usuarios de que ha sido recibida su información. Para
finalizar esta clase crearás un nuevo formulario pero esta vez usando el
Asistente para páginas de formulario.
10
1 configuración gestor de formulario
Una vez que el usuario hace clic en el botón enviar de tu página Web,
los datos introducidos por el usuario se envían al gestor de formulario,
el cual procesa las respuestas. Dispones de las siguientes posibilidades
Nota: Todos los
gestores de formula- 15 en lo que respecta a los gestores de formulario:
rio descritos en esta · Guardar los resultados en un archivo en el servidor.
sección deben · Enviar las respuestas por correo electrónico.
utilizarse en un · Guardar las respuestas empleando una secuencia de comandos per-
servidor que esté
ejecutando las sonal ISAPI, NSAPI, CGI o ASP.
Extensiones de 20 · Introducir directamente los datos en una página Web del sitio.
servidor de Guardar las respuestas empleando una secuencia de comandos personal,
FrontPage. ISAPI, NSAPI, CGI, o ASP. Estas secuencias de comandos se ejecutan
en otros servidores distintos al de FrontPage. Las tres primeras se ejecu-
tan en una variedad de servidores, mientras que las secuencias de
25 comandos ASP están, la mayoría de las veces, asociados a Servidores
Microsoft.
01
2 guardar resultados en un archivo

05 Puedes enviar los resultados del formulario a un archivo de texto o a un
archivo HTML para visualizarlos posteriormente. Puedes abrir el archivo
que contiene la entrada de datos del usuario en cualquier momento. Si al
crear el formulario de pusiste nombres y valores descriptivos a todos los
campos, serás capaz de comprender el significado el archivo. Ahora pue-
10 des procesar estos archivos como harías con otros. Si dispones de algún
conocimiento sobre bases de datos u hojas de cálculo, puedes procesar
estos resultados en uno de estos programas.
Para configurar el formulario para que guarde los resultados en un archi-
vo, tanto en archivo HTML como en archivo de texto, sigue estos pasos:
15 · Abre tu sitio Web y ponte en la página que tienes el FORMULARIO DE
CONSULTA en vista página. Haz clic con el botón derecho dentro de un
formulario y, desde el menú que aparece, selecciona propiedades de
formulario. Aparece el cuadro de diálogo propiedades de formula-
rio (figura 128).
20
25
30
35
Figura 128. Propiedades de formulario
· En la zona etiquetada ubicación para almacenar resultados, haz clic

40 en el botón de opción enviar a, sino está ya seleccionado.
Antes de elegir un nombre de archivo para el archivo de resultados,
debes elegir un tipo de archivo. Haz clic en el botón opciones para
abrir el cuadro de diálogo opciones de formulario de guardar resul-
45 tados, que se muestra en la (Figura129).
· En la zona formato de archivo, haz clic en el menú desplegable
01
05
10
15
20
25
Figura 129. Opciones de formulario de guardar resultados
· Dispones de varias posibilidades. Haz clic en la opción que prefieras.

30 · Teclea un nombre para el archivo en el cuadro de texto nombre de
archivo. Asegúrate que acaba en .htm ó . html para los archivos HTML
o en .txt para los archivos de texto.
· Si no quieres que los nombres de los campos se envíen al archivo, deja
sin seleccionar la casilla de verificación incluir nombres de campo. Si
35 deseas que los resultados más recientes de tu formulario aparezcan al
final del archivo de resultados, deja seleccionada la casilla de verifica-
ción ultimos resultados al final. Para enviar los resultados más recientes
al comienzo del archivo en lugar de al final, deja sin seleccionarla.
· Puedes especificar un segundo archivo en el cual se almacena tus resul-
40 tados. Para hacer esto, sigue los pasos 4 a 6, empleando la zona segundo
archivo opcional para el segundo archivo. Especifica el nombre y el for-
mato del segundo archivo.
· Para especificar qué campos de formulario se guardan en estos archi-
45 vos, haz clic en la pestaña campos guardados. El cuadro de diálogo cambia
(figura 130).
01
Nota: Asegúrate de
verificar todo varias
veces y compruebe
que los mensajes
enviados por el 05
gestor de formulario
llegan realmente al
buzón de correo
adecuado.
10
15
20
25
Figura 130. Campos guardados
· En este panel, tienes los nombres de todos los campos de formulario

de tu formulario. Puedes eliminar los nombres de cualquier campo
30 de formulario que no quieras guardar, haciendo clic en ellos y pul-
Nota: Si no quieres
utilizar una planti- sando la tecla suprimir.
lla para crear una · Además de grabar la entrada de datos del usuario en tu formulario,
página de confirma- puedes guardar datos que te informen acerca de tu usuario. En la zona
ción; simplemente información adicional para guardar, selecciona cualquiera de las ca-
sigue los pasos 7 a
9, para añadir los 35 sillas de verificación correspondientes a los datos que quieres añadir
campos que quieres a los resultados del formulario.
confirmar. · Haz clic en aceptar para cerrar el cuadro de diálogo opciones de
formulario de guardar resultados y a continuación haz clic en acep-
tar, para cerrar el cuadro de diálogo propiedades de formulario.
40
3 envío por correo electrónico

45 De esta forma los resultados del formulario se te enviarán como un
mensaje de correo electrónico. Después puedes guardar el contenido de
01 los mensajes de correo electrónico como un archivo de texto. Para esto

sigue los pasos:
· Teniendo abierto en la vista página el formulario, haz clic con el
botón derecho dentro del formulario y, desde el menú que aparece,
05 selecciona propiedades de formulario. Aparece el cuadro de diálo-
go propiedades de formulario (figura 128).
· En la zona etiquetada ubicación para almacenar resultados, haz
clic en el botón de opción enviar a, si no está ya seleccionada.
· En el cuadro de texto dirección de correo electrónico, teclea la di-
10 rección de correo electrónico a la que se deben enviar las respuestas.
· Haz clic en el botón opciones para abrir el cuadro de diálogo opcio-
nes del formulario de guardar resultados (figura 129).
· Haz clic en la pestaña resultados por correo electrónico (Figura
131).
15 · En la zona formato de correo electrónico, haz clic en la lista desple-
gable para elegir un formato para el archivo de datos. Haz clic en la
opción que prefieras.
· Para incluir los campos del formulario en su mensaje de correo elec-
20
25
30
35
40
45
Figura 131. Resultados por correo electrónico

01 trónico, asegúrese de que la casilla de verificación incluir nombres

de campo está seleccionada.
· Debes elegir una línea de asunto para los mensajes de correo elec-
trónico que te envíe un gestor de formulario.
05 · Cuando acabes, pulsa aceptar para cerrar el cuadro de diálogo op-
ciones del formulario de guardar resultados y luego haz clic en
aceptar para cerrar el cuadro de diálogo propiedades de formulario.
10
4 ofrecer confirmación
Esta opción sirve para confirmar a los usuarios que sus datos han sido
recibidos. Se puede confirmar de dos formas enviando un mensaje por
pantalla que informe al usuario que sus datos han sido recibidos. O en-
15 viar un correo electrónico informándoles.
Para crear una página de confirmación sigue los pasos:
· Desde la barra de menús selecciona archivo / nuevo / página. Apa-
20
25
30
35
40
45
Figura 132. Propiedades de campo de confirmación

01 · En el cuadro de lista general, selecciona formulario de confirma-

ción y haz clic en aceptar.
· Puedes editar esta página como cualquier otra.
Los elementos entre corchetes, como [NombreUsuario], son los campos
05 de confirmación proporcionados por esta página de ejemplo. Para cam-
biar un campo de confirmación, haz doble clic en él. Aparece el cuadro
de diálogo propiedades de campo de confirmación (figura 132 ).
Teclea el nombre del campo que quieres confirmar en el cuadro de texto
nombre del campo de formulario que se va a confirmar. El nombre debe
10 ser exactamente igual a como aparece en el código del formulario. Pue-
des comprobar el nombre del campo de formulario visualizando tu página
de formulario en la vista página y haciendo doble clic en el campo de
formulario, para mostrar el cuadro de diálogo propiedades de campo de
formulario. Haz clic en aceptar. Ve-
15 rás el nombre de campo correcto en
el campo de confirmación que selec-
cionaste para cambiar. Para añadir
un campo de confirmación, haz clic Figura 133. Propiedades de campo de con-
firmación
en la página en la zona donde quie-
20 res que aparezca y, desde la barra de
menús, selecciona insertar / componente / ampo de confirmación.
Aparece el cuadro de diálogo propiedades de campo de confirmación
(figura 133).
Teclea el nombre del campo de formulario que quieres confirmar.
25 Haz clic en aceptar.
En la figura 134 tienes un ejemplo de una página de confirmación.
30
35
40
45
Figura 134.

01
5 confirmar formulario
05 Ahora lo que tienes que hacer es configurar el formulario original para
que llame a la página de confirmación cuando un usuario envíe el for-
mulario.
· Con su página de formulario abierta en la vista página, haz clic con
el botón derecho en el formulario y, desde el menú emergente que
10 aparece selecciona propiedades de formulario (figura 128).
· Haz clic en el botón opciones. Aparece el cuadro de diálogo opcio-
nes de formulario de guardar resultados.
· Haz clic en la pestaña página de confirmación (figura 135).
· En este panel, teclea el URL destino en el cuadro etiquetado direc-
15 ción URL de la página de confirmación.
Si tienes abierto tu web, puedes hacer clic en examinar para selec-
cionar el archivo entro los archivos disponibles.
· Haz clic en aceptar para cerrar el cuadro de diálogo opciones de
20
25
30
35
40
45
Figura 135. Página de confirmación

01 formulario de guardar resultados; luego haz clic en aceptar para

cerrar el cuadro de diálogo propiedades de formulario.
Ahora, tus usuarios verán tu página de confirmación cuando hagan clic
en el botón enviar del formulario.
05
6 utilización del asistente

También puedes crear un formulario utilizando un asistente, para ello
10 sigue los pasos:
· Desde la barra de menús, selecciona archivo / nuevo / página. Apa-
15
20
25
30
35
Figura 136.
40 · Desde la lista general, haz clic en asistente para páginas de for-

mulario; luego haz clic en aceptar para cerrar el cuadro de diálogo
nuevo. Aparece el cuadro de diálogo asistente para páginas de for-
mulario.
45 · El primer panel describe los formularios; léalo y haz clic en siguiente
para pasar al panel siguiente del asistente.
01 · Para comenzar a añadir elementos a tu formulario, haz clic en agre-

gar y el asistente para páginas de formulario muestra entonces una
lista de opciones para el formulario de entrada de datos.
Como muestra la figura 136, dispones de algunas opciones entre las
05 que elegir para crear un formulario con el asistente.
· Haz clic en cualquiera de las opciones y verás una descripción de la
misma en la zona descripción, a la vez que el texto que el texto que
aparecerá en el formulario se muestra en el cuadro de texto etiqueta-
do modifique el texto para esta pregunta.
10 · Cuando encuentres una opción que se ajuste a tus necesidades, haz
clic en ella, modifica el texto de la pregunta si quieres y luego haz
clic en siguiente para mostrar sus opciones figura 137 (cada tipo de
formulario del asistente para páginas de formulario dispone de su
propio conjunto de opciones) .
15 · En este panel, encontrarás una serie de botones y cuadros para relle-
nar; éstos variarán en función de la opción que hayas elegido en el
paso 6. estos botones y cuadros controlan cómo aparece y actúa tu
formulario. También aparece un cuadro de texto etiquetado escriba
el nombre base para este grupo de variables. Debes rellenar este
20
25
30
35
40
45
Figura 137.

01 cuadro de texto con independencia de los campos que incluya su for-

mulario. Una vez terminado de seleccionar estas opciones, haz clic
en siguiente.
· Si es necesario, repite los pasos 4 a 7 para añadir otros campos de
05 formulario a tu página.
· Cuando hayas acabado de añadir preguntas y campos a tu formulario,
haz clic en siguiente para pasar al panel del asistente opciones de pre-
sentación (figura 138). Aquí verás opciones para dar formato a tus las
preguntas del formulario. Haz clic en el botón de opción apropiado:
10 · Si quieres tener una tabla en párrafos normales
· Como una lista numerada.
· Una lista con viñetas
· Una lista de definiciones.
· Si quieres que el asistente añada una tabla de contenido en la parte
15 superior de la página, haz clic en el botón sí.
· Si quieres dar al asistente la opción de que emplee tablas para alinear
su contenido, haz clic en la casilla de verificación etiquetado utilizar
tablas para alinear los campos de formulario. Haz clic en siguiente
para pasar al panel de opciones de salida del asistente (figura 139). Uti-
20
25
30
35
40
45
Figura 138. Opciones de presentación

01
05
10
15
20
Figura 139. Opciones de salida del asistente

25
30
35
40
45
Figura 140. Ejemplo de formulario utilizando el Asistente.

01 liza estas opciones para determinar cómo procesar los datos recogidos
En las Figura 140 y
141 tienes un
por el formulario. Si estas guardando los datos como un archivo o una
ejemplo de un Página Web, haz clic en el botón de opción apropiado y teclea un nom-
formulario creado bre para tu archivo en el cuadro de texto etiquetado Escriba el nombre
por un asistente, 05 base del archivo de resultados.
sigue los pasos
indicados anterior-
Cuando finalice, haz clic en finalizar.
mente para crearlo. En las figuras 140 y 141 tienes un ejemplo de un formulario creado por
un asistente, sigue los pasos indicados anteriormente para crearlo.
10
15
20
25
Figura 141. Ejemplo de formulario utilizando el Asisten-
30
35
40
45

01
05
10
15
20
25
30
35
40
45

clase 12
12
© PC Carrier
E
01 n esta clase aprenderás como editar en código Html, crearás un
nuevo sitio web utilizando el asistente de presencia corporativa,
verás como eliminar un web, importar páginas ya existentes para
incluirlas en un Web nuevo. También crearás y modificarás un mapa de
05 imagen. Insertarás una hoja de cálculo de Excel en tu Sitio Web. Y para
finalizar realizarás una página de registro de usuarios.
1 html y FrontPage
10
Trabajando en vista página del FrontPage no tienes que preocuparte más

que de los contenidos, ya que el programa se encargará automáticamente
de su codificación en HTML.
Sin embargo, en ocasiones es necesario recurrir a editar directamente el
15 código HTML de una página. FrontPage también te permite ésta y otras
opciones.
1.1 vista HTML

20 En FrontPage, tienes la posibilidad de ver y corregir directamente el
código HTML que se genera con esas acciones. El código HTML se
mostrará endentado, esto es, escalonado para que veas claramente la
jerarquía de las etiquetas, e incluso en colores para que distingas etique-
tas, nombres, valores y contenido.
25 Para alternar entre el código HTML y otros modos de visualización de
una página:
01
05
10
15
Figura 142. Vista HTML
20
· Selecciona la vista HTML en las pestañas en la parte inferior de la

ventana del FrontPage para ver el código HTML de la página actual.
· Aparece en la ventana de edición el código HTML (figura 142).
25 · Selecciona la pestaña normal para mostrar de nuevo la vista con la
maqueta de la página.
· Selecciona la vista previa para ver el resultado final.
30
2 creación de Web con asistentes
FrontPage proporciona asistentes para sus dos plantillas más complejas,
el web de Presencia corporativa, el web de Discusión (ya visto en clases
anteriores) y el asistente para importar al Web. Un asistente es un pe-
35 queño programa dentro de otro programa, que te conduce paso a paso a
través del proceso de creación del sitio Web que necesites.
El Asistente del web de presencia corporativa, te conduce a través
del proceso de creación de un sitio Web corporativo completo, solici-
tándote el tipo de información que deseas que contenga el sitio Web.
40 Después de decirle al Asistente qué es lo que quieres, el asistente genera
el sitio Web.
Para crear un web empleando un asistente, sigues los pasos:
· Con FrontPage abierto, selecciona archivo / nuevo / web.
45 · Cuando aparezca el cuadro de diálogo nuevo, elige el asistente de
presencia corporativa.
01
05
10
15
Figura 143. Asistente de presencia corporativa.
20 · Haz clic en aceptar. Aparecerá el asistente del Web (figura 143).

Después de leer la introducción, haz clic en siguiente para avanzar al
siguiente panel, donde puedes especificar qué páginas deseas incluir en
tu Web. Personaliza esto activando o desactivando la casilla de verifica-
ción, que se encuentra junto a la descripción de la página. Cuando tengas
25 todo elegido haz clic en siguiente.
Ahora te pide un título descriptivo para tu Web. Pon un título adecuado;
algo que describa el tema en el que está trabajando.
En cada panel subsiguiente, vete leyendo y sigue las directrices del asis-
tente. Para pasar al siguiente panel, haz clic en siguiente. Si en algún
30 momento quieres volver a una pantalla anterior, haz clic en anterior.
Cuando llegues al panel final, el botón siguiente aparecerá en gris. Para
finalizar el Web haz clic en finalizar. El asistente emplea la informa-
ción que le has suministrado para generar el web. Cuando el Web esta
finalizado, puedes abrirlo y visualizarlo en la vista Página (selecciona
35 Carpetas y haz clic en DEFAULT.HTM)
3 eliminar un Web de FrontPage

40 Abre el web que quieres borrar y
desde la vista carpetas, haz clic con
el botón derecho del ratón en el Web
de la lista de carpetas que deseas eli-
45 minar y, a continuación, haz clic en
eliminar en el menú emergente. Figura 144.Confirmar eliminación

01 Aparecerá el cuadro de diálogo confirmar eliminación (figura 144), dán-

Nota: Puedes
importar cualquier
dote dos opciones:
tipo de archivo · Para eliminar el Web, pero conservar los ficheros, haz clic en la
desde un sitio Web opción quitar la información de FrontPage sólo de este Web y
a tu Web de 05 conservar los demás archivos y carpetas; luego, haz clic en acep-
FrontPage, no sólo
ficheros HTML, sino
tar. El cuadro de diálogo se cierra y FrontPage elimina la información
también fichero de FrontPage de los ficheros.
gráficos, ficheros de · Para borrar completamente el web del disco duro, haz clic en la
sonido, ficheros de opción eliminar completamente este Web. Haz clic en aceptar y tu
texto, etc.
10 Web quedará borrada.
4 importación de Web existentes

15 Si ya has creado páginas Web y quieres añadirlas a tu nuevo Web, pue-
des importarlas fácilmente. Puedes importar ficheros individuales o
carpetas completas.
20
25
30
35
Figura 145. Importar
Para importar un fichero solo tienes que seguir estos pasos:

40 Selecciona archivo / importar de la barra de herramientas (figura
145). Puedes importar:
· Archivos que se encuentran almacenados en tu ordenador o red
local, en el cuadro de diálogo importar, haz clic en el botón agre-
45 gar archivo. Aparece el cuadro de diálogo agregar archivo a la
lista de importación (figura 146), selecciona los archivos que quie-
01
Nota: Mientras
cambias el tamaño
de la zona activa,
presiona Esc para
volver a su forma 05
original.
10
Figura 146. Agregar Archivo a la lista de importación

15
20
Nota: Si incluyes
25
una hoja de cálculo
de Excel en el sitio
Web, los visitantes
deberán tener
instalados en el
equipo los controles
Microsoft Office 30
Web Component
para poder verla. (Si
los controles no
están instalados, los
visitantes verán una
marca de agua). 35
Para poder tener

acceso a un servidor
de Instalación de
Microsoft Office y
obtener los contro-
les, es necesario 40
Figura 147.
instalar antes
Microsoft Office.
res importar. Luego haz clic en el botón abrir.
· Una carpeta completa almacenada en tu ordenador o red local, en
45 el cuadro de diálogo importar, haz clic en el botón agregar carpe-
ta. Aparece el cuadro de diálogo buscar carpeta (figura 147),
01
05
10
Nota: Antes de
publicar el sitio,
necesitas repasar el
sitio completo y
cambiar cualquier 15
enlace que se dirija Figura 148. Asistente para importar el web-Elegir origen
a la zona ahora
protegida, de forma
que los usuarios se
registren primero. selecciona la carpeta que quieres importar y haz clic en aceptar.
20 · Un fichero o una carpeta que está almacenada actualmente en
WWW, en el cuadro de diálogo importar, haz clic en el botón
desde el Web. Aparece el cuadro de diálogo asistente para im-
portar el web- elegir origen (figura 148). Vete siguiendo los pasos
que te indica el asistente.
25 · En el cuadro de diálogo importar, haz clic en aceptar.
FrontPage importa los ficheros que has elegido. Cuando el proceso de
importación finaliza, el cuadro de diálogo se cierra.
30
5 creación/edición de mapas imagen
Un mapa de imagen es una imagen que contiene enlaces. Puedes crear
fácilmente mapas de imagen desde la vista página de FrontPage sin nin-
gún programa adicional. Simplemente, inserta la imagen en la página y
35 usa los comandos barra de herramientas imagen para crear las zonas
activas.
· Selecciona primero la imagen que se convertirá en un mapa de ima-
gen.
· Haz clic en el botón rectángulo, círculo o polígono ,
40 señala dentro de la imagen.
· En el cuadro de diálogo crear hipervínculo (figura 150), especifica
el destino para la zona activa que acabas de definir. Entre la lista de
archivos y directorios de tu web, selecciona el cual quieres enlazar o
45 teclea el URL destino en el cuadro dirección URL.
Para marcar dentro de la imagen, deberás hacer lo siguiente:
01
05
10
15

20
· Para marcar un rectángulo señala la primera esquina del rectángulo

y arrastra el rectángulo hasta que obtengas el tamaño deseado. Cuan-
25 do sueltes el botón del ratón aparecerá el cuadro de diálogo crear
hipervínculo.
· Para marcar el círculo señala el centro de la zona activa circular que
deseas crear. Arrastra el puntero del ratón hasta que el círculo tenga
el tamaño deseado. Cuando sueltes el botón del ratón aparecerá el
30 cuadro de diálogo crear hipervínculo.
· Para marcar un polígono haz clic donde quieras que esté la primera
esquina del polígono y haz clic para colocar cada esquina del polígo-
no. Para terminar el polígono haz doble clic, entonces aparecerá el
cuadro de diálogo crear hipervínculo.
35
5.1 trabajar con zonas activas

Puedes seleccionar una zona activa con un hipervínculo en una imagen
para moverla, modificarla o eliminarla. Para seleccionar una zona acti-
40 va:
· Haz clic en la imagen
· Haz clic en una zona activa para seleccionarla o arrastra el puntero
del ratón sobre una parte de la imagen para seleccionarla más de una
45 activa.
· Puedes mover una zona activa usando las teclas de dirección arras-
01 trándola hasta la nueva posición.

· Cuando ya no necesites una zona activa, también puedes eliminarla
seleccionándola y luego presionando la tecla Supr o eligiendo bo-
rrar en el menú edición.
05 · Además se puede cambiar el tamaño de una zona activa si sus di-
mensiones no se crearon de forma correcta. Para ello, sigue la siguiente
secuencia de pasos:
· Haz clic en la imagen.
· Selecciona la zona activa.
10 · Mueve el puntero a uno de los controladores de la zona activa.
· Haz clic en el botón izquierdo del ratón y arrastra el puntero.
· Suelta el botón del ratón cuando hayas cambiado el tamaño de la
zona activa.
15
20
25
30
Figura 151. Ejemplo de mapa de imagen
35 En la figura 151 tienes un ejemplo de un mapa de imagen, este mapa

esta insertado en la página principal de tu Sitio Web.
6 insertar hoja Excel en FrontPage

40
Para insertar una hoja de cálculo en una página. Sigue estos pasos:
· Abre la página en la que quieres insertar la hoja de cálculo.
· Coloca el cursor donde quieras que aparezca la hoja de cálculo.
45 · Desde el menú, selecciona insertar componente / ffice spreadsheet.
· La hoja de cálculo aparece en la página. Ahora puedes añadir infor-
01
05
10
15
Figura 152. Hoja de cálculo
20
mación directamente en la hoja de cálculo.

En la figura 152 tienes un ejemplo de la inserción de una hoja de cálculo
en una página de FrontPage.
25
7 registro de usuarios
Sirve para saber quién ha accedido a determinada información en tu
sitio. Para añadir un formulario de registro a un Web existente, sigue
30 estos pasos:
· Con el Web raíz abierto, selecciona archivo / nuevo / página. Apa-
· Desde la lista general, selecciona registro de usuarios y haz clic en
aceptar.
35 · Localiza la zona de formulario de la página de registro y haz clic
con el botón derecho en ella. Aparece un menú.
· Desde el menú, selecciona propiedades de formulario.
· Haz clic en el botón opciones. Aparece el cuadro de diálogo opcio-
nes del controlador del formulario de registro (figura 153).
40 · En el cuadro de texto etiquetado nombre del Web, teclea el nombre
del web en el que quieres que los usuarios se registren para utilizarlo.
· En el cuadro de texto etiquetado dirección URL de la página de
registro fallido, puede teclear el nombre de archivo de la página que
45 vas a mostrar cuando se deniegue el acceso al sitio. Este campo es
opcional.
01
05
Nota: Para borrar

un web de este
modo, el servidor
que alberga el web
10
debe tener instala-
das las Extensiones
de Servidor de
FrontPage. Si no
las tiene, tendrá que
borrar manualmente
los archivos en el 15
servidor remoto.
Éste es un procedi-
miento que varía
dependiendo del
sistema operativo.
20
Figura 153. Opciones del controlador del formulario de registro

25

· Desde la barra de menús, selecciona edición / reemplazar. Aparece
30 el cuadro de diálogo reemplazar.
· En el cuadro de texto buscar, teclea [NOMBRE DE SUBWEB]. Éste es un
texto de reserva de espacio que aparecerá en la página de registro, en
aquellos lugares donde posteriormente aparecerá el nombre del web
para el que solicita que se registren los usuarios.
35 · En el cuadro de texto reemplazar con, teclea el nombre del web para
el que se solicita el registro.
· Haz clic en el botón reemplazar todo.
· Haz clic en cancelar en el cuadro de diálogo reemplazar.
40 Puedes ahora personalizar la apariencia de la página para que se asemeje
al resto de páginas de tu web.
Desde la barra de menús, selecciona archivo / guardar como.
En el cuadro de texto nombre de archivo, teclea un nombre para el for-
45 mulario y haz clic en aceptar.

clase 13
13
© PC Carrier
E
01 n esta clase conocerás como publicar tu sitio una vez lo hayas
finalizado, así como mantener el sitio una vez que lo has publica
do. Y para finalizar le darás publicidad a tu sitio de varias formas:
introduciéndolo en directorios y motores de búsqueda, anunciándolo en
05 los grupos de noticias, hacer que aparezca como recomendado en revis-
tas y periódicos y utilizar el correo electrónico como publicidad.
Es un buen momento para que repases todo tu Sitio Web y ver si tienes
todas las páginas enlazadas, comprobar si estas utilizando todas las pá-
ginas que tienes en tu sitio, sino es así puedes eliminar las que no te
10 interesan (por ejemplo, la página myfav3 no se utiliza y puedes borrar-
la). En la página photo.htm puedes cambiar las fotos que aparecen y
poner alguna tuya.
Es importante que compruebes que esta todo bien porque el siguiente
paso es publicar tu Sitio Web, y no es conveniente que tenga algún error.
15
1 publicar tu web
Para formar parte de la World Wide Web, tu Web de FrontPage debe
20 publicarse (o cargarse) en un servidor Web. Necesitarás una cuenta con
un proveedor de servicios de Internet.
Publicación, en este contexto, se refiere simplemente al proceso de co-
pia de los archivos que constituyen una página o un sitio, al ordenador
correspondiente. Una vez que has especificado el nombre del servidor
25 Web en el que vas a publicar, el URL y alguna otra información funda-
mental, siempre puedes, con un clic de botón, publicar tus cambios y tus
01 nuevas páginas.
Nota. Si empleas
una conexión de
· Las fases de la publicación: Como ya sabes para publicar tu web
acceso telefónico a necesitas una conexión a Internet. También necesitas acceso a un ser-
Internet, tendrás vidor Web. Dentro de unos límites, puedes publicar gratuitamente en
que estar conectado 05 el Web. Por ejemplo Geocities (WWW.GEOCITIES.COM) ofrece gratuita-
antes de poder
verificar los enlaces
mente almacenamiento de páginas web y correo electrónico. Existen
de tu sitio. Si no al muchos otros servicios Web que son gratuitos; si quieres encontrar
verificar los enla- una lista de ellos, puedes visitar Yahoo ( WWW.YAHOO.COM) y buscar
ces, todos los FREE WEB PAGES. Sin embargo, saber que algunos servicios de pági-
enlaces que salgan
fuera de tu sitio 10 nas gratuitas no disponen de servicios al cliente o le ofrecen un espacio
aparecerán como de almacenamiento muy pequeño. Otros, funciona como gancho, co-
erróneos. locando por casi todo el espacio de tu página anuncios publicitarios.
Para tener un sitio realmente profesional, tendrás que pagar por el
servicio.
15 · Publicación: Tienes que saber
si el servidor en el que quieres pu-
blicar tu web tiene instaladas las
Extensiones de Servidor de
FrontPage 2000, sino es así solo Figura 154. Publicar Web.
20 tienes que actualizarlas.
Debido a que FrontPage 2000
puede detectar automáticamente si las extensiones del servidor de
FrontPage están instaladas (y remediarlo si no es así), no origina nin-
gún problema asumir que están instaladas y proceder como tal.
25 · Publicación en Internet: Lo primero de todo asegúrate de que tu
ordenador está conectado a Internet y de que conoce el URL comple-
to de la máquina en la que publicará su web. Luego sigue los pasos:
· Con el Web que quiere publicar abierto en FrontPage, desde la
barra de menús, selecciona archivo / publicar web. Aparece el
30 cuadro de diálogo publicar web (figura 154).
· En el cuadro de texto especifique la ubicación en la que se publi-
cará el Web, teclea una ubicación o haz clic en la lista desplegable
con todas las ubicaciones donde has publicado con anterioridad.
Si encuentras entre ellas el servidor destino que vas a emplear,
35 selecciónalo.
· En el cuadro de diálogo publicar Web, aparece seleccionado por
defecto el botón de opción sólo publicar páginas con cambios.
Si es la primera vez que publicas el web, es más lógico seleccionar
la opción publicar todas las páginas y sobrescribir las que haya
40 en destino.
· Haz clic en publicar. El cuadro de diálogo se cierra y comienza
el proceso de publicación en FrontPage. Si las Extensiones de Ser-
vidor están instaladas, el proceso de instalación continúa y la carga
45 de archivos comienza. El proceso de carga es indicado por
Microsoft FrontPage mediante un cuadro de estado
01 · Para comprobar si tu web ha sido publicada correctamente, arranca

tu navegador y teclea la URL del servidor remoto. Las páginas
Web que constituyen el web deben aparecer; asegúrate de com-
probar todas sus características. (hipervínculos, formularios, etc.)
05
2 utilización del asistente

Si en los pasos anteriores llegaste al paso 4 y descubres que no tienes las
10 Extensiones del servidor instaladas, aparecerá el asistente para la publi-
cación Web.
Sigue los pasos:
· En el cuadro de texto servidor Web, teclea el nombre del servidor
Web en el que quiere realizar la carga de tu Web.
15 · En el cuadro de texto dirección URL o dirección Internet, teclea el
nombre del directorio en el que quieres que se carguen los archivos.
· Haz clic en el botón siguiente.
· En el cuadro de texto usuario, teclea tu nombre de usuario.
· En el cuadro de texto contraseña, teclea tu contraseña.
20 · Haz clic en finalizar y la carga se inicia. Si cualquiera de las pági-
Nota: Para locali-
zar grupos de nas que está publicando necesita las Extensiones de Servidor de
noticias que estén FrontPage, aparecerá un cuadro de diálogo advirtiéndote; puedes ha-
relacionados con el cer clic en cancelar, para volver al editor y modificar la página
tema de tu sitio, problemática de forma que no requiera Extensiones del Servidor, o
puedes hacer la
búsqueda con un 25 bien puedes hacer clic en continuar para proceder con la publicación
lector de noticias. del web(incluyendo las páginas que no funcionan correctamente). Apa-
rece el cuadro de diálogo publicando archivos.
Cuando el proceso se ha completado, el cuadro de diálogo se cierra y
aparece un mensaje con las palabras SE HA PUBLICADO CORRECTAMENTE EL
30 SITIO WEB, seguidas de un enlace al URL del servidor remoto.
La publicación ha tenido éxito, ahora solo tienes que comprobar tu sitio
en diferentes navegadores y asegurarte de arreglar las páginas que no
funcionan.
35
3 publicación de cambios de tu Web

Realización de cambios directamente en el servidor Web remoto.
Para utilizar la gestión remota, sigue estos pasos:
40 · Desde la barra de menús, selecciona archivo / abrir Web. Aparece
el cuadro de diálogo abrir Web.
· En el cuadro de texto seleccione un Servidor Web o ubicación en
disco teclea el nombre del ordenador remoto. Luego haz clic en el
45 botón lista de Webs. Tras unos segundos, aparece el web de FrontPage
almacenado en la ubicación remota.
01 Ahora puedes emplear los métodos y técnicas aprendidas y, cuando guar-

Nota: Para locali-
zar grupos de
de el archivo, se salvarán y automáticamente se publicarán en el sitio
noticias que estén Web remoto, de forma que cualquier cambio estará inmediatamente dis-
relacionados con el ponible en Internet.
tema de tu sitio, 05
puedes hacer la
búsqueda con un 3.1 publicación de los cambios Web remoto
lector de noticias.
Cuando quieras cargar nuevas páginas en el servidor Web, no tendrás
que esperar y cargar el Web completo. Puedes elegir cargar únicamente
10 los archivos que han cambiado desde la última vez que los cargaste.
Sigue los pasos:
· Con la página web que quieres cargar abierta en FrontPage, selec-
ciona archivo / publicar Web. Aparece el cuadro de diálogo publicar
Web (figura 154).
15 · En este cuadro de diálogo, comprueba que el botón de opción sólo
publicar páginas con cambios está seleccionada.
· En la lista de sitios en los que ha publicado recientemente, seleccio-
na el servidor destino en el cual quiere publicar.
· Haz clic en publicar y los archivos se copian en el servidor Web. El
20 cuadro de diálogo publicar Web se cierra y la barra de estado muestra
que la publicación ha tenido éxito.
3.2 eliminación de los Webs remotos

25 Para borrar un Web en un servidor remoto, sigue estos pasos:
· Desde la barra de menús de FrontPage, selecciona archivo / abrir
Web. Aparece el cuadro de diálogo abrir Web.
· Si el URL del Web objetivo aparece en la lista de webs accedidos
últimamente, selecciónalo.
30 · Haz clic en aceptar. El web aparece en la vista página.
· Desde la barra de menús, selecciona archivo / borrar Web de
FrontPage. Aparece el cuadro de diálogo confirmación.
· Haz clic en sí. El cuadro de diálogo confirmación se cierra y el web
se elimina.
35
4 mantenimiento del sitio Web

El mantenimiento es muy importante en un sitio Web, tienes que verifi-
40 car todos los enlaces. Para comprobar los enlaces de tu sitio, sigue estos
pasos:
· Con un Web abierto en la vista informes, abre la barra de herramien-
tas informes, seleccionando ver / barra de herramientas / informes
45 (figura 155).
· Haz clic en el botón comprobar hipervínculos. Aparece el cuadro
01 de diálogo comprobar
hipervínculos (figura 156).
Figura 155. Barra de herramientas Informes.
· Haz clic en uno de los botones
de opción.
05 · Haz clic en iniciar. El cuadro de diálogo se cierra y la ventana retor-
na a la vista Informes. En este Informe, cada enlace individual de tu
web aparece en una lista, junto con el URL asociado a ese enlace y el
estado del enlace.
· Uno por uno, el estado de todos los enlaces se actualiza en la vista
10 del informe hipervínculos rotos.
Puede tener los siguientes esta-
dos:
· Correcto. El enlace funciona
· Roto. El enlace esta roto.
15 · Desconocido. El enlace to-
davía no ha sido comprobado.
· Comprobando. El enlace
está comprobándose en este
momento. Figura 156. Comprobar hipervínculos.
20
4.1 cambio de enlaces rotos

En la vista informes, haz doble clic en hipervínculos. Aparece el infor-
me hipervínculos rotos.
25 · Haz doble clic en el enlace que quieres cambiar. Aparece la figura
157. Haz clic en examinar. Aparece el cuadro de diálogo seleccio-
30
35
40
45
Figura 157. Modificar hipervínculo

01 nar hipervínculo.
· En el cuadro de texto dirección URL, teclea un enlace nuevo y co-
rrecto.
· Puedes elegir cambiar todas las apariciones del URL o simplemente
05 seleccionar apariciones.
· Haz clic en el botón reemplazar. Si el nuevo enlace es correcto
desaparece de la lista de hipervínculos rotos.
4.2 edición de enlaces rotos

10
Para editar los enlaces, sigue estos pasos:

· En la vista del informe hipervínculos rotos, haz clic con el botón
derecho en el enlace que quieres editar. Aparece un menú.
· Desde este menú, selecciona modificar página. FrontPage abre la
15 página que contiene el URL seleccionado en la vista página.
· Modifica la página, todo lo que quieras, si quieres puedes borrar o
cambiar el URL roto.
Definir los caminos por los que con más probabilidad llegarás a tu au-
diencia. Tienes varios caminos para darte a conocer, alguno de estos
20 caminos son:
· Herramientas de búsqueda.
· Grupos de noticias.
· Aparición en revistas y periódicos.
· Publicidad utilizando el correo electrónico.
25
4.3 introducción en buscadores

Puedes hacer que tu sitio aparezca en muchos de los grandes buscadores
de forma muy fácil, enviando tu URL a través de un práctico formulario
30 que encontrarás en el directorio del buscador.
Optimización para aparecer en los buscadores.
La mayoría de las herramientas de búsqueda emplean pequeños
buscadores de código automatizados, denominados SPIDERS, para locali-
zar los sitios. Los SPIDERS se liberan en la Red, siguen los enlaces y cada
35 sitio que encuentran lo anotan en las bases de datos a las que dan servi-
cio. Muchas veces emplean las primeras líneas de texto de las páginas
Web como descripción o como punto de partida de palabras clave a
asignar al sitio. Cuando un usuario busca un tema, concreto, la herra-
mienta de búsqueda normalmente muestra las coincidencias de la
40 búsqueda de acuerdo a su relevancia. Así que, puede que lo que la herra-
mienta de búsqueda piensa que es relevante para el sitio, realmente no lo
sea.
Tienes que tener en cuenta que todo lo que los SPIDERS conocen de tu
45 sitio es la descripción y las palabras clave que has elaborado. Tras ejecu-
tar un proceso automatizado en el comienzo del texto de tus páginas
01 Web. Puedes controlar esta importante descripción y tu lista de palabras

clave. La mayoría de los motores de búsqueda, reconocen el contenido
de la etiqueta META (una etiqueta HTML que reside en la zona HEAD
de una página Web y que describe la página para los SPIDERS), la cual
05 ayudará en la inserción de los sitios Web en la base de datos. Puedes
emplear esta etiqueta para controlar la clasificación de relevancia de tu
sitio. Tienes que realizar esto antes de introducir tu sitio en los motores
de búsqueda.
Hay varios tipos de etiqueta META que puedes y debes emplear:
10 · Una META etiqueta TÍTULO, que identifica el título de tu página.
· Una META etiqueta PALABRAS CLAVE, que especifica cuáles son las
palabras clave que describen tu sitio Web.
· Una META etiqueta DESCRIPCIÓN, que especifica una breve descrip-
ción de tu sitio.
15 Para insertar META etiquetas en tu Sitio Web sigue los pasos:
· Abre la página en la vista página. Desde la barra de menús, selecciona
archivo / propiedades. Aparece el cuadro de diálogo propiedades de
página.
· En el cuadro de texto título, teclea las palabras para el título. El título
20 deber ser comprensible y, a la vez, contener tantas palabras clave como
sea posible.
· Haz clic en la pestaña personalizado. El contenido del cuadro de diálo-
go cambia para reflejar tu selección.
25
30
35
40
45
Figura 158. Propiedades de página.

01 · En la zona Variables de usuario.

Esta zona muestra una lista de to-
das las etiquetas META de la
página actual. Para añadir una nue-
05 va META etiqueta a la página, que Figura 159. Metavariable del usuario
es lo que queremos hacer, haz clic
en el botón agregar. Aparece el
cuadro de diálogo metavariable del usuario (figura 159).
· En el cuadro de texto nombre, necesitas identificar la META etiqueta
10 que quieres añadir.
· En el cuadro de texto valor, teclea las palabras clave que mejor descri-
ben tu sitio. No todos los motores de búsquedas distinguen mayúsculas y
minúsculas, por lo que, es aconsejable que introduzcas siempre tus pala-
bras clave en minúsculas, incluso si se tratan de nombres propios.
· Repite los pasos 5 a 7, tecleando DESCRIPTION en el cuadro de texto
nombre y luego añade una buena descripción de tu sitio.
También debes repetir las palabras que has empleado para el título y pala-
20 bras clave en el texto de la página al menos una vez y, preferiblemente, más
de una. Realiza estas menciones tan cerca como puedas de la parte superior
de la página. Luego repítelas algunas veces más por el resto de la página.
4.4 anuncio del sitio en los grupos de noticias

25
Puedes anunciar tu sitio en varios grupos de noticias y listas de correo

mediante servicios de divulgación; asegúrate de elegir los caminos apro-
piados basándote en si los temas están relacionados con el tema de tu
página. Asegúrate de que tu anuncio es oportuno, relativo a los temas y
30 respetuoso con la cultura particular del grupo de noticias.
4.5 aparecer en revistas y periódicos

Existe un gran número de revistas dedicadas primordialmente a mostrar
35 a la gente qué es lo que puede encontrar en Internet y como llegar allí.
Lo mejor que puedes hacer es contactar con cualquiera de estas revistas,
localizar el nombre de una persona cuyo rango contenga el nombre de
EDITOR que se encargue de las listas de sitios y envía un comunicado de
prensa a esa persona.
40
4.6 publicidad utilizando el correo electrónico

Puedes emplear cada mensaje de correo electrónico que envías para ha-
45 cer publicidad de tu sitio. En cualquier sitio que coloques información
para tus contactos y amigos, es un lugar potencial para promocionar tu
01 sitio web.
Al final de tus correos puedes incluir la dirección de tu sitio. Por ejem-
plo tu firma puede ser como esta:
05 Marcos González
http://www.misitio.com
mgonzalez@misitio.com
10
15
20
25
30
35
40
45

Frontpagewebs

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Frontpagewebs

Uploaded by

Copyright:

Available Formats

FrontPage é un conxunto de programas

para o diseño, edición e administración

Manual desenvolvido polo

Negritas: Nos manuais de contido informático, sinalan accións, ordes

Cursivas: Nomes de menús cando aparezan sós no texto, ou ben

VERSALITAS: Nomes de arquivos informáticos, verbas que haberán de

Servicio de Publicacións de Pc Carrier

1 abrir una página 22

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

01 6 crear un sitio Web 24

1 insertar imagenes de un archivo 39

1 titulares en las páginas 55

01 1.2 visualización de la herramienta tablas 88

1 configuración gestor de formulario 109

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

1 html y FrontPage 123

1 publicar tu web 133

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

Figura 1.2 Barra de título

· Maximizar, Minimizar, Restaurar y Cerrar : Sirven res-

Figura 1.3 Barra de menús

· Barra de herramientas: (figura 1.4) Es una barra llena de botones

Figura 1.4 Barra de herramientas

· Barra de estado: Situada en la parte inferior de la ventana del Explo-

01 · Barra de división: Separan dos paneles de la ventana. Si sitúas el

2 las vistas del Explorador

Figura 2. Vista Página.

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

Figura 2-1.Paneles de edición

20 Los paneles de edición son:

tipo de vistas que

Figura 3. Vista Carpetas

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

Figura 4 vista Informes

Figura 5 vista Exploración

40 de tu página una vez publicada. Muestra el resultado final de la pági-

Figura 6. Vista Hipervínculos

Para utilizar la vista de exploración (figura 5) selecciona dicha opción

01 Se divide en dos paneles: el superior, el panel de Exploración, que muestra

Figura 7. Vista Tareas.

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

3 extensiones del servidor FrontPage

Figura 8. Pantalla Nueva Página.

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

Figura 8.1. Ventana Página de marcos

Figura 8.2. Ventana Hojas de Estilo

· Haz clic en página.

Figura 9. Plantilla preguntas más frecuentes

Figura 9.1. Hoja modificada

40 · Páginas de marcos: (figura 8.1) en esta pestaña podrás elegir entre

Figura 9.2. Continuación hoja modificada

Figura 10. Cuadro de diálogo Guardar

Elige la pestaña general y la plantilla: PREGUNTAS MÁS FRECUENTES.

5 guardar una página en FrontPage

01 elige la opción guardar.

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

Figura 12 Cuadro de diálogo Abrir

manual editado e producido polo servizo de publicacións de PC Carrier © 2000

1 abrir una página

Figura 13 Cuadro de diálogo Configurar Página

01 · Márgenes izquierdo, derecho, superior e inferior: especifica