Comenzaremos insertando la Cabecera de nuestra página. Recuerda que puedes realizarla tu mism@ siguiendo este tutorial o puedes también bajarte la imagen de aquí. Una vez tengas la imagen de la Cabecera la guardas en la carpeta " imagenes ".

Para insertar una imagen puedes hacerlo desde el panel Insertar pulsando en la pestaña Común y seleccionando el botón Imagen . Otra opción es desde la Barra de Herramientas / Insertar / Imagen.
En la ventana que sale buscas la carpeta "imagenes , que es donde habíamos guardado el archivo "cabecera.jpg", lo seleccionas pulsando sobre él . Asegúrate que en Relativo a este seleccionada la opción Documento, por último damos en aceptar.

En el caso que te quede un espacio entre la cabecera y el borde de la Tabla, arrastras la cabecera hacia arriba manteniendo el botón izquierdo del ratón pulsado. Para ver el resultado en el navegador pulsa en la Tecla F12 .

¿Te gusta cómo está quedando?, espero que si.

Ahora vamos a insertar los botones de nuestra página. Si quieres hacer los botones puedes hacerlo siguiendo este tutorial o bien bajándote la imagen de aquí. Guárdalo en la carpeta "botones"
Para insertar el botón procederemos como en el caso de la Cabecera, Barra de herramientas / Insertar / Imagen o a través del Panel Insertar. Recuerda que el botón debes localizarlo en la carpeta "botones"

Por defecto todas las imágenes se insertaran en el lado izquierdo de la pantalla, para una alineación centrada como es este caso, primero pulsaremos sobre la imagen para seleccionarla y luego en el Panel Propiedades pulsamos en Alineación Centrada

 

Para el resto de botones hacemos la misma operación. Una vez insertado el primero daremos dos veces en la Tecla Intro para situarlos a una cierta distancia. El resultado puedes verlo en tu navegador pulsando la Tecla F12.

Ahora toca el turno a la barra separador y como siempre te digo, puedes hacerla tu mism@ siguiendo este tutorial o bajarlo de aquí. Una vez que la tengas la guardas en la carpeta "imagenes". Para insertar la Barra el procedimiento ya lo conoces, ¿no?, vengaa es sólo repetir los pasos que dimos para insertar los botones. La alineación es centrada también y para que quede un poco separado de los botones dale dos veces a la tecla intro. Bueeno pues ya queda menoss,ufff mucho trabajo???...no te quejesss que te esta quedando muy bonitooo :).

Ahora insertaremos el libro de visitas, puedes bajarlo de aquí o hacerlo tu mism@ siguiente este tutorial.Una vez que lo tengas, lo guardas en la carpeta"imagenes". Damos dos veces en la tecla intro para separarlo de la barra, centramos el cursor y damos a insertar imagenen. Sobre esto no necesitas más explicaciones ¿no?, ya sabes..el procedimiento es idéntico a cuando insertaste los botones. Venga ánimo que ya solo nos faltan poner los vínculos y la pagina esta terminada.

Hagamos memoria, ¿recuerdas que cuando vimos el apartado Crear un Documento Nuevo, te comenté que hicieras tres documentos, uno con el nombre "poemas", otro con el nombre "imagenes" y otro con el nombre" links"?...puesss ahora es el momento de utilizarlos. Esta página que estamos haciendo y ya casi terminand, será la página principal de tu Web, entraremos al resto de páginas de tu Web a través de los botones.Vamos a ver como se hace.

 

Seleccionamos el primer botón, nos vamos al Panel de Propiedades y pulsamos en el icono de la carpeta que está junto a la casilla Vínculo:

Nos saldrá una ventana nueva en la que tendremos que seleccionar el archivo "poemas".Asegúrate que en Relativo a aparezca seleccionada la opción Documento. Damos a aceptar y el vínculo queda hecho.

Para comprobarlo presionas la Tecla F12 y veras la pagina en el navegador. Pulsa sobre el botón Poemas, si todo ha ido bien el enlace te llevara a una página en blanco (tranquil@ que pronto dejará de estar en blanco, en el próximo bloque de tutoriales nos encargaremos de eso, ¿vale?. Vengaa ahora haz lo mismo con el botón imágenes y el boton links,¿ok? ya sabes como hacerlo ,¿no? Puess a ello.
Y ya para terminar guarda la página con el nombre index, recuerda que es importante que la nombres así, la pagina principal siempre debes guardarla con ese nombre.

No se si te has dado cuentaa que ya hemos terminado el primer Bloque de tutoriales, espero haberme explicado con claridad. Recuerda que esto es sólo el comienzo. Un consejito si me lo permites, repasa todo lo que hemos ido viendo, intenta poner otros fondos, otras imágenes, cambiar los valores de las tablas, cuanto mas trastees mejor .

Espero les sea útil :)

|Inicio |  Bloque1 |Resultado|

Imprimir Tutorial



©2004 /Tutorial original de Pilar Biurrun Aniceto /todos los Derechos Reservados. Tutorial creado en 2004, revisado y actualizado el 8 de Abril de 2006