Ako vytvoriť webové stránky vo Photoshope a Dreamweaver

Adobe Creative Suite je skvelá sada programov , ktoré majú pre rozvoj a vytváranie webových stránok . Jedným z hlavných dôvodov , prečo je to , že človek nemusí mať rozsiahle znalosti HTML , aby bolo možné vytvoriť webové stránky . Tieto dva programy môžu pomôcť človek robiť minimálne množstvo práce , a napriek tomu dostávajú vynikajúce hotového výrobku . Veci , ktoré budete potrebovať
Adobe Photoshop
Adobe Dreamweaver
Zobraziť ďalšie inštrukcie
Vytvorte dizajn v Photoshope
1

Otvorte nový dokument Photoshopu kliknutím na ikona Photoshop na počítači . Po otvorení programu , zvoľte " Ctrl + N " a nový dokument sa otvorí .
2

Place prvkov na stránke . Pomocou nástrojov na paneli nástrojov na ľavej strane stránky . Najlepší spôsob , ako to urobiť , je vybrať nástroj obdĺžnik z panela nástrojov . Kliknite na tlačidlo a pretiahnite obrazec obdĺžnik na stránke , aby bar v hornej . Vyberte si farbu , ktorá sa vyplniť polia .
3

Vyberte textové pole nástroj pre vytváranie toľko textových polí , ako budete potrebovať pozdĺž tohto pruhu . Typicky asi päť krabíc by malo stačiť . Krabica bude obsahovať slová ako " O nás " , " Registrácia " , " Novinky " , " Kontaktujte nás " a " nákup . " Čo je zahrnutý do týchto krabíc bude nakoniec závisieť od účelu webe .

4

Choď na " Súbor " a " miesto " umiestniť niekoľko obrázkov na stránke . Rovnaké pravidlá , ktoré platia pre tlačené často vzťahujú na Web design rovnako . To znamená , že by ste mali byť istí , že prvky na stránke zarovnať .
5

Dokončiť dizajn na domovskej stránke lokality . Uložiť túto stránku ako súbor JPEG a zatvorte ho .
Pripravte sa na webe s Dreamweaver Cestuj 6

otvoriť Dreamweaver . Po otvorení Dreamweaver , choďte na " Súbor " a potom kliknite na " Otvoriť " . Keď sa otvorí ďalšie okno , zvoľte " Vytvoriť " . To sa nachádza na pravom dolnom rohu obrazovky .
7

Keď sa otvorí nová stránka , bude to show kódu stránky . Nájsť " Design " kartu na strane , ktorá je v tesnej blízkosti " Code " kartu tesne nad table úpravy HTML . Potom, čo ste v režime návrhu , prejdite do menu " Vložiť " na hornej časti stránky a zvolili " Image " z menu .
8

Objaví sa okno , ktoré vám umožní vybrať obrázok umiestniť na stránku . Nájdite súbor JPEG ste práve vytvorili vo Photoshope a vyberte ho . Tento obrázok bude teraz na vašej stránke Dreamweaver .
9

Vyberte obrázok mapy nástroj na spodnej časti stránky . Potom kliknite na tlačidlo a ťahajte myšou cez oblasť na stránke , ktorú chcete vytvoriť odkaz . Akonáhle to urobíte , vráťte sa späť do dolnej časti obrazovky a zadajte úplnú adresu URL do poľa Adresa URL v spodnej časti okna . Tento krok zopakujte pre každý odkaz , ktorý chcete vytvoriť na stránke .
10

Opakujte tento celý proces ( kroky 1 a 2 ) možno vytvoriť inú stránku na webe . Je na vás , aby ste navrhnúť každú stránku , ako ju chcete vytvoriť , ale dôležitá vec na zapamätanie je uložiť ako súbor JPEG a nahrať ho do Dreamweaver zakaždým . Keď je všetko povedané a vykonané , budete mať atraktívne webové stránky , ktoré ste vytvorili pomocou Photoshopu a Dreamweaver .

• Predchádzajúca strana: Ako navrhnúť oblečenie vo Photoshope 
• Ďalšia strana: Ako vytvoriť vrhnutý tieň v Adobe Photoshop CS4