Ako si vyrobiť webové stránky Illustrator

Medzi najzákladnejšie webové stránky budú mať záhlavie , navigačný panel s kartami na rôznych webových stránkach a sekciu pre obsah . Vytvorenie webovej stránky s Adobe Illustrator je jeden z jednoduchších programy , ktoré používajú . Tam sú početné dizajnové aplikácie si môžete vybrať z , a základy sú ľahko zrozumiteľné . Budete používať jednoduché vektorovej grafiky pre tvorbu webových stránok v Illustratoru . Vektorovej grafiky sú designy , ktoré používajú body , čiary , krivky a tvary vytvoriť obraz , na rozdiel od rastrovej grafiky , ktoré používajú pixelov , napríklad v Adobe Photoshopu . Pokyny
Vytvorenie koreňového priečinka a nastavenie Dreamweaver
1

Vytvorte priečinok na ploche . Ak chcete urobiť, kliknite pravým tlačidlom myši na pracovnú plochu a vyberte " Nový priečinok " v rozbaľovacom menu . To bude vaša koreňová zložka . Názov zložky čo sa vám páči .
2

Otvoriť Dreamweaver , kliknite na " webe " hore a zvoľte " New Site . " Ponuka Definícia stránky sa potom otvorí a bude vás prevedie krokmi , ktoré musíte nastaviť miesto v Dreamweaver .
3

Pomenujte svoje stránky do určeného poľa . Nemusíte sa starať o vyplnenie poľa pre adresu URL . Potom, čo pomenovať vaše stránky kliknite na " Ďalej" .
4

Nastavte túto ďalšie nastavenia na " Nie , ja nechcem používať serverové technológie . " Kliknite na tlačidlo " Ďalej" prejdete na ďalšie skupiny nastavení .
5

Vyberte " Upraviť miestnej kópie na mojom stroji , potom je nahrať na server ( internet ) , ak je pripravený . " Ďalšie , kliknite na ikonu zložky a potom v ponuke , ktorá sa otvorí nájsť koreňovú zložku, vyberte ju a kliknite na tlačidlo " Vybrať " . Keď ste urobili , že kliknete na " Ďalšie " prejdete k ďalšiemu kroku .
6

vyberte možnosť " None " pre to , ako sa chcete pripojiť ku vzdialenému serveru . Kliknite na tlačidlo Ďalej potom, čo ste upraviť toto nastavenie . Kliknite na tlačidlo " Hotovo " po preskúmaní nastavení .
Projektovanie webové stránky v aplikácii Illustrator
7

Otvorte Adobe Illustrator a kliknite na tlačidlo " Vytvoriť nový webový dokument . " Nie je nutné upraviť niektoré nastavenia , takže kliknite na tlačidlo " OK " pre pokračovanie .
8

Navrhnite stránku jednoduchý " domáce " pre vaše webové stránky pomocou nástrojovej lišty . Vytvorenie len hlavičky , navigačný panel , a priestor pre svoj ​​obsah . To možno vykonať pomocou nástroja obdĺžnik a typu nástroja . V navigačnej lište , vytvoriť podkategóriu karty prejdite na rôznych stránkach . Napríklad , ak máte webové stránky pre reštauráciu , môžete nastaviť kategóriu karty sub pre domáce , predjedál a dezertov .
9

Vyberte nástroj " rez " z nástrojovej lišty , až budete mať základy pre vaše webové stránky navrhnutý . Vytvorte si svoj ​​prvý kúsok čerpaním z poľa okolo názvu oblasti . Tento postup opakujte s navigačným barovým pultom a vašej oblasti obsahu .
10

Prepnite sa do " Slice Select " nástroj . Ukazuje sa , ak budete držať stlačené tlačidlo myši na nástroji rezu . Dvojklikom na titulnej plátok . Po otvorení ponuky " Slice Options " , pomenujte plátok a potom kliknúť na " OK " . Opakujte tento krok s navigačným panelu rezu a obsah plochy rezu .
11

Prejsť na menu Súbor a vyberte " Uložiť pre web a zariadenia . " Môžete si vybrať , či chcete uložiť svoje obrázky ako GIF alebo JPEG . Kliknite na " Uložiť " .
12

