De compras

Chicos

Bello Paisaje

Jugando con los barcos

Un viaje a París

Autumn

Tutorial Dietario

MATERIAL

1. Primero crear nuestra imagen para usar el tutorial. Se puede hacer de varios formatos. Para este tutorial he usado las medidas de 150x115 píxeles

2. Abrir el programa de edición Web

3. Abrir el script. Copiar y pegar entre las etiquetas -body y /body-

4. En ese código deberemos cambiar una serie de cosas

Son las medidas de nuestra imagen

Poner la dirección url de nuestra imagen

Colocar el dietario, por la derecha (left), por la izquierda (right) y centro (center)

Poner la dirección completa del fichero llamado dietariomamen.js
5. Aquí termina nuestro trabajo. Guardar como dietario.html
6. Sólo nos queda cambiar el color y el tamaño del dietario. Para esto deberemos abrir el fichero dietariomamen.jd desde nuestro programa de edición Web. Nos encontraremos con esto

7. Al final del todo, hay una serie de etiquetas que deberemos cambiar
8. La primera etiqueta que deberemos cambiar es esta

En esta etiqueta de width y height, son las medidas que centro el reloj para que no se vaya muy a la derecha e izquierda
9. En esta segunda etiqueta, vemos font color y size, ahí deberemos cambiar el color y el tamaño de nuestra fuente. Vemos también un center y un right. El primero aconsejo no cambiarlo, en segundo si, ya que eso afecta a nuestro dietario, ya que de damos la orden de que vaya a la derecha, izquierda o centro

10. Por último nos queda por cambiar otra font color y size. Este es el que hace referencia al día de la semana por lo que el tamaño lo pongo más grande que el anterior

11. Una vez que tengamos el fichero dietariomamen.js modificado, guardarlo con el mismo nombre, nos preguntará si queremos sustituirlo,le decimos que si
12. Ya tenemos la imagen, el fichero dietariomamen.js modificado y el html del dietario creado. Subir todo a nuestro ftp
13. Ya tenemos el dietario listo para colocarlo en nuestra Web, con un simple código y no necesitamos hacer todo el trabajo que hemos echo anteriormente, ya que disponemos de la .html del dietario creado. El código a insertar en nuestra es el siguiente

14. Aquí termina nuestro trabajo

Tutorial realizado por Mamen 29/11/2007