Ako vytvoriť webové stránky v aplikácii Illustrator

Adobe Illustrator je dizajnový program , ktorý vytvára vektorovú grafiku pre širokú škálu použitia , vrátane tlače , pohybu a web . Vektorová grafika používať matematické vzorce prezentovať snímky , na rozdiel od iných formátov , ako sú GIF , ktoré používajú zbierku bodov . Aj keď nie je špeciálne navrhnutý ako konštrukčný programu web , Illustrator má mať pokročilé nástroje pre export grafiky vytvorené v rámci programu pre využitie webových stránok a tiež generuje kód potrebný pre zobrazenie v prehliadači . Veci , ktoré budete potrebovať klipart Web pre úpravu návrhu softvér
Zobraziť ďalšie pokyny
Vytvorenie rozvrhnutie
1

Vytvoriť dokument Illustratoru , ktorý je 960 pixelov široký s výškou podľa vášho výberu v závislosti od obsahu a dizajnu máte na mysli . Miesto 960 px široký zodpovedá najpopulárnejšia šírke rozlíšenie monitora 1024 px , akonáhle posuvník a okenné hrany sú vzaté do úvahy .
2

vytvoriť ručne maľovaná skica základné vizuálne usporiadanie vaše webové stránky , ak ste tak už neurobili . To vám poskytne s praktickým odkazom pre vytvorenie v Illustratoru .
3

Vytvorte si svoj ​​rozvrhnutie pomocou obrázku a textových nástrojov pre štylizované hlavičky . Pokiaľ je váš návrh obsahuje priestor pre text , ako je blogu , ponechajte priestor v tejto oblasti prázdna alebo vytvoriť ohraničenie okolo neho pre jednoduché vymedzenie .
4

Pridať vodítka Vášho návrhu vymedziť rôzne úseky rozvrhnutie . To je veľmi dôležité , pretože budete používať tieto vodítka , aby sa plátky , ktoré definujú hranice prvkov na vašich webových stránkach . Sprievodca vám pomôže line up predmety s presnosťou . Kliknite na zvislom alebo vodorovnom pravítku a ťahaním myši na miesto , kde chcete , aby sa sprievodca , ktoré majú byť umiestnené .
5

Double - skontrolujte umiestnenie vašich sprievodcov pre presnosť a správnosť . Nakreslite viac v prípade potreby oddeliť jednotlivé prvky , ako napríklad navigačný obrazy , ktoré budú odkazy na vaše stránky .
Generovanie kódu
Praha 6

zvoľte " objekt " z menu , potom zvoľte " plátok " a vyberte " Vytvoriť z ​​vodítka . " Ak sú vytvorené rezy , uvidíte malé čierne skrinky vnútri každého plátku s príslušným číslom . Vyberte " Súbor " z menu a zvoľte " Uložiť pre web a zariadenia . " Vyberte rez vyberte nástroj , ktorý je druhý symbol v menu nástrojov v pravej časti obrazovky pod ikonou ruky . Vyberte všetky rezy .
7

Vyberte nastavenie optimalizácia z možností , na pravej strane obrazovky . Môžete si vybrať prednastavené nastavenia alebo vytvoriť vlastný profil v závislosti na tom , či chcete , aby vaše obrázky byť vo formáte JPEG , GIF alebo PNG . Môžete tiež nastaviť kvalitu obrazu .
8

Náhľad rôzne nastavenia kliknutím na " 2 - up " a " 4 - up " kartách . Na dolnom rohu každého náhľadu môžete zobraziť informácie o optimalizácii , ako je veľkosť súboru a čas vykresľovanie prehliadačom . Kliknite na tlačidlo " Uložiť " . Rozhodnite sa , kde chcete , aby vaše snímky a kód , ktoré majú byť uložené , a prejdite k tejto oblasti pomocou " Kde : " tlačidlo
9

Vyberte formát pre vašu prácu .. Ak ste zdatní v HTML a chcú len obrázky , pretože pridáte kód na ne neskôr , zvoľte " snímok . " Ak ste začiatočník , alebo dávajú prednosť HTML generované pre vás , vyberte " HTML a obrazov " možnosť . Ak dávate prednosť pri umiestnení prvkov , ktoré majú byť organizované s kaskádovými štýlmi , nie do tabuliek , zvoľte tlačidlo " Predvolené nastavenie " a vyberte " Exportovať ako CSS Vrstvy " v " Vrstvy " kartu .
10

Otvorte súbor HTML v rámci prehliadači pre zobrazenie vašu prácu . Editovať súbory s výpočtovým programom webe .

• Predchádzajúca strana: Ako upraviť fotky v Illustratoru 
• Ďalšia strana: Ako písať dokumenty v aplikácii Illustrator a Uistite sa Crisp dokumentov PDF