    TEMA 1: INTRODUCCIN A FrontPage 98
1.1 Qu es Frontpage98?
Micrososoft FrontPage 98 es una aplicacin especializada en la creacin de Diseo de Pgina Web.
En l se puede escribir texto, incorporar imgenes, modificar el cdigo HTML generado por Frontpage98 para adaptarlo a lo que se quiera conseguir, Mapas de Imgenes, Formularios,Elementos Multimedia(Sonido, Animacin,Video)Fuentes de texto,Hojas de estilo.
1.2 Instalacin De FrontPage 98
Debemos instalar El Servidor Web de FrontPage, para ello elegimos la instalacin Personalizada y activaremos la casilla Web personal de FrontPage y la casilla de Imgenes adicionales.
	
 
Una vez finalizada la instalacin, FrontPage realizara una prueba TCP/IP, en la que se determina el nombre del equipo y su direccin IP. Esto es necesario para que nuestro equipo actue como servidor web. (Lugar donde se guardan las Pginas Web para que los usuarios puedan a acceder a ellas.
Si la prueba se realiza con xito, se crea un Web personal en la direccin http: \\nombre_ordenador, donde nombre _ ordenador es el nombre de nuestro ordenador.
El web que se crea se llama Web raz y esta protegido con un nombre de usuario y contrasea de administrador.
 1.3 Explorador De FrontPage 98

La ventana del Explorador de FrontPage se divide en dos partes:
A la izquierda se encuentra la lista de visitas, mientras que a la derecha se mostrara el contenido de nuestro proyecto web.
Las vistas no son ms que formas distintas de ver el proyecto que hemos abierto. En la vista Carpetas, podemos ver la estructura en carpetas de nuestro proyecto web.
En la figura anterior se podr ver como existe una carpeta principal en la que se sitan pginas Web.
Aparecen dos subcarpetas: images, carpeta donde se guardan las imgenes utilizadas y _private que es una carpeta especial creada por FrontPage y donde podemos poner aquellos ficheros o pginas que slo podemos ver nosotros.
En la vista Todos los archivos, se muestran todos los archivos que constituyen el proyecto web. Puede modificar el nombre de los ficheros y esos cambios se actualizaran inmediatamente en el proyecto.
La vista Exploracin es similar a la de Carpetas. Desde aqu se puede visualizar e imprimir la estructura del proyecto web. 
En la vista Hipervnculos puede ver los hipervnculos que salen y llegan a las pginas web. 
En la parte izquierda se sita la estructura del proyecto y en la derecha, los hipervnculos que llegan y salen de la pgina que tenga seleccionada.

En la vista Estado de hipervnculos, se comprueba si los hipervnculos que se han definido en nuestras pginas web son correctos.
La vista Temas: Los temas son un conjunto de elementos de diseo, combinacin de colores, fuentes, imgenes, etc.
En la vista Tarea, podr apuntarse las tareas que debemos realizar en el trabajo diario: modificacin de alguna pgina, mejora de las imgenes.
1.4 Editor De FrontPage 

Puede acceder al Editor de FrontPage utilizando el botn  situado en la barra de herramientas del explorador o bien haciendo donde click en cualquiera de las pginas web.
En la zona central de la ventana se sita el rea de edicin, donde se trabaja para conseguir el aspecto deseado.
El rea de edicin se puede ver de tres formas diferentes, segn en el rea que se encuentre:
Normal, HTML y vista previa.
En la ficha Normal se inserta el texto y el resto de elementos de la pgina.
Podemos acceder a la ficha HTML, donde aparece el cdigo HTML generado por FrontPage.
En ella podemos modificar el cdigo.
La ficha vista previa presenta la pgina tal como se visualizara en Internet Explorer.
1.5  Editor De Imgenes
Existe otra aplicacin que puede ayudarnos en la creacin de pginas web. Esta aplicacin se llama Microsoft Image Composer.
Con Image Composer , podemos crear y editar imgenes que deseamos incluir en nuestras pginas web.
Para acceder a esta aplicacin se puede hacer de diferentes formas:
	En el Explorador de FrontPage  elegir Herramientas y seleccionar Mostrar Editor de  imgenes.
	Desde el Editor de FrontPage elegir Herramientas y seleccionar Mostrar Editor de imgenes.

             
El editor de imgenes es una completa aplicacin de dibujo que permite trabajar con distintos tipos de imgenes.
Tambin podemos utilizar la aplicacin Gif Animator, con ella podemos crear gif Animados.
Podemos acceder a ella desde el men de inicio de Windows o desde el men TOOLS de Image Composer.
1.6 Utilizar La  Ayuda
FrontPage presenta un sistema de ayuda compuesto por tres fichas: Contenido, Indice, Buscar.
Elegimos Ayuda de Microsoft FrontPage en el men Ayuda y aparecer la siguiente ventana.

La ficha Contenido es ideal para tener una visin general de la aplicacin.
En esta ficha la ayuda se presenta dividida por temas, representados a travs de iconos de libros.
Una vez abierto un tema del contenido (haciendo doble clic sobre l) , podemos encontrar subtemas u hojas de ayuda.
Otra forma de obtener ayuda es a travs de la ficha ndice. Se accede a una lista de temas ordenadas alfabticamente.

Podemos elegir directamente un tema de la lista o teclear algunas palabras que se relacione con la ayuda que necesitemos.
La ficha Buscar permite introducir varias palabras o incluso frases completas de texto sobre un determinado tema.
                                                                                                                        

TEMA 2 TRABAJAR EN EL EDITOR
2.1 CREANDO UN NUEVO WEB

Para crear un nuevo Web, hacemos los pasos siguientes:
1. Iniciamos el Explorador de FrontPage, elegimos Crear nuevo Web de FrontPage y aceptamos.
2. Indicamos el tipo de Web que deseamos crear ( Web de una pgina, Importar un web asistente,  Desde asistente o plantilla).
Para realizar nuestras propias pginas elegiremos: web de una pgina.
3. Indica l titulo y la ubicacin del nuevo Web. El titulo es descriptivo sobre el web y es el que se utiliza para en la lista que aparece al iniciar FrontPage.
      Fromtpage creara una carpeta donde guardara el web. Puede ser una carpeta del disco                                                                                                                                      duro o de su ubicacin local.
Por Ejemplo:
Queremos crear un web de forma que nuestras pginas estn incluidas en una carpeta de un disquete.
1) Seleccionamos la opcin: Web de una pgina
2) En el apartado Elija un titulo para su Web de FrontPage:
Escribiremos a: \Fromtpage(Nombre de la carpeta donde tendremos nuestras pginas en el disquete)
3) Hacemos clic en Cambiar y ponemos: a: \FrontPage y aceptamos.
2.2 AADIR CONTENIDO
Una vez creado el web, trabajaremos en el Editor, donde se crea y se modifica la pgina Web.
Para facilitar el manejo de texto FrontPage incorpora la barra de herramientas Formato, en la que se sitan la mayora de botones que vamos a necesitar.

