CURSO DE INICIACIÓN DE FRONTPAGE
|
INTRODUCCIÓN AL FRONTPAGE
FrontPage es un programa con el cual podemos crear páginas Web de una forma visual. Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin necesidad de saber programar. No obstante, un usuario avanzado puede usar las características avanzadas de FrontPage para hacer sitios Web más complejos. FrontPage forma parte del paquete de aplicaciones Office, y comparte muchas de las características del resto de programas del Office, tanto en procedimientos como en el interfaz.
Para aprender a usar el programa vamos a construir una sencilla página web explicando todos los pasos.
Al arrancar el programa, nos aparece por defecto una página web en blanco en la que podemos trabajar.
Si no nos apareciera (según la versión) hay 2 formas para abrir una página web nueva:
Y la otra opción es pulsar en el icono que está en la parte superior izquierda .
Una vez que tenemos abierta una nueva página web en blanco vamos a ponerle un título y un color de fondo. Para hacerlo, la forma más sencilla es situarnos con el ratón en medio de la página y pulsar el botón derecho. Nos aparecerá la opción “Propiedades de página...” y entramos en ella.
Una vez dentro, lo primero es ponerle un título a la página web. A modo de ejemplo pondremos el siguiente:
Más abajo del título el programa nos permite ponerle sonido a la página. En nuestro ejemplo no pondremos ninguno. En el caso que quisiéramos ponerle tendríamos que darle al botón “Examinar” y buscar el archivo de música que quisiéramos en nuestro ordenador.
El siguiente paso será poner un color de fondo. Para ello nos cambiamos a la pestaña de Fondo y nos aparecerá las siguientes opciones:
Una vez dentro tendremos 2 opciones: - Usar una imagen que tengamos para usarla de fondo. Para ello es necesario marcar la pestaña de “Imagen de fondo” y luego buscar esa imagen en nuestro ordenador dándole a Examinar.
En Internet hay numerosas páginas donde encontrar fondos para webs. Aquí os dejo un enlace a una de ellas. http://www.dursula.com/fondosweb.php
- O bien, no seleccionamos ninguna imagen de fondo y elegimos un color más abajo.
Aquí también podremos elegir los colores que queramos que aparezcan por defecto del texto que pongamos en la página web y de los hipervínculos que incluyamos.
Para guardar la página web pulsaremos el icono guardar Al ser la primera vez que guardamos, nos pedirá el nombre que queremos ponerle a la página y el lugar de nuestro ordenador para guardarla.
Para nuestro ejemplo le pondremos el nombre de “prensa”.
La sencilla página web que estamos elaborando, a modo de ejemplo, consistirá en un par de imágenes correspondientes a logotipos de periódicos on line con sus correspondientes hipervínculos.
Para ello iremos a 2 webs (www.as.com y www.expansión.com ) y capturaremos sus dos logos respectivos (para este paso no creo que haga falta ninguna explicación) y los guardaremos en nuestro ordenador para posteriormente insertarlos en nuestra web.
La forma de escribir e introducir la información que deseemos es la misma que con el programa word. La barra de menús (en cuanto a formato, tablas, tipo de letra, etc.) que tiene el programa word es muy similar a la de frontpage.
Por ejemplo podríamos insertarla de la siguiente manera:
A parte de colocar los enlaces a las web de los periódicos debajo de las imágenes, vamos a poner hipervínculos a estas webs a través de las imágenes, de tal forma que pinchando en ellas también nos lleve a su web.
Para ello nos colocamos encima de una de ellas con el ratón y pulsamos el botón derecho. Nos aparecerá un menú, siendo la opción que nos interesa “Hipervínculo”.
Repetiremos el proceso para la web de AS.
Aquí nos pedirá guardar los dos archivos incrustados (las dos imágenes). Para hacerlo simplemente le daremos a Aceptar.
El programa Frontpage genera automáticamente el código HTML, por lo que no es necesario saber programar a través de este lenguaje para hacer páginas web.
Aquí, si conocemos el lenguaje HTML también podremos modificar o introducir lo que queramos en nuestra página web.
Por último, la pestaña de “Vista previa” se utiliza para ver como nos está quedando la web. En el caso de que hayamos insertado animaciones, sólo si entramos en “Vista previa” podremos verlas, ya que en modo normal estarán estáticas.
Para ver nuestra web una vez hayamos salido del programa iríamos a la carpeta donde lo guardamos al principio y veremos todos los documentos, archivos o imágenes que hemos utilizado para hacerla y entre todos estos archivos estará nuestra página web.
En el caso que hubiéramos creado varias páginas enlazadas entre si habría que establecer una de ellas como la principal, para que desde ella pudiéramos entrar en todas las demás.
www.rubiato.com |
