Ako si vyrobiť rozloženie divízie vo Photoshope

Div rozloženie sú návrhy pre webové stránky , ktoré obsahujú kontajnery pre webový obsah , ako sú obrázky , text a odkazy . Pomáhajú udržiavať jednotný vzhľad webových stránok . Adobe Photoshop je " Slice Tool " a " Uložiť pre web a zariadenia " príkazy umožňujú používateľom vytvárať layout Div vizuálne pridaním prvkov stránky a vytváranie nádoby priamo na rozloženie , nie pomocou HTML a CSS kódu alebo spoliehania sa na pre- made rozloženie div , ktoré tiež vyžadujú znalosti kódu prispôsobiť . Veci , ktoré budete potrebovať
Adobe Photoshop softvér
Zobraziť viac Inštrukcie Cestuj 1

Otvorte Photoshop a vytvoriť nový webový dokument voľbou " Súbor > Nový" z menu aplikácie a nastavenie " Preset " drop - down na " webe . " Nastavte požadované rozmery pre rozvrhnutie v " width " a " height " pole , alebo vyberte jednu zo štandardných veľkostí Web rozvrhnutie z " veľkosť " drop - down .
2

Pridať požadovaný vizuálny obrazy do rozvrhnutia . Tie môžu obsahovať obrázky importované pomocou príkazu " File > Place " , tvary , tlačidlá alebo text vytvorený pomocou " Typ nástroja " .
3

Vyberte " Slice Tool " z ponuky Nástroje panel a plátok každý prvok rozvrhnutie kliknutím a pretiahnutím cez neho sa " Slice Tool " vybrané . Vytvorte jednotlivé rezy pre každý textový element , tlačidlá , obrázku alebo linke . Tieto plátky budú slúžiť ako prvky Div vo vašom rozloženie webovej stránky .
4

Kliknite na menu " Súbor " a zvoľte " Uložiť pre web a zariadenia " vyvolajte dialógové okno optimalizácia , ktorá umožní nastaviť každý prvok rozloženie tak , že to môže byť najlepšie zobrazený na webe . Upravte nastavenie pre každý rez , ktorý ste vytvorili , kliknite na každý jednotlivo pomocou " Slice Select Tool " v ľavom hornom rohu dialógového okna a meniť nastavenie formát , kvalitu a farbu podľa toho v pravej časti okna . Kliknite na tlačidlo " Uložiť " , ak ste optimalizované každý plátok na vašich preferenciách .
5

Pomenujte súbor rozloženia a vyberte umiestnenie pre ňu v uvedených oblastiach " Uložiť optimalizovaný ako " v dialógovom okne . Zmeňte " Format " drop - down " HTML a obrázky " a uistite sa , že " Nastavenie " a " rezy " Rozlepovacie zoznamy sú nastavené na " Predvolené nastavenie " a " Všetky rezy " , resp . Kliknite na tlačidlo " Uložiť " . Tvoj layout je teraz pripravený byť otvorený vo webovom editore , ako je Dreamweaver , kde môžete pridávať odkazy a správanie k sekciách Div , ktoré ste vytvorili pomocou " Slice Tool " .

• Predchádzajúca strana: Ako upraviť obrázky pomocou Photoshopu 
• Ďalšia strana: Ako vytvoriť Photoshop drop - down menu