A1

¿sitio Web o página Web?

A5

Crear un sitio Web con Frames (marcos) desde Word

A17

Marcos en Word 2007

A20

Crear un hipervínculo con el Bloc de notas

A30

Crear hipervínculo desde Word

Páginas:
       1   2 
Crear un sitio Web con Frames (marcos) desde Word

Una página Marco o Frame es un tipo especial de página web que divide la pantalla del navegador en zonas o áreas (frames) cada una de la cuales puede contener otras páginas diferentes que se muestran simultáneamente. Si bien es cierto que hoy las programación con capas CSS, las páginas dinámicas PHP y otras muchas técnicas superan las limitaciones de los frames, estos siguen siendo un método sencillo para diseñar una web sin requerir extensos conocimientos de programación...

En las barras de herramientas de Word encontramos la opción Marcos que ves en la imagen siguiente y que nos permite montar rápidamente una web con marcos sin necesidad de ninguna otra herramienta...

Crear un sitio Web con Frames (marcos) desde Word

Veamos los pasos para crear una sencilla web que muestre tres páginas utilizando Marcos con Word:

PASO PRIMERO:

Lo primero que tenemos que hacer es crear y guardar en una carpeta el llamado contenedor de los marcos o frames. Esta página es la que tendrá dos zonas (marcos) cada uno de los cuales contendrá una página diferente. El contenedor debe ser la primera página que cargue en el navegador. A la primera página que se carga desde un sitio web se le suele llamar inicio.htm, home.htm, index.htm, etc. puesto que los servidores Apache están configurados para cargar automáticamente por defecto estos nombres si no se especifica ningún otro, aunque puede llamarse de cualquier otra manera. En nuestro caso utilizaremos el nombre inicio.htm. Se realiza de la siguiente manera: creamos un documento nuevo de Word (en modo Ver -> Diseño Web) y con las herramientas de marcos (que aparecen en la imagen anterior) pulsamos Marco nuevo arriba como muestra la imagen siguiente:

Automáticamente aparecen en la pantalla de Word dos zonas o frames (marcos) que puedes ver en la imagen anterior, separadas por un borde que puede configurarse y desplazarse arriba o abajo para repartir las dos zonas (frames) de la pantalla para dos páginas diferentes de nuestro ejemplo. Pero detengámonos un instante para pensar en lo siguiente: Word ha dividido la pantalla del navegador en dos zonas cada una de las cuales mostrará una página diferente. Esto supone que necesitamos tres páginas: inicio.htm (el contenedor), otra página para la zona superior y otra para la zona inferior, pero ¿están ya creadas esas dos páginas, cuales son esas dos páginas?

Lo normal es que todavía no estén creadas esas dos páginas, así que Word, cuando guardamos el documento inicio.htm, creará por defecto dos páginas vacías (por ejemplo m.htm, m1.htm, etc) para llenar los marcos. En realidad no importa que Word cree dos documentos que podremos eliminar posteriormente, lo importante es que guardemos inicio.htm en una carpeta. Si minimizas Word y miras la carpeta donde has guardado inicio.htm verás posiblemente esos dos documentos .htm, Nosotros los borraremos posteriormente para poder controlar todos los nombres de documentos .htm que creemos...

PASO SEGUNDO:

El contenedor (inicio.htm) ya está preparado y enlazado a dos páginas por defecto que nosotros cambiaremos. En este segundo paso vamos crear dos documentos nuevos (sin marcos) que guardaremos en la misma carpeta que inicio.htm. Pueden llamarse arriba.htm y abajo.htm (o cualquier otro). Simplemente elegimos nuevo documento en blanco en Word y guardamos como hemos indicado. Podrían ser como muestra la imagen siguiente. Posteriormente podremos editar y ampliar estos documentos con textos, imágenes, enlaces, etc.

Veamos como enlazar los dos frames con las páginas arriba.htm y abajo.htm: volvemos a inicio.htm y situamos el cursor de Word en el frame superior, como ves en la imagen inferior; pulsamos propiedades en la herramientas de marcos y aparecerá la ventana donde configurar el marco o frame, pulsamos examinar y elegimos el archivo arriba.htm. La imagen siguiente ilustra lo dicho. Para el marco inferior hacemos lo propio como ves en la imagen de más abajo...

En el campo Nombre: puedes poner un nombre cualquiera o dejar el que te proponga Word, en nuestro ejemplo Marco2. Ese nombre se utilizará posteriormente para referenciar el marco en el que cargar una nueva página...

La casilla de verificación Vincular a archivo, debe estar activada.

Debes pulsar de nuevo guardar para que los enlaces se almacenen en inicio.htm. Si hemos enlazado correctamente inicio.htm tendrá la apariencia que ves en la imagen inferior. Ya no es necesario editar por separado arriba.htm ni abajo.htm (aunque puede hacerse), sólo necesitas situarte en en el frame (marco) superior o inferior para realizar cambios. Cuando guardes inicio.htm, Word guardará los cambios en arriba.htm y/o abajo.htm.

Los marcos están montados y funcionales. ¿Qué hacemos a continuación?

PASO TERCERO:

La página arriba.htm contendrá el menú de navegación con los enlaces a las tres páginas. Puesto que arriba.htm ya está guardado en el disco duro y enlazado al marco superior de la pantalla puedes editar el documento arriba.htm desde el contenedor inicio.htm o de manera independiente abriéndolo directamente con Word. Es importante comprender este funcionamiento para trabajar cómodamente. En cualquier caso creamos los enlaces del menú de navegación como vemos en la imagen siguiente:

Como vemos en la imagen anterior arriba.htm contiene tres hipervículos "primera", "segunda" y "tercera" que cargan las correspondientes páginas primera.htm, segunda.htm y tercera.htm, pero ¿estas páginas donde están?

En efecto, el lector atento habrá comprendido que estas páginas hay que crearlas independientemente como hicimos con arriba.htm y abajo.htm, por tanto suponemos que el lector y su creatividad ya ha creado de manera independiente las páginas que queremos muestre nuestro sitio web...

Para conseguir que la página primera.htm se cargue en el marco inferior cuando pulsemos el hipervínculo "primera" hay que pulsar el botón Marco de destino... indicado con la flecha roja en la imagen anterior. Debes recordar el nombre que pusiste (o puso Word) al marco inferior. Si enlazas correctamente al pulsar el enlace "primera" aparecerá en el marco inferior la página primera.htm que ya debes tener creada y guardada en la carpeta de tu disco. Con los restantes enlaces se realiza el mismo proceso.

En la imagen anterior vemos las páginas que necesitamos:

1. inicio.htm o contenedor de los frames (marcos)

2. arriba.htm esta será el frame superior que contendrá el menú con los tres enlaces primera, segunda y tercera.

3. abajo.htm contendrá el frame inferior que mostrará al principio una carátula o cualquier otra cosa y posteriormente cada una de las tres páginas del sitio cuando pulses en los enlaces de arriba.htm.

4. primera.htm será la página que se cargue cuando se pulse el primer enlace del menú.

5. segunda.htm la que se cargue con el segundo enlace.

6. tercera.htm la del tercer enlace.

---------------------

puedes pulsar el enlace pgina para ver el ejemplo...

---------------------








Sesión:
registrar en twiiter
Inicie sesión ...


Editores de contenidos

No es un Editor...



Títulos


Tweets aulapc.es:





 eduardo@aulapc.es Granada (España)