Tinklalapių fonų kūrimas naudojant „Adobe Creative Suite 5“ („Adobe CS5“) „Dreamweaver“ gali būti įgyvendintas įvairiais būdais, nei dauguma žmonių įsivaizduotų. Galite sukurti pasikartojantį raštą su vienu mažu vaizdu, sukurti vandens ženklą arba naudoti didelį vaizdą, kad užpildytumėte visą foną.
„Photoshop“ pasirinkite Failas → Naujas, kad sukurtumėte naują vaizdą.
Pasirodžiusiame dialogo lange Naujas sukurkite vaizdą, kuris yra daug platesnis nei aukštas, pasirinkite RGB, pasirinkite 72 dpi ir spustelėkite Gerai.
Pavyzdžiui, teksto lauke Plotis įveskite 1000, o teksto lauke Aukštis - 20.
Norėdami sukurti mišinį, pasirinkite priekinio plano ir fono spalvas.
Norėdami sukurti gradiento užpildymą, naudokite gradiento įrankį, norėdami paspausti Shift + vilkite iš vaizdo srities viršaus į apačią.
Pasirinkite Failas → Išsaugoti žiniatinklyje.
Išsaugokite vaizdą kaip JPEG failą savo svetainės žiniatinklio turinio aplanke, tada uždarykite vaizdą.
Atidarykite savo Dreamweaver puslapį.
„Dreamweaver“ pasirinkite Modifikuoti → Puslapio ypatybės arba spustelėkite Puslapio ypatybių mygtuką Ypatybių inspektoriume, kad įdėtumėte vaizdą kaip fono paveikslėlį savo tinklalapyje.
Jei mygtukas Puslapio ypatybės nematomas, spustelėkite puslapį – nepasirinkite kito elemento, pvz., vaizdo.
Pasirodo dialogo langas Puslapio ypatybės.
Spustelėkite fono paveikslėlio dešinėje esantį mygtuką Naršyti, eikite į išsaugoto fono paveikslėlio vietą ir spustelėkite Pasirinkti/Gerai; dialogo lange Puslapio ypatybės spustelėkite Gerai.
Vaizdas rodomas fone, kartojasi ir sukuria puikų fono gradientą visame puslapyje!
Atsižvelgiant į vartotojo monitoriaus dydį ir skiriamąją gebą, jūsų fono vaizdas gali būti priverstas kartotis. Fono paveikslėlio kartojimas gali duoti kūrybinių rezultatų.

Vaizdas, nustatytas kaip fonas, pagal numatytuosius nustatymus kartojasi horizontaliai ir vertikaliai.
Tam tikrais atvejais galite nematyti savo fono, kol spustelėsite mygtuką Peržiūra / derinimas naršyklėje ir neperžiūrėsite puslapio numatytojoje naršyklėje.