Si el texto que vamos a escribir es un prrafo independiente, elegimos la opcin Normal.
El proceso a la hora de modificar cualquier caracterstica del texto  siempre  es el mismo:
1) Seleccionamos el texto y despus realizamos el comando adecuado, ya sea desde la barra de herramientas Formato o desde el comando Fuente del men Formato.


Desde este cuadro de dilogo podemos indicar el tipo de fuente a 
utilizar(cursiva, negrita, subrayado). Adems podemos cambiar el tamao, el color.
Adems de utilizar las caractersticas de un determinado tipo de letra, el cuadro de dilogo Fuente nos permite acceder a otros comandos especiales de formato situados en la ficha Estilos especiales.
A excepcin del texto, que se escribe directamente en la pgina, el resto de elementos: imgenes, lineas, objetos, etc., se aaden al contenido de la pgina a traves del menu insertar.
Una vez insertado el elemento, podemos utilizar el men contextual (realizando clic con el botn derecho en dicho elemento), para cambiar cualquiera de sus propiedades.

2.3 INSERTAR LISTAS EN LA PGINA WEB
Una forma sencilla de organizar el texto de la pgina es ir insertando listas.
Las listas sin numerar se conocen en FrontPage como listas con vietas.
Cada elemento de la lista es un prrafo distinto de texto.
Para crear listas con vietas, se utiliza el botn  de la barra de herramientas y para las listas numeradas, el botn 
En el cuadro de dilogo que aparece, podemos establecer el estilo de vieta o de numeracin, adems de crear otros tipos de listas.

El cuadro de dilogo se divide en cuatro fichas:
Vietas con imagen, Vietas, Numeracin y Otros.
En las fichas Vietas y Numeracin se indica el estilo a realizar.
En la ficha Otros se permite crear otros tipos de listas: de definicin, men.
En la lista Vietas con imagen, se indica una imagen como vieta.
A la hora de insertar una imagen en la pgina deberemos indicar  su ubicacin incluso podemos utilizar la Galera de imgenes de Microsoft.

                                                                          	
 Si no disponemos de la imagen, indicamos su ubicacin, ya sea desde una carpeta de nuestro equipo  o en una ubicacin en Internet 
                                                                                                                                                                                  

2.4 MEJORANDO EL ASPECTO

Una de las caracteristicas que mejor resultado ofrece para mejorar el aspecto general de la pgina es utilizar un fondo atractivo.

Para indicar el aspecto del fondo de la pgina, acceda al comando Fondo del men Formato.

Aparecer el siguiente cuadro de dilogo.
                                                                                                 
	                               
En la seccin Especificar fondo y colores, podemos establecer, bien una imagen o bien un color como fondo de la pgina. Adems podemos especificar el color del texto y de los hipervnculos.
Tambin podemos utilizar el fondo conseguido en otra pgina web. Para ello, indicamos, en la seccin Obtener fondo y colores de la pgina, donde se encuentra dicha pgina.
Si lo que deseamos es utilizar un determinado color, desplegamos la lista adecuada y lo elegimos directamente. Si no aparece en la lista de colores, utilizamos la opcin Personalizado.
En el caso de utilizar una imagen, activamos la casilla Imagen de fondo e indicamos la ubicacin.
2.5 INSERTAR HIPERVINCULOS
1) Crear un marcador en la pgina: Se selecciona el objeto que actuara como marcador y despus se define utilizando el comando Marcador del men de Edicin
Aparecer el siguiente cuadro de dilogo.
                                                                                                                                                                                                                                                                 
Debemos indicar el nombre del marcador (Con el que ser conocido a la hora de la definicin de hipervnculos).
2) Definir el hipervnculo: Seleccionamos el objeto que actuara como hipervnculo y elegimos Hipervnculo en el men Edicin o utilizamos el botn  de la barra de herramientas.
Aparecer el cuadro de dilogo de la figura, donde lo nico que tenemos que hacer es indicar a donde apunta el hipervnculo.


