Ako si vyrobiť Div rozvrhnutie vo Photoshope CS2

Ak pracujete na vytvorenie webovej stránky , potom budete chcieť použiť divs rozdeliť vašu stránku . Divs sú html kód pre určité časti dokumentu , ktorá vám umožní priradiť rôzne funkcie ( napríklad hypertextové odkazy ) k tejto kapitole . Našťastie nemusíte byť expert html vytvoriť divs na svoje webové stránky grafike . Môžete použiť Photoshop CS2 vytvoriť dizajn pre vaše stránky , a potom exportovať dizajn sprievodnom programe Photoshop , ImageReady . Návod dovolená 1

Otvorte Photoshop . Vyberte " Súbor " a kliknite na " Nový . " V dialógovom okne , ktoré sa objaví, vyberte jednu z veľkostí webových šablón . Je to zvyčajne najlepšie ísť s 800 x 600 , pretože je to najnižší spoločný menovateľ s najväčšou pravdepodobnosťou pracovať na nastavení niečí obrazovky .
2

Vytvorte si vzhľad stránok so všetkými grafiky a navigačných tlačidiel . Môžete vložiť text, tak dlho , ako ste rastrovanie to vo Photoshope (ak rastrovanie textu vo Photoshope , bude rozmazaný ) . Práca vo vrstvách , takže môžete ľahko vykonávať zmeny dizajnu .
3

Kliknite na tlačidlo ImageReady Vývoz v dolnej časti panela nástrojov. Tým otvoríte svoj ​​dizajn v ImageReady . Vyberte " krájanie Tool " a začať vytvárať plátky na dizajn . Plátok obraz tak , aby vytvorili samostatné časti ( Divs ) , ktoré zodpovedajú návrhu . Napríklad , jednotlivé navigačné tlačidlá na stránke by mal byť vlastný div . A ak , rovnako ako navigačné tlačidlá , div sa hypertextovými odkazmi , mali by ste dodať , že odkaz v paneli " Slice " .
4

Prejdite na panel " Optimalizácia " a vyberte , aký typ obrazu , ktorý aby každý plátok byť . Detailné obrázky alebo fotografie sú najlepšie uložené ako JPEG .
5

Vyberte " Súbor " potom " Uložiť ako optimalizované " a vyberte " HTML a obrázky . " Import html stránku , ktorú ste vytvorili na vašej webovej stránky editor ( spolu s príslušnou zložku obrazu ) . Ste pripravení na publikovanie .

• Predchádzajúca strana: Ako nainštalovať skener do Photoshopu CS3 
• Ďalšia strana: Adobe Photoshop Mask Tutorial