gtemata.com

Cum se utilizează Photoshop pentru a crea un site web

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

conținut

paşi

Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 1
1
Descărcați și instalați Photoshop
  • Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 2
    2
    Deschideți versiunea Photoshop pe computerul personal și creați un document nou cu înălțimea și lățimea dorită (o lățime comună este 800px-900px, o înălțime comună este 1200px-1500px).
  • Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 3
    3
    Creați un antet pentru site-ul dvs. (utilizând o imagine existentă sau creând-o de la zero), inclusiv sigla site-ului dvs.
  • Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 4
    4
    Creați butoane pentru meniul site-ului dvs. (forma și culoarea, spațiul dintre ele, meniul de sus, meniul de jos, meniul din stânga sau din dreapta sau o combinație de două sau trei seturi de meniuri etc.)..)
  • Imaginea intitulată Utilizați Photoshop pentru a proiecta la Website Step 5
    5
    Creați spațiu pentru conținut, zona pentru subsol, un loc pentru a publica bannere, un spațiu pentru galeria foto și așa mai departe, până când ați finalizat aspectul general al site-ului dvs.
  • Imaginea intitulată Utilizați Photoshop pentru a proiecta la Website Pasul 6
    6
    Acum, partea cea mai dificilă: în Photoshop, subdivizați și exportați site-ul, dând un nume tuturor subdiviziunilor înainte de a le exporta (de exemplu: selectați antetul site-ului și apelați secțiunea "antet", selectați butonul Acasă și denumiți-l "butonul de acasă" și așa mai departe până când ați numit toate secțiunile site-ului).


  • Imaginea intitulată Utilizați Photoshop pentru a proiecta la Website Pasul 7
    7
    Vă recomandăm să lăsați spațiul de conținut necompletat deoarece împărțiți numai secțiunile și textul ar fi inclus în imagine, lăsându-l gol, puteți adăuga conținutul corespunzător pentru fiecare pagină.
  • Imaginea intitulată Utilizați Photoshop pentru a proiecta la Website Step 8
    8
    Exportați proiectul într-un fișier nou pe desktop, exportul va crea o pagină HTML (pagina dvs., care nu este încă centrat și fără conținut), un fișier CSS și un fișier imagine care conține diferitele secțiuni.
  • Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 9
    9
    Deschideți fișierul HTML cu OneNote sau Notepad și editați codul HTML (centralizați pagina, setați culoarea de fundal, introduceți conținutul într-un tabel Div unde există imaginea conținutului, creați datele Meta pentru cuvinte cheie, conținut și așa mai departe...).
  • Imaginea intitulată Utilizați Photoshop pentru a proiecta pe site Step 10
    10
    Copiați și inserați pagina HTML în numărul paginilor dvs., apoi redenumiți-le (Acasă, Despre noi, Contacte...).
  • Imaginea intitulată Utilizați Photoshop pentru a proiecta la Website Pasul 11
    11
    Creați linkuri interne către paginile din fișierul HTML (sau faceți acest lucru înainte de a crea noi pagini, astfel încât să nu trebuiască să repetați operația) pe imaginile butoanelor, creând divize și specificând adresele.
  • Imaginea intitulată Utilizați Photoshop pentru a crea un site web Pasul 12
    12
    Încărcați fișierele site-ului dvs. pe gazdă.

    • Sfaturi

    • Photoshop este ușor, încearcă să o înveți bine și vei face lucruri grozave.
    Distribuiți pe rețelele sociale:

    înrudit