Para definir un hipervnculo que apunte a un determinado marcador, elegirlo de la lista Marcador.
Para definir un hipervnculo que apunte a otra pgina del mismo web, elegirlo en la lista o escribiendo su Direccin URL.
Para definir un hipervnculo a cualquier otro fichero que este disponible en su ordenador, lo buscamos utilizando el botn 
Para definir un hipervnculo que apunte a una pgina situada en Internet, escribimos la direccin completa de la pgina al estilo de http://www.nombre.com Podemos buscar dicha pgina en Internet utilizando el botn  
Tambin podemos definir un hipervnculo a una direccin de correo electrnico: Para ello, pulsamos en el boton  e indicamos la direccin del correo electronico.
Podemos definir un  hipervnculo a una nueva pgina, pulsando el botn 

QU OCURRE CUANDO DEFINIMOS UN HIPERVINCULO A UN DETERMINADO FICHERO?
Cuando se define un hipervnculo a un fichero html, se carga automticamente la pgina web en el navegador.
Sin embargo, el fichero es de otro tipo, entonces esta permitido que se descargue dicho fichero desde el web. Si es un fichero ejecutable, tendr la opcin de ejecutarlo desde su ubicacin original o trarnoslo a nuestro ordenador.

2.6 GUARDAR PGINA Y COMPROBAR EL RESULTADO

Debemos guardar nuestro trabajo y observar el resultado en un navegador de Internet.
Para ello utilizaremos el comando Guardar Como del men Archivo. 
FrontPage nos pedir que indiquemos el nombre y titulo de la pgina, si la pgina tiene objetos insertados, nos pedir lo mismo para los objetos. En el caso de las imgenes es adecuado guardarlas en una carpeta aparte, como imagen.

Una vez guardada la pgina por primera vez, podemos seguir haciendo modificaciones en la misma.
Cuando deseemos volver a guardarla, no utilizaremos Guardar Como sino Guardar.
Alternativamente al comando Guardar del men Archivo, puede utilizar el botn  de la barra de herramientas.
Para ver el resultado de la pgina, acuda a la ficha Vista Previa. Tal como se ve en esta ficha deber verse en Internet Explorer.
Si deseamos ver el resultado en un navegador, utilizaremos el botn Vista previa en el programa explorador  o elegimos el comando equivalente en el men Archivo.
Si lo elegimos a travs del men podremos indicar en que navegador deseamos ver la pgina Web (entre los que tengamos instalados en el ordenador). 

TEMA 3: MAPA DE IMGENES
3.1 QU ES UN MAPA DE IMAGEN?
Un mapa de imagen no es mas que una imagen en la que se han definido Zonas activas o Hipervnculos.

3.2 PREPARANDO LA IMAGEN CON MICROSOFT IMAGE COMPOSER
El primer paso a la hora de crear un mapa de imagen es justamente disponer de la imagen en la que se definirn los hipervnculos.
Para ello, utilizamos la Imagen  Composer.
Si ya disponemos de la imagen, lo nico que necesitamos es definir las zonas activas de la misma, por lo que no ser necesario utilizar esta aplicacin.
Si estamos trabando en el Editor de frontpage, lo mejor es utilizar el comando Mostrar Editor de Imgenes en el men Herramientas.

 
Imagen Componer permite componer una imagen a partir de otras o aadiendo objetos propios, como botones, textos, artsticos.
La imagen resultante ser todo aquello que aparezca en los limites de la composicin, que es el rectngulo blanco que puede verse en la figura adjunta. Lo que esta fuera de la composicin no formara  parte de la imagen final.
Lo primero es establecer los limites de la composicin, es decir, el tamao del rectngulo blanco.
Para establecer las dimensiones de la composicin, acceda al comando Composition Setup (Preparacin de la composicin) en el men File (Archivo). Aparecer el siguiente cuadro de dilogo, donde  indicara las dimensiones en pxeles.
 
Una vez establecidas las dimensiones de la composicin, el paso siguiente es ir aadiendo las imgenes u objetos que la continuaran. Este proceso se realiza utilizando el men 
insert  ( Insertar).

 
Si disponemos la imagen en un archivo, elegimos From File (Desde Archivo) e indicamos donde se encuentra: La imagen aparecer inmediatamente en Image Composer pudiendo tener que desplazarla para que se muestre en el rectngulo de la composicin.
La imagen queda insertada como objeto ms de la composicin y, como tal, puede ser modificada. , Por ejemplo, para cambiar su tamao, podra utilizar las flechas que aparecen en sus limites.

3.3 PREPARANDO LAS ZONAS ACTIVAS
Las zonas activas de un mapa de imagen son aquellas que insertaremos hipervnculos.
Estas zonas activas pueden tener cualquier forma cerrada.
En Image Composer podemos introducir texto en la composicin, adems de aplicarle efectos especiales, que permitirn conseguir un resultado espectacular.
La barra de herramientas situada en la parte izquierda de la ventana permite realizar la mayora de acciones de Image Composer.
 
Entre ellas, la incorporacin de texto se consigue con el botn Text  . Una vez seleccionada una herramienta, aparecera una ventana flotante donde se podrn establecer alguna de las caractersticas de dichas herramientas.
Cuando tengamos todas las caractersticas deseadas para el texto, entonces es el momento de incorporar los objetos de texto a la composicin. Para ello lo nico que tenemos que hacer es dibujar un rectngulo en la zona de trabajo, de forma que el texto quepa en dicho espacio.
El texto forma parte de la composicin como un objeto independiente, por lo que se puede cambiar cualquiera de sus caractersticas si previamente lo seleccionamos.
Si despus de insertar distintos objetos de texto desea alinearlos, podr hacerlo de forma
sencilla utilizando las herramientas Arrange ( Disposicin)   .

