Cum să utilizați Photoshop pentru a crea un site web

Există multe modalități de a crea site-uri web, iar Photoshop este unul dintre ele.

conținut

Pași
Sfaturi

pași

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 1

Descărcați și instalați Photoshop.

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 2

Deschideți Photoshop pe computer și de a crea un nou document, stabilind înălțimea și lățimea în funcție de preferința lor (o lățime normală și este între 800px și 900px înălțime între 1200px și 1500px).

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 3

Creați un antet pentru site-ul dvs. (dintr-o imagine disponibilă sau creată de dvs.) cu logo-ul încorporat în acesta.

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 4

Creați butoanele de meniu ale site-ului (definiți forma și culoarea, spațiul dintre acestea, dacă acesta va fi un meniu de sus, de jos, stânga sau dreapta).

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 5

Creați zona de conținut, subsolul, locul de plasare a bannerelor, o galerie foto și așa mai departe, până când veți obține designul general al site-ului.

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 6

Acum cea mai grea parte din Photoshop: tăiat și exportul site-ul finit, denumind toate părțile înainte de a le exporta (de exemplu, verificați zona de antet cu instrumentul de tăiere și numele acesta „antet“, marchează zona a butonului Acasă cu numele „Acasă Inițial "și așa mai departe pentru fiecare parte separată a site-ului).

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 7

Este recomandabil să lăsați zona de conținut goală, deoarece este acum salvată doar ca părți de imagini și textul va rămâne în ele. Când este gol, puteți adăuga conținutul fiecărei pagini separat.

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 8

Exportați într-un fișier nou de pe desktop. Exportul va crea o pagină web în HTML (pagina dvs. nu a concentrat și fără conținut), un fișier CSS și un fișier de imagini cu toate diferitele tipuri de bucăți și imagini din cadrul acesteia.

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 9

Deschideți fișierul HTML cu OneNote sau Notepad și să facă modificări în HTML (centraliza toate paginile, setați o culoare de fundal, a pus conținutul într-un tabel Div în cazul în care conținutul de imagine, a crea meta-date pentru cuvintele cheie, conținutul și așa mai departe...).

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 10

Copiați și inserați aceeași pagină HTML în funcție de numărul de pagini necesare și apoi să le dea numele paginilor (Acasă, Despre noi, Contactati-ne, etc.).

Imagine intitulată Utilizați Photoshop pentru a crea un site web Pasul 11

Creați linkuri interne către pagini de fișiere în HTML (sau a face acest lucru înainte de a crea mai multe pagini, astfel încât să nu stați repetarea) în cazul în care codul de imagine buton este creat de Divs și link-urile de adrese.