Tīmekļa lapu fona izveide programmā Adobe Creative Suite 5 (Adobe CS5) Dreamweaver var izmantot vairākos veidos, nekā vairums cilvēku varētu iedomāties. Varat izveidot atkārtotu rakstu ar vienu mazu attēlu, izveidot ūdenszīmi vai izmantot lielu attēlu, lai aizpildītu visu fonu.
Programmā Photoshop izvēlieties Fails → Jauns, lai izveidotu jaunu attēlu.
Parādītajā dialoglodziņā Jauns izveidojiet attēlu, kas ir daudz platāks par augstumu, izvēlieties RGB, izvēlieties 72 dpi un pēc tam noklikšķiniet uz Labi.
Piemēram, teksta laukā Platums ievadiet 1000 un teksta laukā Augstums - 20.
Izvēlieties priekšplāna un fona krāsu, lai izveidotu sajaukumu.
Izmantojiet Gradienta rīku, lai Shift+velciet no attēla apgabala augšdaļas uz leju, lai izveidotu gradienta aizpildījumu.
Izvēlieties Fails → Saglabāt tīmeklim.
Saglabājiet attēlu kā JPEG failu savas vietnes tīmekļa satura mapē un pēc tam aizveriet attēlu.
Atveriet savu Dreamweaver lapu.
Programmā Dreamweaver izvēlieties Modificēt → Lapas rekvizīti vai noklikšķiniet uz pogas Lapas rekvizīti rekvizītu inspektorā, lai ievietotu attēlu kā fona attēlu savā tīmekļa lapā.
Ja poga Lapas rekvizīti nav redzama, noklikšķiniet uz lapas — noteikti neatlasiet citu elementu, piemēram, attēlu.
Tiek parādīts dialoglodziņš Lapas rekvizīti.
Noklikšķiniet uz pogas Pārlūkot pa labi no fona attēla, dodieties uz saglabātā fona attēla atrašanās vietu un pēc tam noklikšķiniet uz Izvēlēties/Labi; noklikšķiniet uz Labi dialoglodziņā Lapas rekvizīti.
Attēls parādās fonā, atkārtojot un izveidojot foršu fona gradientu visā lapā!
Atkarībā no lietotāja monitora izmēra un izšķirtspējas fona attēls var būt spiests atkārtot. Fona attēla atkārtošana var dot dažus radošus rezultātus.

Attēls, kas iestatīts kā fons, pēc noklusējuma atkārtojas horizontāli un vertikāli.
Dažos gadījumos fons var netikt parādīts, kamēr nenoklikšķināsit uz pogas Priekšskatīt/atkļūdot pārlūkprogrammā un priekšskatīsit lapu savā noklusējuma pārlūkprogrammā.