1) Elegimos la herramienta de seleccin.
2) Hacemos clic  con el raton en aquellos objetos que deseamos alinear. Mantenemos                                                                                   pulsada la tecla [May] al mismo tiempo para realizar una seleccin mltiple.
3) Elija la herramienta Arrange con la que aparecer una ventana flotante en la que debe elegir como alinear los objetos.
Tenemos distintas posibilidades a la hora de alinear los objetos. Todas ellas a travs de los botones de la seccin Aling de la ventana flotante. Sin embargo, debemos tener en cuenta que no se puede deshacer automticamente el desplazamiento de un objeto, sino que lo tendr que hacer de forma manual.
Si deseamos probar distintas formas de alinear los objetos, lo mejor es primero recordar la posicin original, de forma que podamos volver a ella rpidamente. Esto se consigue con el botn Set Home position (establecer posicin inicial)  
Una vez guardada la posicin inicial , siempre podr volver a esta con el botn Restaura to Home Position (volver a posicin inicial).  

 

3.4 APLICANDO EFECTOS
Image Composer permite aplicar efectos con la herramienta Effects (Efectos)  
Al pulsar sobre este boton, aparece su correspondiente ventana flotante, en la que los efectos aparecen divididos en categoras.
Una vez elegida la categora deseada, debe seleccionar el efecto a aplicar.
El efecto que quiere conseguir es que los objetos de texto sobresalgan del resto de la imagen. Para ello, viene bien la categora outtlines ( Contornos).
Preparando la imagen para el fondo de la pagina web
Las imgenes que aparecen en el fondo de las pginas web suelen ser pequeas y con colores y formas suaves, para que no molesten y pueda verse comodamente el resto de los elementos de la pgina.
Image Composer permite conseguir este efecto en cualquier imagen, como si la imagen se viera a travs  de una lente transparente, se hace de la siguiente forma:
1) Insertamos la imagen en el editor de imgenes.
2) Seleccionmosla y pulsamos en el botn Effects (Efectos).
3) Elegimos la categora Color Enhacement (Mejora el color).
4) Dentro de esta categora, elegimos el efecto Transparent (Transparencia) y aplcalo.
5) Si deseamos establecer el nivel de transparencia / opacidad con el que se aplica el efecto, acceda a la ficha Details (Detalles) de la ventana flotante de efectos.

3.5 GUARDANDO LA IMAGEN
Lo primero es guardar la composicin como tal, de forma que podamos volver a ella y modificarla.
Guardando la composicin con el formato de Microsoft Image Composer , mantenemos los colores originales ya que se guarda en True Color (Color verdadero).
Una vez hemos guardado la composicin como tal, podemos obtener la imagen que utilizaremos en nuestra Web: como GIF o como JPEG. Para ello, elija Save for the web (Guardar para la web) en el men File (Archivo).
EL segundo paso es decidir en que formato y con que calidad deseamos guardar la imagen.
Si decidimos guardar la imagen como GIF, deberemos decidir con que paleta de colores.
( Las imgenes GIF permiten un mximo de 256 colores diferentes para representar la imagen)
En el caso de las imgenes JPEG, no hay problema, ya que la imagen se guarda con color verdadero.
3.6 DEFINIENDO LAS ZONAS ACTIVAS
Lo primero es insertar la imagen en la pgina. Seleccionamos la opcin Imagen del men Insertar e indicamos donde se encuentra dicha imagen.
Segundo debemos seleccionar la imagen con lo que aparecer automticamente una nueva barra de herramientas, con botones que nos facilitan el trabajo con imgenes.
Una vez dibujada la forma en la imagen, aparecer el cuadro de dilogo donde se define el hipervnculo.
Si la imagen tiene un determinado color, podramos indicarle que es el de transparencia de forma que la imagen parezca que flote en la pgina en lugar de aparecer como si estuviera pegada.
Una vez seleccionada la imagen GIF, podemos indicar el color de transparencia utilizando la herramienta Hacer transparente   de la barra de herramientas Imagen. Para ello, puse en la parte de la imagen donde aparezca el color de transparencia e inmediatamente conseguiremos el efecto.


TEMA 4: ESTRUCTURAR LA PGINA CON TABLA


4.1 DIBUJANDO LA TABLA

Disponemos de dos opciones: Insertar la tabla o dibujarla. Ambas opciones Aparecen en el men Tabla.

Insertar Tabla: Es adecuada para tablas en las que tiene muy clara su estructura y que todas las celdas presentan las mismas dimensiones.
Dibujarla: Crea tablas ms complejas, en las que alguna celda pueda ocupar mas de una columna o ms de una fila, o simplemente, que tengan distintas dimensiones.
Una vez elegida esta opcin del men Tabla, aparece la siguiente barra de herramientas:

                      Insertar filas     Insertar columnas   Combinar celdas          
                                                                                                    Distribuir filas  equit 
      Color de fondo
                                        Alineacin vertical
dibujar tabla    Borrador   Eliminar celdas                            Distribuir columnas equit

    

Entre todas las herramientas disponibles, la ms til es Dibujar tabla.

1) Debemos dibujar un rectngulo que englobe la tabla en su totalidad. Despus continuaremos dibujando las divisiones en filas y columnas.

 		

Cuando hayamos conseguido la tabla deseada, volveremos a pulsar en el botn Dibujar tabla de la barra de herramientas. A partir de ese momento podremos empezar a incorporar elementos a la tabla .


4.2 INSERTANDO ELEMENTOS

Nos colocamos en la columna adecuada e insertamos el elemento. Si es texto lo escribiremos, si es una imagen u otro objeto, elegimos la opcin del men Insertar.

 

4.3 MODIFICANDO LA TABLA

