Ako vytvoriť CSS HTML z aplikácie Photoshop

Photoshop je grafický dizajn a úpravy fotografií aplikácie vyvinutý spoločnosťou Adobe . Je lídrom na trhu v oblasti digitálneho softvéru na úpravu obrázkov . Jeho schopnosti zahŕňajú schopnosť vytvárať a manipulovať grafiky pre tlač a využitie webu . Obsahuje aj rad funkcií , ktoré pomáhajú používateľom v dizajne a kódovanie webových stránok . Nielen , že vám softvér optimalizovať obrázky pre použitie web , môže tiež vytvárať šablóny štýlov CSS a HTML potrebné zahrnúť grafiku na webových stránkach . Veci , ktoré budete potrebovať klipart editáciu HTML softvér
Zobraziť ďalšie inštrukcie Cestuj 1

Vytvorte si imidž . Keď ste hotoví , pomocou Photoshopu funkcie " rez " rozdeliť disk na oddiely . Použite " Slice Select " nástroj premenovať jednotlivé sekcie s názvami , ktoré zodpovedajú usporiadaniu vášho webu . Napríklad , ak váš obrázok obsahuje navigačný miesto tlačidiel , názov sekcie v tejto oblasti " NAV . " Tieto úseky budú zodpovedať " div " značky v CSS kódu .
2

V paneli ponúk kliknite na " File " zvoľte " Uložiť pre web a zariadenia . " zvoľte " 2 - Up " alebo " 4 - Up " z kariet nad obrazového poľa pre výber náhľady . Vyberte možnosti , ktoré chcete pre svoj ​​obraz v " Preset časti . " Vyberte náhľad obrazu , ktorý najlepšie zodpovedá vašim vizuálne špecifikácia . Kliknite na tlačidlo " Uložiť " .
3

Zadajte názov súboru v poli " Názov súboru " . Vyberte " HTML a obrazov " v poli " Uložiť ako typ " . Zvoľte " Ďalšie " v poli Nastavenie . Objaví sa dialógové okno " Output Settings " . V nastavení drop - down zvoľte " Custom " . Kliknite na tlačidlo " Ďalšie " , až sa zobrazí v časti " Slice Output " . Kliknite na tlačidlo " Generovať CSS " rádio .
4

Vyberte formát CSS v odkazované ponuke . Pre externé štýlov , vyberte "Pomocou ID " alebo " triedou . " Váš CSS bude organizovaná bez ohľadu na element vyberiete . Ak chcete , aby vaše CSS byť inline ( vrátane v hornej časti stránky HTML ) zvoľte " Inline " .
5

Kompletné výberu iných možností v Nastavenie výstupu . Až budete hotoví , kliknite na tlačidlo " OK " . V poli Rezy vyberte , čo rezy , ktoré chcete zahrnúť do výstupu CSS . Uistite sa , že ste prešli na miesto , kam chcete súbor musí byť umiestnený v " Uložiť optimalizovaný ako " správca súborov priestoru . Kliknite na tlačidlo " Uložiť " .
6

Otvorte súbor HTML ktorú ste práve vytvorili v HTML editačného programu . Váš HTML kód , kompletný s CSS , bude tam , kde ste uložili na vašom počítači a je pripravený buď vložiť do webovej stránky , ktorú vytvoríte , alebo ako samostatný webové stránky . Upravte kód , ak je to potrebné , podľa vašich predstáv .
7

Otvorte súbor vo Vašom webovom prehliadači voľby zobrazíte súbor , ktorý chcete skontrolovať na prípadné problémy a aby sa uistil , že zodpovedá obrazu , ktorý ste vytvorili v photoshop .

• Predchádzajúca strana: Ako vytvoriť vlastné tvary vo Photoshope CS3 
• Ďalšia strana: Ako na farbu vlasov vo Photoshope