Ako previesť makete HTML

Web dizajnéri sú používané pre navrhovanie svoje webové stránky makiet na Photoshop . Ak potrebujete previesť svoje mockup na živé stránky , niektoré HMTL a CSS zručnosti , byť užitočný . Ak potrebujete exportovať mockup do svojho vývojového softvéru alebo platformy , ako je Dreamweaver Joomla , môžete vykonať prevod v niekoľkých krokoch . Veci , ktoré budete potrebovať
Photoshope
Dreamweaver
Zobraziť ďalšie inštrukcie Cestuj 1

Dvakrát kliknite na Photoshop mockup . Kliknite na " Súbor " a " Uložiť pre web a zariadenia " exportovať do webovej priateľskom formátu . Vyberte si formát súboru , ako je JPEG alebo PNG . Nastavte kvalitu obrazu v nadchádzajúcom dialógu . Kliknite na tlačidlo " Uložiť " . Zadajte názov pre obraz .
2

Orezať a oddeliť vaše pozadie koncepcie , tiene a transparentné hranice efektov , päty a sidebar koncepty . Uložte ich do lokálneho adresára . Väčšina z nich sú layout relevantné .
3

Prejsť na Dreamweaver . Kliknite na " Súbor " a " Nový súbor HTML . " Nový HTML súbor bude nastavený s hlavnými úsekmi , napríklad záhlavie a časti tela . Zadajte názov súboru .
4

Vytvorte súbor CSS pre web kliknutím na " CSS štýly " v pravom hornom rohu aplikácie Dreamweaver . Kliknite pravým tlačidlom myši na prázdne miesto na vytvorenie nových pravidiel CSS . Zvoľte " Tag ( redefinuje HTML element ) " z Selector typu . Zvoľte " telo " a potom " Nový súbor zoznamu štýlov . " Kliknite na tlačidlo " OK " pre spustenie definovať CSS súbor
5

Importovať obrázok na pozadí a ďalších koncepčných prvkov do CSS kódu : pozadia : URL ( /images /background.jpg ) , päty : . URL ( /images /footer.jpg ) .

• Predchádzajúca strana: Ako používať nedefinovaných farby v jazyku Java 
• Ďalšia strana: Ako vytvoriť konštruktory pre Java