Para unir dos o mas celdas, lo primero es seleccionarlas y despus pulsar en el botn Combinar celdas.  
Para dividir una celda en distintas filas o columnas, se consigue con el botn Dividir celdas  
Con la herramienta Dibujar tabla podemos dibujar la tabla tal como la deseemos.
Con la herramienta Borrador, podemos eliminar divisiones de la tabla.
Con la herramienta Insertar filas, podemos aadir nuevas filas a la tabla.
Con la herramienta Insertar columnas, podemos aadir columnas.
Eliminar celdas, elimina las celdas que tengamos seleccionadas en ese momento.
Combinar celdas permite conseguir que una celda se extienda a mas de una fila.
Dividir celdas permite conseguir mas de una fila o columna en la celda en la que se encuentre.
Alineacin vertical en la celda: Al borde superior, al centro o alinear con el borde inferior.
Distribuir filas equit, Distribuir columnas equit: Permiten establecer las mismas dimensiones para las filas y las columnas.
Color de fondo : Permite modificar el color de la celda.
Cuando hacemos clic con el botn derecho del ratn en alguna parte de la tabla, aparece un men contextual con varias opciones.

 

TEMA 5 ESTRUCTURAR LA WEB COB FRAMES

5.1 Utilizando una plantilla
Para utilizar una plantilla de frames, accedemos al Editor de Frontpage y elegimos Nuevo... del men archivo. Aparecer un cuadro de dialogo dividido en dos fichas:
Pgina y Marcos. En la ficha marcos se sitan las plantillas que hacen uso a los frames.
 

La distribucin en frases mas frecuente que se puede encontrar en la World Wide Web  se consigue con la plantilla Contenido. (Frame pequeo en la parte izquierda de la ventana del navegador y uno mas grande en la parte derecha).  
Pasos a realizar para que aparezca en la pgina distribuida en frames izquierda y frames derecha:
1) Mostrar Editor de FrontPage
2) Nuevo del men archivo
3) Texto a dos columnas (de la ventana de plantilla).
4) Marcos (de la ventana de Contenido).



5.2 ESTABLECIENDO EL CONTENIDO
Al utilizar una determinada plantilla de frame, Frontpage crea el fichero ndice , es decir, aquel en el que se indica la estructura o divisin de la pgina en frames.

Establecer Pgina inicial: Podremos indicar cual es la pgina que debe mostrarse inicialmente en el frame.
Nueva pgina: Podremos crear una pgina nueva que se muestre inicialmente en el frame.
Ayuda: Accederemos a los temas de ayuda de FrontPage relacionados con este tema.

5.3 MODIFICANDO LA ESTRUCTURA
Una vez creada la estructura de frames a partir de determinada plantilla, podemos modificarla tal como deseemos.
A travs del men Marco del Editor de FrontPage, podremos realizar :
Crear mas frames , eliminarlos , establecer sus propiedades.
Por ejemplo, para eliminar un frame, no hay mas que seleccionarlo y elegir Eliminar Marco del men Marco.
De forma similar podemos crear nuevos frames. Para ello utilizaremos el comando Dividir Marco del men Marco.

5.4 CUARDAR LA ESTRUCTURA
Para guardar la estructura de la pgina haremos lo siguiente:
Men Archivo : Guardar como (Guarda la estructura del frames)
Guardar (Guarda la pgina del Frame de la Izquierda).


5.4 ESTABLECECIENDO PROPIEDADES
Seleccionamos el frame adecuado y estableceremos sus caractersticas. Por ejemplo, si deseamos establecer el fondo de un determinado color, elegimos fondo en el men formato.
Para establecer propiedades de cada frame en particular deberemos seleccionar el frame y elegimos Propiedades de marco... en el men Marco.
Aparece el siguiente cuadro de dialogo:

 
Podremos indicar que el marco debe tener siempre el mismo tamao, que se muestre o no las barras de desplazamiento, los mrgenes.
Si lo que deseamos es modificar las caractersticas de la estructura de frames, deberemos acceder a la opcin Propiedades de pginas de marco en el men Marco.

Este curso ha sido descargado desde La Web del Programador http://www.lawebdelprogramador.com


TEMA 6  INCORPORAR ELELMENTOS ACTIVOS

6.1 INSERTAR SONIDOS
Para guardar elementos multimedia, debemos crear carpetas en nuestro sitio web.
Para crear carpetas  en el Explorador de FrontPage  nos situamos en la vista Carpetas y elegimos Archivo-Nuevo-Carpeta.
Pasos para Insertar Sonido a travs del Editor de FrontPage:

1.	Elegimos Propiedades de pgina en el men Archivo.
2.	En la ficha General del cuadro de dialogo que aparece, indicamos la ubicacin del sonido de fondo. ( Es un archivo con formato WAV ).
3.	En el mismo cuadro de dialogo podemos indicar que el sonido se repita indefinidamente o solo un numero determinado de veces.

 
6. 2 INSERTAR VDEO
FrontPage permite la insercin de ficheros AVI (Formato de vdeo).
Elegimos el Comando Vdeo del men Insertar - Elementos activos y aparecer el siguiente cuadro de dialogo.
 
Solamente necesitamos indicar donde esta el fichero de vdeo que deseamos insertar.
Para establecer propiedades elegiremos propiedades de imagen.
En la ficha Vdeo del cuadro de dialogo que aparece, podemos determinar algunas caractersticas que afectaran a la forma de reproducir y parar el vdeo. Para ello activamos la casilla Mostrar controles en el explorador.

 
En la seccin Repetir indicamos el numero de veces que deseamos repetir el vdeo.
En la seccin Iniciar se indica cuando se debe reproducir el vdeo: al abrir el archivo o al pasar el ratn por encima de l.
En vez de insertar el vdeo en la pgina, podemos insertar un hipervnculo que permita acceder al mismo.
El hipervnculo puede ser  bien de texto o bien del primer fotograma del video.
Cuando el usuario haga clic en el hipervnculo, el navegador le indicara si desea ejecutarlo desde la ubicacin original o desea traerlo a su ordenador.

