Ako použiť obrázok ako pozadie v programe Adobe Dreamweaver CS6

Vytváranie pozadí pre webové stránky v programe Adobe Dreamweaver CS6 je zábavné a možno ho vykonávať viacerými spôsobmi, než by si väčšina ľudí predstavovala. Môžete vytvoriť opakujúci sa vzor s jedným malým obrázkom, vytvoriť vodoznak alebo použiť veľký obrázok na vyplnenie celého pozadia.

V predvolenom nastavení pozadie HTML opakuje vybratý obrázok, kým nevyplní obrazovku. V spojení s vlastnosťami CSS môžete ovládať alebo eliminovať opakujúce sa správanie a dokonca nastaviť presné umiestnenie pre jeden obrázok na pozadí.

Ak vypĺňate pozadie vzorom, nezabudnite vytvoriť obrázok so vzorom, ktorý nemá žiadne rozoznateľné okraje.

Ak chcete vo svoj prospech použiť predvolené, opakované dlaždice pre obrázok na pozadí, postupujte podľa týchto krokov:

Vo Photoshope vyberte Súbor → Nový a vytvorte nový obrázok.

V dialógovom okne Nový, ktoré sa zobrazí, vytvorte obrázok, ktorý je oveľa širší ako vysoký, vyberte RGB, vyberte 72 dpi a potom kliknite na tlačidlo OK.

Zadajte napríklad 1000 do textového poľa Šírka a 20 do textového poľa Výška.

Vyberte farbu popredia a pozadia na vytvorenie prelínania; potom použite nástroj Prechod na Shift+potiahnutie zhora nadol v oblasti obrázka na vytvorenie prechodovej výplne.

Vyberte Súbor→Uložiť pre web, uložte obrázok ako súbor JPEG do priečinka webového obsahu vašej lokality a potom obrázok zatvorte.

V Dreamweaveri vyberte Upraviť → Vlastnosti stránky alebo kliknite na tlačidlo Vlastnosti stránky v inšpektorovi vlastností, aby ste umiestnili obrázok ako obrázok na pozadí na svoju webovú stránku.

Ak sa tlačidlo Vlastnosti stránky nezobrazuje, kliknite na stránku — uistite sa, že nevyberáte iný prvok, napríklad obrázok.

Zobrazí sa dialógové okno Vlastnosti strany.

V dialógovom okne Vlastnosti strany kliknite na tlačidlo Prehľadávať napravo od obrázka pozadia. V okne, ktoré sa zobrazí, prejdite na umiestnenie uloženého obrázka na pozadí a kliknite na tlačidlo OK.

Späť v dialógovom okne Vlastnosti strany kliknite na tlačidlo OK.

Obrázok sa zobrazí na pozadí, zopakuje sa a vytvorí skvelý gradient pozadia na celej stránke!

V závislosti od veľkosti a rozlíšenia monitora používateľa sa môže obrázok na pozadí zopakovať. Opakovanie obrázka na pozadí môže priniesť určité kreatívne výsledky.

V niektorých prípadoch sa môže stať, že neuvidíte svoje pozadie, kým nekliknete na tlačidlo Ukážka/ladenie v prehliadači a nezobrazíte ukážku stránky vo svojom predvolenom prehliadači.