Zvoľte " Ďalšie ... " V poli Uložiť optimalizovaný ako menu . To možno nájsť na plátky drop down menu . Dostanete ponuku , ktorá sa otvorí s možnosťou uloženia .
13

Zmena z " HTML " na " plátky " , v menu nastavenia výstupu . Táto rozbaľovacej ponuka je druhý zhora . Po voľbe " Slice " zmeňte nastavenie tu na " Generovať CSS . "
14

zmeniť farbu pozadia na " Žiadne " v menu pozadí . Kliknite na " OK " . Nastavte " Format " na " HTML a obrázky . " Zmeňte " Nastavenie " na " všetky užívateľské rezy . "
15

Zmeňte názov súboru na " index " v uložiť ako sekcia . Nastavte miesto , kam ukladáte ako koreňovom priečinku , ktorú ste vytvorili v prvej časti . Kliknite na " Uložiť " , ak ste to urobil .
Dokončovacie vaše webové stránky v Dreamweaver
16

Otvoriť Dreamweaver , vyberte " Súbor > Otvoriť " a otvorte index.html súbor , ktorý ste exportovali z Illustratoru . Mali by ste byť schopní nájsť to v koreňovom adresári .
17

Dajte svoje webové stránky titulu . V hornej časti stránky , môžete nájsť priestor pre titul . Vložte názov stránky , na ktorej pracujete v tejto sekcii . Napríklad , ak pracujete na svoju domovskú stránku , budete chcieť , aby " domov " vo svojom názve oblasti .
18

vytvoriť hotspot odkaz na vaše navigácie kliknutím na navigačnom plátok . V dolnej časti , kliknite na modrý klikacie mapy nástroj a vytiahnuť rámček okolo prvej záložke navigačnej lišty . Vložte názov súboru HTML , ktorý chcete prepojiť do skrine pojítka . Napríklad , ak si nakreslite rámček okolo karte domáci , mali by ste napísať " index.html " v odkaze poľa . Tiež je potrebné sa uistiť , že to dať názov alt , takže prehliadača pre nevidiacich a nepočujúcich užívateľa môžete prečítať na odkaz nahlas alebo ho zadajte v Braillovom písme . V časti Typ alt doma .
19

Opakujte tento krok pre každú zo svojich navigačnej lište záložiek . Napríklad , ak vaša ďalšia karta navigačný panel je určený pre predjedlá , mali by ste čerpať z poľa okolo karte , typu " entrees.html " v odkaze poľa a zadajte " predjedlá " v alt poľa .
20

Prepojte svoj ​​titul bar plochu a obsah plochy bez vytvorenia hotspot . Ak chcete urobiť, kliknite na obrázok a potom pridať názov HTML , ktorý chcete prepojiť v odkaze priestore . Napríklad , vaša záhlavie by byť spojená s " index.html " . Uistite sa , že hranice oblastí hovorí : " 0 " .
21

Choď na " Súbor > Uložiť . " To bude domáca stránka pre váš web a základ pre všetky ostatné HTML stránok pre vaše stránky rovnako .
22

zmeniť názov vlastnosti v hornej časti z indexu na akékoľvek ďalšie stránku na vaše webové stránky bude .
23

Zvoľte " Súbor > Uložiť ako " a názov súboru " entrees.html . " Názov musia byť malé a nemajú žiadne medzery .
24

Tieto kroky zopakujte pre všetky ostatné webové stránky . Jednoduchý spôsob , ako sa pozerať na to sa jednoducho pozrieť na každý z vašich navigačnej lište záložiek . Každá karta bude potrebovať samostatnú webovú stránku určenú pre neho .
25

Otestujte si svoje odkazy kliknutím na obrázok zemegule v hornej časti obrazovky . To vám ukáže presne , ako vaše webové stránky budú vyzerať raz nahrať na webové stránky .

• Predchádzajúca strana: Ako vytvoriť Obálka časopisu v aplikácii Adobe Illustrator 
• Ďalšia strana: Ako používať Pantone v Illustratoru