6.3 ANIMACION DE OBJETOS
      Desde el men Formato- Animacin elegimos uno de los efectos disponibles.
Para ver la animacin de objetos en la vista previa y en Internet Explorer.

     6.4 MARQUESINAS
Marquesina es un texto que se mueve por la pantalla.
Para crear una marquesina, podemos ya tener escrito el texto y aplicarle el efecto o escribir el texto al mismo tiempo que se crea la marquesina.
Para introducir la marquesina elegimos el comando Marquesina del men Insertar- Elementos activos.
Aparece el siguiente cuadro:

 
En este cuadro se indica todas las caractersticas de este elemento. En la parte superior se introducir el texto que aparecer en la marquesina.
En la seccin Tamao podemos indicar las dimensiones de la marquesina.
En la seccin Direccin se indica la direccin del texto.
Podemos cambiar la velocidad con que se muestra en pantalla, color de fondo.
En la seccin Comportamiento tiene tres posibilidades:
	Desplazar : El texto  de la marquesina se desplazara continuamente en pantalla.
	Deslizar : El texto ha llegar al borde final, segn la direccin elegida permanecer en dicho lugar.
	Alternar : El texto de la marquesina se desplaza por la pantalla hacia delante y hacia atrs desde la direccin de inicio hasta el borde opuesto de la pantalla.



            6.5 BOTONES ACTIVABLES
Para utilizar este elemento, elegimos Botn activable del men Insertar- Elementos Activos.
Aparece el siguiente cuadro:
 
       
Debemos indicar el texto a mostrar en el botn , a que pgina apunta y las                          dimensiones del botn en Ancho y Alto.
En la lista Efecto se determina que efecto debe producir cuando se pase el puntero del ratn por encima del botn.
Pulsando en el botn Personalizado, accederemos a un cuadro en el que se indican caractersticas del botn. Podemos hacer que se produzca un sonido, bien al hacer clic sobre l o bien al pasar el ratn por encima del botn.
Tambin podemos utilizar una imagen en vez de un color para el fondo del botn.


6.7 UTILIZAR BANNERS
Para utilizar este elemento, elegimos Administrador de titulares en el men Insertar-Elementos activos.
Aparecer el siguiente cuadro:

 

Lo nico que debemos indicar son las dimensiones, las imgenes que se mostraran alternativamente ,el efecto que deseamos producir entre una y otra imagen y el intervalo de tiempo entre imagen e imagen.
Todas las imgenes que se muestran en el banner tiene que tener el mismo tamao.
Podemos  definir un hipervnculo utilizando el campo vincular a.
Para indicar el conjunto de imgenes , utilizamos la seccin Imgenes que se van a mostrar.
Si deseamos modificar el orden de las imgenes utilizaremos los botones subir y bajar.
Con el botn Quitar podemos eliminar  imgenes de la lista.



TEMA 7 UTILIZAR FORMULARIOS


7.1CREAR EL FORMULARIO
Un formulario es un conjunto de campos de entrada donde el usuario introduce la informacin que precisamos y pulsa en un botn para que se envi al servidor.
Para crear un formulario la forma ms sencilla es realizarlo utilizando alguna
de las plantillas disponibles, tambin podemos crearlos insertando los distintos campos que nos hacen falta.
Para insertar campos de formularios desde el men Insertar del Editor de FrontPage o desde la barra de herramientas Formularios.

 
En esta barra de herramientas se sitan los distintos tipos de campos que podemos
utilizar.
Al insertar el primer campo, FrontPage aade automticamente dos botones de comando Enviar y Restablecer.
Tipo de campos que podemos utilizar:
	Cuadros de texto de una lnea:  Para introducir poco texto
	Cuadros de texto con desplazamiento: Para introducir grandes cantidades de texto.
	Botones de opcin: Para delimitar una nica opcin entre varias excluyentes.
	Men desplegadles: Para mostrar una lista con opciones.
	Botones de comando: Para realizar alguna accin.


7. 2 PROPIEDADES DE LOS CAMPOS
Para acceder a las propiedades de los campos, hacemos clic con el botn derecho del ratn y elegimos Propiedades de campo de formulario.

PROPIEDADES DE LOS CUADROS DE TEXTO
 
En cuadro de texto, podemos indicar el nombre del campo, el valor que deseamos que aparezca inmediatamente,  el nmero de caracteres que como mximo, podr insertar el usuario y si deseamos que sea un cuadro de texto de contrasea.
  
PROPIEDADES DE LOS BOTONES DE OPCION
      Podemos especificar las siguientes propiedades:
	Indicar el nombre del grupo al que pertenece dicho botn.
	Valor : Especifica el texto que aparecer en la hoja de resultados del formulario cuando el usuario elige este botn de opcin.

PROPIEDADES DE LAS CASILLAS DE VERIFICACIN
            Podemos especificar la siguiente propiedad:
	Valor : Texto que aparecer como resultado del formulario si el usuario ha seleccionado esta casilla. 



