Apuntes para hacer páginas Web con FrontPage

1
ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y
BACHILLERATO
CURSO: Cursos y acciones de postgrado, 2004-2005
PROFESORA: Inés M. Gómez-Chacón
CARÁCTER/CRÉDITOS: 3
DEPARTAMENTO: ÁLGEBRA
FACULTAD DE C.C. MATEMÁTICAS, UNIVERSIDAD COMPLUTENSE DE MADRID
Apuntes para hacer páginas Web con FrontPage
Abriendo una página del FrontPage.
Para crear tu propia página Web lo primero que hay que hacer es crear un sito Web:
1. Antes de entrar en FrontPage crea una carpeta nueva donde se guardarán
todos los elementos de la página que iremos creando.
2. Abre FrontPage. Abre el menú de Nueva página o Web; para ello pincha en
“Archivo”-“Nuevo”-“Página o Web”. (aparecerá marcado con el símbolo √
y se abrirá un nuevo menú en la parte derecha de la pantalla)
3. En ese menú pulsa sobre “sitio Web vacío”.
4. Aparecerá una nueva pantallita llamada “plantillas de sitio Web” pulsa en
examinar y busca la carpeta que has creado para guardar tu nueva página.
Una vez hayas señalado esa carpeta pulsa en Abrir.
5. Ahora pulsa sobre la plantilla “Web vacío” y para acabar pulsa sobre
“Aceptar”.
Ya tienes creado tu sitio Web. Si sales de FrontPage y vas a tu carpeta verás que ahora
hay una bola del mundo sobre ella. Ese es el indicativo de Sitio Web.
Ahora que ya tienes definido el sitio Web, puedes pinchar en página en blanco.
Guárdala. Por defecto, pasará al sitio Web definido. Así se te abrirá automáticamente
distintas carpetas imágenes, índice, etc.
Con el botón derecho, puede abrir propiedades de página y poner título, sonido, etc…
------------------------------------------------------------------------
Pestañas en la parte de abajo
Tiene tres niveles Normal, HTML y Vista previa.
Solo puedes hacer modificaciones en Normal y en HTML. Habitualmente trabajarás en
Normal.
-----------------------------------------------------------------------Pensando en la estructura de la página.
Es bueno pensar en la estructura de la página primero.
-Un texto muy largo viene bien trocearlo y meterlo en diferentes páginas enlazadas,
haciendo un índice en la primera. Recuerda llamar a la página principal index.
- Es conveniente estructurar la página en tablas, se hace como en cualquier procesador
de texto.
- Creación de hipervínculos
-Un texto medianamente largo se puede meter en una sola página (tiene ventajas para el
que lo quiera copiar), se puede hacer un índice y hacer enlaces dentro de la página
mediante Marcadores.
------------------------------------------------------------------------
2
Meter en un directorio los distintos elementos.
Cuando la página haya de incluir imágenes es conveniente que los archivos
correspondientes a estas imágenes se incluyan primero en la misma carpeta en la que va
a estar el archivo de la página que estás escribiendo. Piénsate las imágenes (los
formatos más usados que se admiten son JPG y GIF) que quieres introducir y coloca los
archivos correspondientes dentro de la carpeta en la que vayas a guardar la página. Las
imágenes guárdalas en la carpeta “images” (carpeta que ha creado FrontPage dentro de
tu carpeta al convertirla en sitio Web). Se puede proceder de otras formas, pero de
momento empieza así. En esa carpeta van a ir también las otras páginas HTM a las que
vas a hacer referencia desde la principal.
------------------------------------------------------------------------
Texto
Para la escritura del texto se procede con el FrontPage más o menos como con cualquier
procesador de texto normal. Es un procesador bastante aceptable.
-----------------------------------------------------------------------Fondo de la página.
Para el fondo de la página se procede con el botón derecho propiedades de la página o
bien ir a “Formato”-“fondo”. Se puede elegir el color del fondo y también la textura que
se quiera que aparezca en el fondo. También puedes introducir como fondo una imagen
que hayas guardado previamente en tu sitio Web. Dentro de “fondo” pincha en la casilla
“imagen de fondo” y luego en “examinar” busca la carpeta llamada “images” dentro de
tu carpeta (tu sitio Web) y selecciona la imagen. Pulsa sobre “Aceptar”.
También tienes unos formatos definidos que puede utilizar (ver Formato, Tema).
------------------------------------------------------------------------
Imágenes dentro de la página.
Ahora, en el punto de la página principal en la que quieres introducir una imagen haces
click en “Insertar”-“Imagen”-“desde archivo” dentro de la carpeta “Images”, escoges el
archivo de la imagen y pulsas en insertar. Después puedes ajustar el tamaño, qué tipo de
composición en el texto, (se ve bien después en la página del navegador
correspondiente, no en la del FrontPage) etc. Cuanto más grandes sean las imágenes
mayor tiempo de carga necesitarán.
Una imagen de 50KB no lleva mucho tiempo. Puedes dar a la imagen en tu página un
tamaño pequeño pulsando con el botón derecho del ratón sobre la imagen y pinchando
en “Vista en miniatura automática” esa imagen no tarda nada en cargar y quien quiera
la pueda ver en el tamaño en el que está en tu archivo pinchando sobre ella (se abrirá en
una ventana nueva). Lo que ha pasado es que FrontPage ha creado un hipervínculo a la
imagen en tamaño real.
------------------------------------------------------------------------
Imágenes fuera de la página.
También puedes hacer una referencia mediante texto a una imagen, por ejemplo
Números complejos, sin que la imagen se vea en la página, pero de forma que se vea
(en página aparte) cuando haces click en el enlace. Para ello marcas la palabra números
complejos con el ratón, pulsas con el botón derecho y pinchas en Hipervínculo y
3
escoges el archivo correspondiente a la imagen. Si quieres que la imagen aparezca en
una página nueva pincha en “marco de destino” – “nueva ventana” – “aceptar” para que
se guarde el enlace y volver a tu página pulsa de nuevo sobre “aceptar”
------------------------------------------------------------------------
Troceando un texto muy largo.
Si tienes un texto muy largo (que puedes copiar y pegar sin problemas desde
WordPerfect o desde Word o de otra página Web en el lugar que quieras de tu página
en blanco), lo puedes partir en capítulos y copiar cada capítulo en diferentes páginas en
blanco del FrontPage. Guárdalas todas en la misma carpeta de la que ha de ser la página
principal. Dales nombres para que después recuerdes de qué va cada una. En la página
principal te haces un índice de todo el conjunto de capítulos. Luego marcas cada uno,
por ejemplo Capítulo 1, escoges Hipervínculo pinchando con el botón derecho y
escoges el archivo correspondiente al Capítulo 1. Y ya tienes el enlace hecho. Por
ejemplo, en la misma carpeta que en la que va esta página se puede incluir otra a la que
se hace desde aquí. Se llama Doc. 2 y va con sus propias imágenes (que naturalmente
están introducidas en esta misma carpeta).
------------------------------------------------------------------------
Marcadores
Para esto primero se escribe el texto, luego se escoge el sitio al que se quiere enviar al
lector, en ese punto se hace click en “Insertar”-“Marcador”, se señala un nombre para
referencia en el futuro, luego en el índice se hace el enlace correspondiente.
Para ello se marcan las palabras del índice adecuadas, se hace click en Hipervínculo. Se
escoge el enlace interno (marcador) con el nombre correspondiente.
------------------------------------------------------------------------
Enlaces a otras páginas de la red.
Para hacer un enlace a otra página Web, por ejemplo a la Facultad de Matemáticas,
copia primero la dirección de la página en la red, que es http://www.mat.ucm.es/
ahora marcas las palabras que hacen referencia al enlace (facultad de matemática) haces
click en “Insertar”-“hipervínculo”, pegas la dirección de la página en “dirección” y
aceptas y ya queda hecho el enlace.
------------------------------------------------------------------------
Creación de Marcos
Cargar en una página distintas páginas. Esa página está dividida en distintos espacios
conteniendo, por ejemplo, un índice permanente, y la página correspondiente.
Para crear una página con Marcos se va a “Archivo”-“nueva página o Web”-“Plantillas
de página”. Es decir, pinchas en “plantilla de página”, y luego en la pestaña “página de
marcos”. Eliges el contenido y pulsas “aceptar”. Aparecerá una nueva página con las
divisiones que has elegido. Pulsa en “Establecer página inicial” y ahí introduce la
página que quieres que aparezca en ese marco. Repite la operación con las distintas
divisiones de la página.
Para ajustar el tamaño del marco pinchar con el botón derecho del ratón sobre el marco
que se quiera modificar y pulsar “propiedades de marco”
4
Para dividir marcos pulsar en la barra superior “Marco”-“Dividir Marco” se empieza en
la parte de arriba, y se van añadiendo todas la divisiones que se quiera.
------------------------------------------------------------------------
Componentes de web
Están situados en la parte superior en “insertar”-“componentes Web”
Veamos algunas cosas que se pueden añadir o insertar en nuestra página:
• Efectos dinámicos
o Marquesinas: Son líneas de texto que se mueven por la pantalla.
Para introducir una marquesina en nuestra página. Ir a “Insertar”“componentes Web”-“marquesina”- “finalizar” Introducir el texto y las
características de la marquesina y “aceptar”.
o Administrador de titulares: Crea una secuencia programada de imágenes
que va cambiando sola. “Insertar”-“Componentes Web”-“Administrador de
titulares”-“Finalizar”. Ahora pincha en “Agregar” (imágenes que se
mostrarán) y ve añadiendo todas las fotos que quieras (tienes que pulsar
“abrir” cada vez que seleccionas una imagen). Elige durante cuanto tiempo
quieres que se muestre cada una y cuantos segundos quieres que pasen desde
que se abre la página hasta que empieza la secuencia (retardo). Pulsa
“Aceptar”.
o Botón activable y comentarios: Crea un botón que tiene un hipervínculo a
otra página. Cuando se pasa el ratón sobre él cambia de color, reproduce un
sonido o muestra una imagen. “Insertar”-“componente Web”-“botón
activable”-“finalizar”. En propiedades del botón escribimos el texto que
queramos poner sobre el botón. Elegimos el color y para añadir sonidos o
imágenes pinchamos en personalizado. En “vincular a” pulsamos sobre
“examinar” y elegimos dónde queremos ir cuando pinchemos sobre el botón.
• Galerías de fotografías: Organiza un grupo de fotos en una página. Se les puede
poner título, comentarios… “Insertar”-“Componente Web”-Galería de fotografías”
Elegimos el tipo de Galería que queremos y pulsamos “Finalizar” Agregamos las
fotografías que queramos y los títulos y descripciones.
• Contador de visitas: Muestra un contador que irá aumentando cada vez que alguien
visite la página. “Insertar”-“Componente Web”-“Contador de visitas a la página”
Eliges el tipo de contador que quieres y “Finalizar”. Elegir el estilo y el número que
queremos que aparezca como inicial. (El contador se activara sólo cuando la página
ya esté colgada en internet)
------------------------------------------------------------------------
Elementos “extra” de una página Web
• Línea de separación: Inserta una línea horizontal. “Insertar”-“Línea horizontal”
• Fecha y hora de modificación de la página, en “Insertar”-“Fecha y hora”.
• Zonas activas dentro de una imagen, definir distintas zonas y establecer un enlace.
Lo primero que hay que hacer es activar la barra de herramientas de imágenes, para
ello ir a “Ver”-“Barras de herramientas”-“imágenes”. Una vez activada la barra de
herramientas hay que marcar la imagen con el ratón entonces la barra de
herramientas se activará y seleccionando el círculo, el cuadrado o el polígono
5
podremos activar la zona de la imagen que queramos vincular. El polígono es mejor
pues puede delimitar más las zonas. Además de estas tres hay la de resaltar zonas
activas.
• Lista Contraíble: Una vez que tengamos creada una lista con sus distintos niveles
puede interesarnos que sólo se muestren los elementos del primer nivel y que los
componentes de los demás niveles se muestren sólo cuando pinchemos sobre el
elemento del que dependen. Para ello pinchamos con el botón derecho del ratón
sobre un elemento del nivel que queremos mostrar. Y pulsamos sobre propiedades
de lista. Marcamos la casilla “Habilitar esquemas contraíbles” y luego “aceptar”.
• Formularios: Podemos crear un formulario interactivo con los usuarios de nuestra
página que nos mande los datos obtenidos o bien a un archivo, al e-mail o a una
base de datos. Para activar un elemento de un formulario: “Insertar”-“Formulario” y
seleccionamos el elemento del formulario que queramos introducir. Luego con el
botón derecho del ratón pulsamos sobre ese elemento y pinchamos sobre
“propiedades de formulario” Ahí podemos decidir dónde almacenar la información
que los usuarios de nuestra página introduzcan, así como modificar las propiedades
del formulario.