El primer que fareu és crear un fons degradat per posar en una pàgina web. El resultat serà una imatge semblant a aquesta en la qual a l'esquerra tenim un color més fosc que es va aclarint progressivament cap a la dreta.

El primer pas és crear una nova imatge.

• Aneu a Fitxer | Nou... Presenta la finestra Crea una nova imatge. Cal que marqueu, sobretot:
  
  • A Mida de la imatge trieu 800 píxels d'amplada per 5 d'alçada (fixeu-vos que a la imatge posa 640 x 480 píxel.
  • A resolució de la imatge trieu 72 ppp.
  • A tipus d'Espai de color: RGB (perquè serà en color).
  • A Com voleu omplir la imatge trieu color de fons o tranparència.
  • També podeu afegir un Comentari com per exemple: fons de la meva primera pàgina web.

El motiu pel qual fem una imatge de 800 x 5 píxels no és un altra que el de facilitar la feina a l'exercici. La majoria de pàgines web estan optimitzades per veure's correctament a 800 x 600 píxels. Fa un temps aquesta era la resolució de la majoria de monitors. Actualment, la proliferació de pantalles TFT i monitors de format gran fa que aquestes dimensions no siguin ja tan estandar com abans. Actualment la majoria de pantalles TFT o monitors treballen a 1024 x 768 píxels com a mínim. Pel que fa als 5 píxels, el normal hauria estat fer una imatge d'un píxel d'alçada. Ara bé, per poder treballar a 1 píxel hauríem d'haver ampliat molt la imatge amb el zoom i això ens faria treballar amb la barra de desplaçament horitzontal, fet que sempre resulta molest. Podríem també haver treballat a la mida real (800 x 600). No ho fem perquè és important retenir la concepció d'una estructura prima que es repetirà al navegador quan posem la imatge creada com a fons.

• Premeu d'acord i apareixerà una imatge com aquesta:

• Seleccioneu un color marró fosc com a color de primer pla i un beige clar com a color de fons. Trieu l'eina Omple amb un degradat de color i a les propietats de l'eina poseu:
  
  • Opacitat 100%
  • Mode: Normal
  • Desplaçament: aproximadament un 50%
  • Ombra: lineal
    
• El tipus de degradat l'haureu de triar a la finestra de Patrons.

• Trieu de primer pla a fons (o sigui del marró fosc a beige clar)
  
• Ompliu ara la imatge clicant amb el ratolí dins de la imatge a una banda i arrosegant-lo fins l'altra. Veureu que el ratolí traça una línea que ens indica la direcció del degradat. Deixeu anar el ratolí i en apareixerà una imatge degradada com aquesta.

• Ara, deseu-la amb el nom fons1.gif o fons1.jpg. Més endavant quan treballeu amb el Dreamweaver la podreu utilitzar com a imatge de fons. Si voleu provar-ho ara, obriu el Dreamweaver, creeu un arxiu nou, cliqueu amb el botó dret del ratolí al fons de la pàgina i trieu Propiedades de la pàgina. Veureu que s'obre una finestra. A Imagen de fondo cliqueu Examinar, cerqueu la imatge, accepteu i després apliqueu. Veureu el resultat del vostre degradat.