Vebdə çox sayda veb sayt şablonu var, ancaq bir çatışmazlığı var - unikal deyillər. Sayt sahibi saytının dizaynının başqa yerdə təkrarlanmasını istəmirsə, peşəkar bir dizaynerdən şablon sifariş edə və ya təkbaşına yaratmağa çalışa bilər.
Vacibdir
Adobe Photoshop proqramı
Təlimat
Addım 1
Öz şablonunuzu yaratmaq ilk baxışdan görünə biləcəyi qədər çətin bir iş deyil. İşləmək üçün Adobe Photoshop-a ehtiyacınız var - əlbəttə ki, onunla işləmək barədə ən azı əsas bir anlayışa sahib olmalısınız. Ancaq proqramı başlamazdan və yaratmağa başlamazdan əvvəl gələcək dizaynı əvvəlcədən düşünməlisiniz. Bunun ən əlverişli yolu əvvəlcə ən az yüz hazır şablonla tanış olmaq, üstünlük və mənfi cəhətlərini qiymətləndirməkdir. Müəyyən dizayn elementlərinin uğurlu həllinə diqqət yetirin. Bu, onları kopyalayacağınız anlamına gəlmir, lakin əsas kimi bəzi gözəl və rahat həlləri qəbul etmək olduqca məqbuldur.
Addım 2
Başqalarının şablonlarının və öz yaradıcılığınızın təhlilinə əsasən, saytınızın necə görünəcəyinə dair bir fikir əldə etməlisiniz. Adi A4 vərəqələrində rəngli qələmlərlə gələcək dizaynın kobud eskizlərini etmək yaxşıdır. Photoshop ilə işə yalnız tam olaraq nə çəkəcəyinizi dəqiq bir şəkildə düşündükdən sonra başlamalısınız.
Addım 3
Photoshop-a başlayın, yeni 1200x1600 layihə yaradın, şəffaf bir arxa plan qurun. Cetvel alətini açın, əgər hələ açılmayıbsa, bunu etmək üçün Ctrl + R düymələr kombinasiyasına basın. Çəkməyi aktivləşdirin: Görünüş - Çəkilmək.
Addım 4
İndi şablonu elementlərinin sərhədlərini - tərəfləri, sütunları və s. Göstərəcək təlimatlarla bölməliyik. Məsələn, şablonu bölmək istəyirsən ki, solda dar sütun, sağda şablonun sağında geniş sütun olsun və üst hissədə başlıq üçün yer olsun. Bu, başlığın alt sərhədini göstərən üç şaquli xəttə (şablonun sol sərhədi, sağ və aralarındakı xətt) və üfüqi bir xəttə ehtiyacınız var. Şaquli bir xətt qurmaq üçün kursoru sol tərəfdəki sol cizgiyə aparın, V düyməsini basın və düyməni basıb saxlayaraq sətri istədiyiniz yerə sürün. Digər iki şaquli xəttlə eyni şeyi edin. Yatay olanlar eyni şəkildə qurulur, yalnız yuxarı cetvel istifadə olunur.
Addım 5
Şablonunuz üçün bir fon tapın, kiçik, təkrarlanan bir nümunə olmalıdır. Photoshop-da açın, seçin, kopyalayın. Sonra şablonu arxa planda doldurmaq üçün lazım olduğu qədər yapışdırın. Yapışdırmaq belə edilir: "Düzəliş et" - "Yapışdırın" və sonra arxa plan sahəsini istədiyiniz yerə sürükləyin. Ctrl + V əmrindən istifadə edərək şəkil əlavə etmək daha da sürətlidir. Saytın başlığı üçün eyni şəkildə bir arxa plan əlavə edin. Bir arxa plan yaratmaq üçün müxtəlif qradiyent dolğularından istifadə edə bilərsiniz.
Addım 6
Qələm alətindən istifadə edərək, şablonun sərhədlərini əvvəlcədən çəkilmiş xətlərə (yəni onların üstünə) yönəldərək çəkin. Ən sadə şablonun əsasını aldınız, indi lazımi detallarla - naviqasiya düymələri, menyu xətləri, müxtəlif dekorasiya elementləri və s. İlə əlavə etməlisiniz. Düymələr və digər elementlərin necə yaradılacağı barədə daha çox məlumat üçün Adobe Photoshop ilə işləmək üçün müvafiq məqalələri oxuyun.
Addım 7
Şablon yaradılmışdır, indi html səhifəsinə daxil etmək üçün parçaları kəsməlisiniz. Kəsmək üçün Dilim alətindən istifadə edin. Tapmaq üçün Çerçeve alətini sağ vurun və açılan menyudan Kəsmə seçin. İndi şablonu istədiyiniz kimi yuva edə bilərsiniz, sonra saxlaya bilərsiniz: "Fayl" - "Veb üçün Saxla". Açılan pəncərədə fayl növünü seçin: HTML & şəkillər, fayl adını göstərin: index.htm və qeyd edin. Bir index.htm faylı və dilim şəkilləri olan bir şəkil qovluğu olacaq.