PROPIEDADES DE LOS MENUS DESPLEGABLES
Tendremos que indicar las distintas opciones que deben mostrarse en la lista.
 
             
Utilizando Agregar indicamos el texto del elemento, su valor y si deseamos que aparezca o no seleccionando en la lista.
Podemos indicar:
	Un valor distinto para el elemento o utilizar el mismo nombre.
	Indicar el alto del men desplegadle (Cuantas lneas de dicho men se vern en la pgina).
	Permitir selecciones mltiples: Indicamos si se puede seleccionar una nica opcin o ms de una al mismo tiempo.
                   
                   PROPIEDADES DE LOS BOTONES DE COMANDOS
                   Existen tres tipos de botones en un formulario de FrontPage:
	Normal: Botn al que le deber aadir funcionalidad.
	Enviar y Restablecer: FrontPage sabe lo que quiere hacer al pulsar en ellos.
 



7.3 VALIDAR LOS CAMPOS
Podemos validar cualquier tipo de campo, para ello elegimos Validacin de campo de formulario.

 

Utilizando la lista Tipo de datos podemos indicar si el cuadro de texto va a recibir texto, valores numricos.
Por ejemplo, al seleccionar la opcin Texto, podemos indicar que valores son correctos:
Letras, dgitos, espacios en blanco u otros caracteres especiales, adecuados al contenido del cuadro de texto. As, en una direccin de correo electrnico seguro que aparecen los smbolos @ .
Si el campo admite valores numricos, podramos indicar alguna restriccin en cuanto a su valor, en la seccin Valor de los datos.
El aspecto del mensaje de error que puede aparecer al validar un campo, depender de un ajuste realizado en el cuadro de dilogo Configuracin del Web de FrontPage, a partir del Explorador de FrontPage (men Herramientas). En la Secuencia de comando, se puede indicar el lenguaje en el que se crearan las reglas de validacin  VBScript o JavaScript, dependiendo el lenguaje, puede variar el mensaje de error.


7.4 OBTENER INFORMACIN DEL USUARIO
Una vez el usuario ha introducido la informacin y pulsamos en el botn Enviar, se realiza la validacin de los datos, la informacin es enviada al servidor del web.
Podemos hacer que la informacin se envi como un mensaje de correo electrnico a una determinada direccin o bien que se almacene en un fichero del servidor (HTML o texto).
Para establecer todos estos detalles, utilizaremos la opcin Propiedades de formulario del men que aparece en cualquier parte de un formulario.
Aparecer el siguiente cuadro:

 
La informacin enviada por el usuario se guardara en el fichero form_results.txt de la carpeta -private. En esta carpeta podremos guardar aquellos ficheros o pginas web que no deseamos mostrar a los usuarios. 
Pulsando en el botn Opciones de este cuadro, se accede a otro donde se pueden establecer algunas caractersticas.
Por ejemplo, podemos indicar como se separan los valores que enva cada usuario.
Tambin podemos elegir el formato con el que se guardara la informacin, para ello utilizamos la lista Formato de archivo.
En la ficha Resultados por correo electrnico, podemos indicar las caractersticas adecuadas para el caso en el que deseemos que los resultados sean enviados como un mensaje de correo electrnico. Podemos incluso especificar el asunto que debe aparecer en la cabecera de los mensajes.


TEMA 8 : COMPONENTES DE FRONTPAGE


INTRODUCCIN

Los componentes de FrontPage son programas que se incorporan a las pginas web para obtener una determinada funcionalidad.
El objetivo de los componenetes de FronPage es ahorrar tiempo en el desarrollo del sitio web.
Al incorporar componentes para muchas de las tareas que se llevan a cabo en un sitio web, no tendremos que programarlas.

8.1 INSERTAR FECHA Y HORA
Para insertar fecha y hora , nos situaremos en la parte de la pgina donde deseemos que aparezcan , elegiremos Marca de hora del menu insertar.
 
  En la lista Formato de fecha podemos elegir cualquiera de los formatos de fecha y hora disponibles. Si no deseamos que aparezca la fecha o la hora , elegiremos Ninguno.

8.2 CONTADOR DE VISITAS
Para insertar este componente utilizamos el comando Insertar - Componente de FronPage,
aparecera el siguiente cuadro:

 

Elijiremos el estilo de contador que mas nos guste, establecer su valor inicial y el numero de digitos que deben aparecer.

8.3 FORMULARIO DE BSQUEDA
Para   insertar este componente elejimos Elementos activos - Formulario de bsqueda en el menu Insetar. Aparece el cuadro Propiedades de formulario de busqueda en el que se configurara el formulario para que funcione tal y como deseemos.

 
  
En la ficha Propiedades de formulario de busqueda se indican las caracteristicas que afectan
al aspecto del formulario. Podremos indicar el texto que debe aparecer, el nmero de caracteres que permitira introducir para la busqueda. 
Podemos cambiar el texto de los botones del formulario, Iniciar bsqueda y Restablecer.
En la ficha Resultados de la busqueda se configura cmo se realiza la bsqueda y  que resultados obtendr el usuario.

 

En el campo Buscar en la lista de palabras, introducimos Todo, si deseamos que la bsqueda afecte a todo el sitio Web, o un nombre de carpeta. Podemos evitar que se busque en determinadas pginas web. Para ello, utilizaremos la carpeta _private.
Podemos indicar qu informacin aparecer junto a la lista resultado de la bsqueda: puede
Aparecer el nivel de coincidencia (casilla puntuacin), la fecha del archivo y su tamao.

