Ako používať Photoshop na návrh webovej stránky?

Stiahnite a nainštalujte si Photoshop

Otvorte vo svojom počítači verziu Photoshopu a vytvorte nový dokument s výškou a šírkou nastavenou podľa vášho výberu (normálna šírka je 800 pixelov-900 pixelov, normálna výška je 1200 pixelov-1500 pixelov). Priečinok môžete pomenovať (voliteľné).

Vytvorte pre svoje stránky záhlavie (z existujúceho obrázku alebo od začiatku) a vložené doň logo vašej webovej stránky.

Vytvorte tlačidlá ponuky na svojom webe (tvar a farba, medzera medzi nimi, ako horné menu, spodné menu, pravé alebo ľavé bočné menu alebo kombináciu dvoch alebo troch skupín ponúk atď.)

Vytvárajte oblasť obsahu, oblasť päty, miesto pre umiestnenie bannerov, miesto pre fotogalériu a tak ďalej, kým nedokončíte celkový vzhľad svojho webu.

Teraz k tej ťažšej časti: vo Photoshope rozrežte a exportujte svoju hotovú stránku tak, že pred exportom pomenujete všetky rezy (napríklad: oblasť, ktorá je hlavičkou, označte nástrojom na krájanie a pomenujte ju „hlavička“, označte oblasť tlačidla Domov a pomenujte ho „domovské tlačidlo“ atď. v každej samostatnej časti webovej stránky).

Odporúčame ponechať oblasť obsahu prázdnu, pretože ju ukladáte iba ako obrazové rezy a text sa zobrazí ako súčasť obrázka. Ak je prázdny, môžete obsah každej stránky pridať samostatne.

Exportujte ho do nového súboru na pracovnej ploche, exportom sa vytvorí súbor HTML (ktorý bude vašou internetovou stránkou, ktorá ešte nie je vycentrovaná a nemá obsah), súbor CSS a priečinok s obrázkami so všetkými rôznymi plátkami a obrázkami v ňom..

Otvorte súbor HTML pomocou programu onenote alebo poznámkového bloku a vykonajte zmeny v HTML (vycentrujte celú stránku, nastavte farbu pozadia celej stránky, vložte obsah do značky div, kde je umiestnený obsahový obrázok, alebo vytvorte niekoľko odsekov pomocou tag P vnútri tagu div, vytvorte meta dáta pre kľúčové slová, obsah a podobne...).

Skopírujte a prilepte rovnakú stránku HTML toľkokrát, koľkokrát máte webové stránky, ale potom ich dávajte pozor na ich premenovanie na súvisiace stránky (tj. Domov.html, aboutus.html, contactus.html a podobne...).

Vytvorte vnútorné odkazy na stránky v súboroch HTML (alebo to urobte pred vytvorením ďalších stránok, aby ste sa nemuseli opakovať), kde kód obrázka tlačidla je vytvorením súboru div a zadaním adries odkazov na tlačidlá.