Apuntes para hacer páginas Web con FrontPage

Transcripción

1 1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 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 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 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 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 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 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. 5