8.4 PUBLICAR LAS PGINAS WEB
Al instalar FrontPage, se realiza una prueba en la que se determina el nombre del ordenador y su direccin IP.
Esto es necesario para que el equipo pueda funcionar como un servidor de Web.
Una vez realizada esta prueba se instala un servidor de web personal en la direccin http://nombre donde nombre es el nombre del equipo.
Podemos crear un Web en cualquier carpeta del disco duro y, finalmente, trasladarlo a este servidor personal o a cualquier otro, incluyendo un lugar de Internet.
El proceso por el cual las pginas que ha creado en un ordenador se copian en el ordenador que acta como servidor Web se llama publicacin de las pginas.
Lo nico que tenemos que hacer es indicar que pginas deseamos publicar y en que lugar debe hacerse.
Elegimos el comando Publicar Web de FrontPage en el men Archivo. Aparece un cuadro donde se debe indicar la ubicacin donde debe publicarse.
Las pginas Web las podemos publicar en cualquier carpeta del disco duro, si deseamos obtener la funcionalidad de los componentes de FrontPage o de los formularios, deberemos hacerlo en un lugar donde se haya instalado un servidor de Web y que tenga las Extensiones de servidor de FrontPage.
Una vez indicado el lugar e introducido el nombre de usuario y contrasea , FrontPage copia las pginas y toda la estructura de carpetas en el lugar indicado, por lo que ahora podremos ver el resultado abriendo dicho Web desde nuestro navegador.


TEMA 9 HERRAMIENTAS DE PRODUCTIVIDAD

9.1 USAR PLANTILLAS
Las plantillas son pginas Web de ejemplo, e incluso Webs completos, que podemos utilizar en nuestro proyecto.
 

FrontPage presenta cuatro plantillas de sitios web que podremos utilizar al crear un nuevo Web.

	Plantilla Web de proyecto: Crea un Web en el que el principal objetivo es el intercambio de informacin de los miembros de un equipo.
	Plantilla Web de soporte al cliente: Crea un sitio donde los clientes de una empresa pueden pedir informacin.
	Plantilla  Web personal: Es adecuada para un sitio donde se expone sus aficiones, su familia, un lbum de foto.
	Plantilla Web vaco: Se utiliza cuando se quiere utilizar un sitio desde el principio.
Una vez elegida una plantilla, FrontPage crea la estructura de carpetas adecuadas para el Web, as como varias pginas donde se incluyen texto y otros elementos relacionados con el tema de la misma.
Podemos personalizar el web. Eliminar pginas que no nos interese, crear nuevas, modificar el contenido.
El aspecto de las pginas creadas a partir de una plantilla siempre es el mismo, se utiliza el mismo fondo, el mismo tipo de letra, los mismos colores.
Al igual que existen plantillas que crean sitios Web completos, existen plantillas para crear pginas Web individuales. Acceder a las plantillas de pagina Web a travs del comando Nuevo del men Archivo del Editor de FrontPage.


 

9.2 USAR UN ASISTENTE
Un asistente genera un conjunto de pginas, carpetas y otros elementos adecuados al tema del Web.
Al utilizar un asistente se realizan una serie de preguntas y segn lo que contestemos se generara un contenido u otro.
Podemos utilizar un asistente para el contenido del Web en s o para una pgina Web individual.
     En el primer caso, se creara un nuevo Web desde el Explorador y en el segundo, se har 
     Desde el Editor.

     FUNCIONAMIENTO DE UN ASISTENTE
     Botn siguiente: Accede al prximo paso.
     Atrs: Modificar algn aspecto indicado en un paso anterior.
     Terminar: El asistente posee todos los datos que necesita.

    9.3 EXPLORACIN DEL WEB
    Los titulares de pgina como las barras de exploracin son componentes de FrontPage,                                                                                                                                 
    podremos utilizarlos siempre que nuestro servidor de web tenga instaladas las Extensiones  
    de servidor.
    En las barras de navegacin, se indica qu botones deseamos mostrar en la barra,                                                      
    FrontPage se encarga de mostrar los botones adecuados segn la posicin de la pgina en la 
    Vista Exploracin del Explorador de FrontPage.

   
     
9.4 TEMAS Y HOJAS DE ESTILOS
Las hojas de estilo son ficheros de texto donde se definen caractersticas a aplicar a los elementos de las pginas Web. En ellas, se indican qu realcen se aplican al texto, qu alineacin tendrn las imgenes.
FrontPage permite incorporar hojas de estilo utilizando el concepto Tema.

 

Un tema es un conjunto de diseos que se aplican a los distintos elementos de las pginas Web: texto, tablas, listas, imgenes, al fondo de la pgina.
Para aplicar un tema a todo el Web si trabajamos en el Explorador de FrontPage, acudimos a la vista Temas y elegimos el que ms nos guste.
Si trabajamos en el Editor de FrontPage elegimos Tema del men Formato.

9.5 HERRAMIENTAS DE ESCRITURA
Tenemos que asegurarnos de que el texto que hemos escrito no presente faltas de ortografa.
FrontPage incorpora algunas herramientas de escritura a utilizar: correccin ortogrfica, y sinnimos. Ambas accesibles a travs del men Herramientas.
FrontPage comprobara la ortografa de la pgina y le indicara cada vez que no encuentra en su diccionario alguna de las palabras que ha escrito.
 
	Botn Omitir: Pasa a la siguiente palabra, sin modificarla.
	Botn Omitir todas: Indica que la palabra no encontrada es correcta.
	Botn Cambiar: Cambia la palabra no encontrada por la elegida en el campo Cambiar a:
	Cambiar todo: Cambiamos todas las ocurrencias de dicha palabra en la pgina.
	Botn Agregar: Inserta la palabra no encontrada en el diccionario.

Si deseamos realizar la revisin ortografica de todo el web, se har desde el Explorador de FrontPage.
  

Los sinnimos son otras de las herramientas de escritura que podemos utilizar.


