Vamos a diseñar una pagina en la que iremos aplicando paso a paso, progresivamente las diferentes posibilidades que nos brinda FrontPage. Trataremos los siguientes puntos:
Al entrar en FrontPage nos encontramos con un entorno muy similar al de Word u tras utilidades Microsoft y con una pagina en blanco sobre la que empezar a escribir.
Obsérvese que en el titulo esta pagina es denominada "Sin titulo Página normal". FrontPage nos ofrece la posibilidad de elegir entre varias plantillas preestablecidas para utilizarlas como base inicial en nuestros diseños. Puedes ver estas opciones si pulsas en el menú Archivo ® Nuevo. De momento nos vamos a quedar con la opción Pagina normal.
Otras observaciones antes de empezar:
1.- Pondremos el encabezado principal, escribiendo el texto que será: SEVILLA, y luego le daremos los atributos deseados.
Marcamos el texto
Para elegir el tipo de Encabezado, que será "Encabezado 1", tenemos tres caminos:
- En una lista desplegable que tenemos justo debajo de la barra de menús
- Pulsando en el menú Formato ® Párrafo
- Pulsando el botón derecho.
Los encabezados del 1 al 6 guardan proporción de mayor a menor, aunque cambiemos el tipo de letra
. Fuentes
2.- Podemos modificar también el tipo de fuente, su color, estilo y tamaño. Puedes hacerlo de tres maneras diferentes:
Obsérvese en el cuadro de dialogo de Fuentes la segunda pestaña denominada "Estilos Especiales".
Si el tamaño de letra no es el que deseas recuerda que en cualquier momento puedes aumentarlo o disminuirlo pulsando en los iconos respectivos de la barra de herramientas, marcados con una A^.
También puedes cambiar el color con el icono indicado con una paleta de pintor.
3.- Puedes centrar (o justificar a izquierda o derecha) el Titulo en la pagina, marcándolo y usando uno de los tres métodos siguientes:
Este es el cuadro:
4.- Vamos a poner un subtítulo (para el cual hemos elegido el Encabezado 4) en Cursiva, esto ultimo lo haremos pulsando el icono C de la barra de herramientas. El texto es "Ciudad Monumental".
5.- Añadiremos una barra horizontal separando estos encabezados del resto del texto. Para ello pulsaremos en menú Insertar ® Línea horizontal.
6.- Vamos añadir una lista de opciones: Monumentos, Paseo a pie, Un poco de Historia, Tapas y copas, Hoteles y servicios, Consejos y datos de interés.
Esta lista estará alineada a la izquierda, con estilo de texto normal.
El estilo del párrafo será "Lista con viñetas", esto podemos determinarlo pulsando:
Llegados a este punto nuestra pagina a quedado así, un poco sosa, la verdad.
Quizás te estés preguntando: ¿qué ocurre con el código HTML?
Todas las acciones que hemos ido realizando en nuestra pagina se han ido registrando en él, y tienes la posibilidad de verlo pulsando en el menú Ver® HTML…, entonces te saldrá una pantalla como esta, donde puedes ver los códigos que ya conoces:
Si tienes algún problema, porque los resultados no son los que tu esperas, puedes irte al código HTML y cambiarlo "a pelo".
7.- Como la pagina esta un poco sosa vamos a añadirle un fondo o background. Para ello pulsaremos en el menú Formato® Fondo.
Nos saldrá el cuadro de dialogo Propiedades de la Página (también tenemos acceso a él pulsando con el botón de derecho).
Este cuadro posee varias pestañas, trabajaremos en la de Fondo, y como puedes ver podemos elegir entre poner el fondo de un solo color y obtenerlo de un fichero.
También podemos cambiar el color del texto y de los Hipervínculos.
Nosotros vamos a obtener nuestro fondo de un fichero. Para ello hemos marcado la casilla "Imagen de fondo" y pulsamos Examinar, entonces nos sale un cuadro de dialogo donde buscar el fichero en cuestión.
8.- También vamos a ponerle una imagen, y queremos que este a la derecha de la lista.
Para insertar una imagen podemos hacerlo desde:
Para alinearlo a la derecha pulsamos sobre la imagen, una vez insertada, para marcarla (puedes observar como aparece el típico cuadro que indica que esta seleccionada).
Entonces pulsamos sobre conocido icono de Alineación a la derecha.
9.- Ahora cada haremos que algunas opciones de la lista sean Hipervínculos. Para ellos:
Marcamos la primera entrada de la lista
Pulsamos:
Nos parece un cuadro de dialogo con varias pestañas, según la ubicación del vinculo, nosotros vamos a elegir Pagina Nueva.
Como puedes ver en la imagen adjunta, hay que indicar el titulo de la pagina (por defecto nos ha salido el del nombre de la lista, pero puedes cambiarlo), y si fuese necesaria la dirección URL.
Cuando le das a Aceptar, aparece el cuadro de Pagina Nueva, donde indicaremos la plantilla base a utilizar, nosotros elegimos la normal.
Al pulsar Aceptar nos aparecerá esta nueva pagina web, que hemos creado, en blanco.
Con esta nueva pagina en blanco puedes hacer varias cosas: desarrollarla en este momento, o cerrarla y dejarlo para luego…Nosotros, ya que estamos, vamos a realizarla.
Nos saltaremos lo que ya conoces. El titulo es Monumentos, en verde y centrado. El fondo el mismo que el de la pagina principal. Una línea horizontal divisoria.
10.- Ahora viene lo nuevo, vamos a insertar una tabla con tantas filas como monumentos vamos a referenciar. Y tres columnas, en la primera irá el nombre del monumento, en la segunda una imagen del mismo, en la tercera la dirección.
Para insertar la tabla:
Si lo hacemos mediante el menú tendremos mas opciones para cambiar, pero en ambos casos hay que determinar en nº de filas y columnas.
Recuerda que elijas o que elijas, siempre tendrás opciones disponibles para cambiarlo en el mismo menú de Tablas o el botón derecho.
Nosotros lo hemos hecho mediante el menú y hemos elegido 3 filas y tres columnas, y el ancho del borde lo hemos cambiado a dos.
Si quieres añadir filas o columnas no tienes mas que ir al menú Tabla ® Insertar filas o columnas
Este será el aspecto de nuestra pagina.
Podremos el contenido de cada celdilla.
Para el texto no hay ninguna ciencia, solo es cuestión de posicionarse y escribir, con este texto también tenemos la opción de cambiar sus atributos, como siempre. Hemos centrado el texto marcandolo y pulsando el icono de centrar.
Para insertar las imágenes lo haremos como hemos visto anteriormente para insertar una imagen en el documento.
Como ejemplo, una de las imágenes es un hipervínculo, pero esta vez el vinculo será a una pagina Web.
Para ello hemos marcado la imagen, hemos pulsado Insertar® Hipervínculo, y el cuadro de dialogo hemos optado por la pestaña WWW, en ella son evidentes los datos a completar.
11.- Para insertar una marquesina iremos al menú Insertar ® Maquesina…
Nos sale un cuadro de dialogo
En él tienes que escribir el texto, además puedes modificar otros parámetros que afectarán el comportamiento del texto como son la dirección, la velocidad.
Para ver el efecto de la marquesina tendrás que irte al Explorer. Además solo son compatibles con él.
12.- Haremos que nuestra marquesina sea un hipervínculo a otro una Página tipo Formulario. Para ello:
Obtendremos una nueva pagina, por defecto como titulo nos ha salido el texto de hipervínculo, puedes cambiarlo.
Le hemos puesto a la pagina el mismo fondo que a las otras.
Hemos cambiado el texto de los dos botones porque nos parecía demasiado largo (a estas alturas te plantearás que como puede parecernos algo demasiado largo después de haber escrito este rollo). Para ello:
Luego hemos insertado dos campos en el Formulario, uno para el nombre del visitante y otro para un comentario.
Para incluir campos:
Una vez incluido el campo podemos ponerle nombre o cambiar atributos como el tamaño. Para realizar estos cambios:
El tamaño se puede cambiar con el ratón por medio del marco que aparece en los campos cuando están seleccionados.
Ana López Moreno