Template Sencillo en Microsoft FrontPage 2003

Este tutorial fue creado usando los programas Paint Shop Pro cualquier versión.

Anim- FX (opcional)

Microsoft Frontpage 2003

 

Dos ejemplos del template que voy explicar en este tutorial:

Pagina 1.

Pagina 2.

Lo único que necesita para realizar este tutorial - Un banner con las medidas 720 x 200.

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

1. Puedes hacer un banner usando el programa Anim-Fx

aquí les hice un mini Tutorial. 

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

2. Puedes hacer un Banner usando una imagen de un Paisaje bonito.

 Si no tienes una imagen de un Paisaje les recomiendo Webshot Gallery aquí.  (Hay muchos para escoger.)

Explico como hacer el banner:

Bajas cualquier imagen de un paisaje que te llame la atención.

En Paint Shop Pro activas la imagen del Paisaje - Vas a Edit - Copy -

Luego abres un nuevo paño 720 x 200

Vas a Selections - Select all

 Vas a Edit - Paste into Selection.

Aquí les dejo dos ejemplos:

Ejemplo 1

Ejemplo 2

 

3. Puedes también decorar tu propio banner a tu manera.

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

 

Si ya tienes tu banner creado..

Vas a crear una carpeta en My Document le pones de nombre como quieras que se llame tu pagina.

Rapidito abres el programa de FrontPage.

Vas a File - New.

 Luego a File - Save as:

Y vas a escribir los nombres de lo que serán tus futuros menus.

Para ejemplos.. guarde en File - Save as: 4 pero puedes hacer hasta 7.

Por último guardaras uno que diga index que es el que vas a trabajar en este tutorial.

Ya listo? Empezamos..

Vas a Table - Insert - Table con estas medidas y le pones OK.

Das clic al final de la tabla y vas a Table - Insert - Table con estas medidas que dejo le das a OK.

Así debe lucir:

Das clic adentro del cuadro - vas a Insert - Picture - From File y vas a buscar

el banner que hiciste en Paint Shop Pro o Anim-Fx.

(Recuerda que todo lo que vas añadir a tu pagina debe estar "TODO" en esa carpeta que hiciste en el paso 3)

Banner, fotos, animaciones lo que quieras añadirle a tu pagina.. todo debe estar en ese folder.

 

Si hiciste tu banner con el programa Anim-Fx das clic adentro del cuadro Cell como ya mencione y das clic a Code

Vas a Edit - Y Paste (pegas el código que el programa te dio) y regresas a Design.

Tutorial nuevamente de Anim-FX

Sigue a Table - Insert - Table con estas medidas que les dejo y le pones OK.

Das clic al final de la tabla y vas a Table - Insert - Table con estas medidas y le pones OK.

Hasta ahora debe lucir algo así:

Das clic al final de la Tabla

Y vas a Table - Insert - Table con estas medidas y le pones OK.

Hasta ahora debes tener algo como lo que muestro en la siguiente  imagen y vas a darle clic al

cell del medio para darle color.

Vas a clic adentro del cell y das clic al botón derecho del mouse

Selecciona "Cell Properties" En Background Color le cambias el color a uno de tu preferencia.

(Haces lo mismo con el otro cell si así lo deseas)

Debe lucir algo como la foto siguiente después que jales un poco

la línea del medio del cell  hacia la izquierda:

Ahora vas a escribir el texto de tu menu:o)

Arreglas la herramienta del texto a tu manera:

Escribes lo que quieras en cada cell:

Aquí dejo de ejemplo el mío:

Vas a File - Properties

En General -

Le escribes el Titulo de la página y si quieres en "Background Music" le pones un midis o una canción.

En Formatting -

  • Background - Le pones una marquita si quieres añadirle tu propio fondo.

  •  Colors - Le cambia el color que quieras a tu fondo en donde dice bakground.

  • El texto en text.

Y los colores de los links en Hyperlink, Visited hyperlink, Active hyperlink y das a OK.

Ahora vas a poner los enlaces del menu.

Vas a sombrear un enlace

Luego das clic a la herramienta de Inset Hyperlink

Vas a Existing File - Current Folder - y vas a seleccionar el enlace apropiado y das a OK.

Para poner tu email vas a donde tengo marcado colorado:

Escribes todo el texto que quieras en tu página.

 Vas a File - Save as y vas a subir a tu servidor.

Un tutorial que te facilita subir tu página: WS FTP PRO

Aquí dejo el código del scrollbar para que se lo añada a la pagina:

Scrollbar

Vas a copiar y pegar despues del final </HEAD>

Aquí un programa para agarrar el código de cualquier color para que te pueda ayudar con los códigos del Scrollbar:

http://www.anryhome.com/software/colorpicker/

Finalizas subiendo tu página a tu servidor.

Una manera fácil de subir a tu servidor es usando este programa: WS_FTP Pro

y algo asi "a tu manera" será el Resultado de tu template:

Candelarts Template

 

Este tutorial fue creado para Candelarts.

Si tienes alguna duda del tutorial puedes escribirme a mi email:

Candelarts@aol.com

Este tutorial no podrá ser publicado en ningún sitio sin mi autorización por escrito.

Copyright © 2000- 2006 www.Candelarts.com