Este tutorial fue creado usando Paintshop Pro y Frontpage 2003.

Si te interesa estos programas puedes leer sobre ellos aquí:

Frontpage 2003

Paintshop Pro

1. Lo primero que vas hacer es una nueva carpeta en

My Document y la vas a nombrar el nombre que quieras.

 

2. Vas al programa de  Paintshop Pro - abres un nuevo paño con las medidas de 250 x 250

y decoras el paño a tu gusto, cuando termines vas a guardar en formato .jpg

Vas a File -Export - JPEG OPTIMIZER-

Le pones nombre en File Name y guardas en formato .jpg en la carpeta nueva que hiciste:

3. Abres Frontpage.

Vas a File - New- Blank Page.

Y lo primero que vas hacer es ir a:

 File - Save as:  y guardas como "Index" en la carpeta nueva que hiciste.

Ahora vas a bajar este código que les dejo aquí en notepad.

Abres notepad y vas a:

Edit - Select All - Edit - Copy.

 

4. Vas a Frontpage y miras abajito donde dice Code - das clic.

Y vas a Edit - Select All - Edit - Paste.

5. Ahora vas a donde dice <BODY background y adentro de las "comillas" vas escribir

el nombre del background "exacto".

 Opcional: Donde señalo en la segunda flecha, veras un signo "menos" -

si lo cambias a +

 cambia la dirección del movimiento del background hacia abajo.

6. Ahora das  clic donde dice Design.

Vas a darle a la tecla enter 4 veces.

 

Luego vas a Table - Insert - Table.

Le pones estas medidas que les dejo,

y en colores los cambias a colores de tu preferencia..

Colores que combinen con tu background:

Así debe lucir:

ahora regresas a Table - Insert - Table.

Le pones las medidas que dejo - das al botón de Style...

(abajito esta el botón de Style)

Vas a Style - border y le pones estas medidas (color a tu gusto)

das a OK.

Así debe lucir:

Ahora vas a salvar! - Vas a File - Saves as - Save - Yes.

 

Para escribir das clic a center:

Cambias a la fuente y tamaño que quieras:

Escribes, y ahora le pones las imágenes que quieras..

 

Para poner imágenes Vas a Insert - Picture - From File.

(Recuerda que todo todo lo que vallas añadir de imágenes

a la pagina debe estar en la misma carpeta nueva que hiciste

donde esta el index y el backbround)..

Si quieres poner un scrollbar aquí les dejo el código: scrollbar.zip

Das clic al tab de Code.

Y vas a poner el código entre medio de </style></head>

y cambias los colores a tu gusto:

Ejemplo:

Ahora por ultimo, das clic derecho al ratón.

Te saldrá una ventanita y ahí vas a dar clic a Page Properties:

Te saldrá un ventanita, ahí le pones titulo, descripción a tu pagina:

Keywords - es para cuando estamos buscando un tutorial por ejemplo en goggle.com

si escriben Candelarts, Tutorial HTML, Candela

saldrá este tutorial en los buscadores:

Formating-

En Colors, le pones los colores que desees para tu background, Texto,

y links que vallan en la pagina:

Vas a salvar tu trabajo y luego lo subes a tu servidor..

Suerte!!

Espero que les haya gustado=)

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- 2005 www.Candelarts.com.