Internetda juda ko'p sonli veb-sayt shablonlari mavjud, ammo ularning bitta kamchiliklari bor - ular noyob emas. Agar sayt egasi o'z saytining dizayni boshqa joyda takrorlanishini istamasa, u shablonni professional dizaynerga buyurtma qilishi yoki o'zi yaratishga urinishi mumkin.
Bu zarur
Adobe Photoshop dasturi
Ko'rsatmalar
1-qadam
O'zingizning shablonni yaratish, birinchi qarashda ko'rinishi qiyin ish emas. Ishlash uchun sizga Adobe Photoshop kerak - albatta, u bilan ishlash haqida hech bo'lmaganda boshlang'ich tushunchaga ega bo'lishingiz kerak. Ammo dasturni ishga tushirish va yaratishni boshlashdan oldin, kelajakdagi dizayn haqida oldindan o'ylab ko'rishingiz kerak. Buning eng qulay usuli - dastlab kamida yuzta tayyor shablon bilan tanishish, ularning afzalliklari va kamchiliklarini baholash. Ba'zi dizayn elementlarining muvaffaqiyatli echimlariga e'tibor bering. Bu ularni nusxa ko'chirishingizni anglatmaydi, lekin asos sifatida ba'zi chiroyli va qulay echimlarni qabul qilish juda o'rinli.
2-qadam
Boshqa odamlarning andozalari va o'zingizning ijodingiz tahlili asosida siz saytingiz qanday ko'rinishini bilishingiz kerak. Oddiy A4 varaqlarida rangli qalam bilan kelajakdagi dizaynning qo'pol eskizlarini bajarish yaxshidir. Fotoshop bilan ishlashni aniq nimani chizish haqida aniq tasavvurga ega bo'lgandan keyingina boshlashingiz kerak.
3-qadam
Photoshop dasturini ishga tushiring, yangi 1200x1600 loyihasini yarating, shaffof fonni o'rnating. Hokimiyat vositasini yoqing, agar u hali yoqilmagan bo'lsa, buni amalga oshirish uchun Ctrl + R tugmalar birikmasini bosing. Tasdiqlashni yoqish: Ko'rish - Snapping.
4-qadam
Endi biz shablonni uning elementlari chegaralarini - yon tomonlarini, ustunlarini va boshqalarni ko'rsatadigan qo'llanmalar bilan bo'lishishimiz kerak. Masalan, siz shablonni chap tomonda tor ustun, shablonning o'ng tomonida keng ustun va yuqori qismida sarlavha uchun joy bo'lishi uchun bo'lishni xohlaysiz. Bu sizga uchta vertikal chiziq (shablonning chap chegarasi, o'ng va ular orasidagi chiziq) va gorizontal, sarlavhaning pastki chegarasini ko'rsatishi kerakligini anglatadi. Vertikal chiziqni o'rnatish uchun kursorni chap tomondagi chap chiziqqa olib boring, V tugmachasini bosing va tugmachani ushlab turganda chiziqni kerakli joyga torting. Boshqa ikkita vertikal chiziq bilan ham xuddi shunday qiling. Gorizontallar xuddi shu tarzda qurilgan, faqat yuqori o'lchagich ishlatiladi.
5-qadam
Shabloningiz uchun fon toping, u kichik, takrorlanadigan naqsh bo'lishi kerak. Uni Photoshop-da oching, tanlang, nusxa oling. Keyin shablonga fon bilan to'ldirishingiz kerak bo'lgan qancha marta joylashtiring. Yopish quyidagi tarzda amalga oshiriladi: "Tahrirlash" - "Yapıştır", so'ngra fon maydonini kerakli joyga torting. Ctrl + V buyrug'i yordamida rasm qo'shish yanada tezroq. Xuddi shu tarzda sayt sarlavhasi uchun fon qo'shing. Fon yaratish uchun siz turli xil gradient plombalarning foydalanishingiz mumkin.
6-qadam
Qalam asbobidan foydalanib, allaqachon chizilgan chiziqlarga (ya'ni ularning ustiga) e'tiborni qaratib, shablonning chegaralarini chizib oling. Siz eng oddiy shablonning asosini oldingiz, endi uni kerakli tafsilotlar bilan to'ldirishingiz kerak - navigatsiya tugmachalari, menyu satrlari, turli xil bezak elementlari va boshqalar. Tugmalar va boshqa elementlarni yaratish haqida ko'proq ma'lumot olish uchun Adobe Photoshop bilan ishlash bo'yicha tegishli maqolalarni o'qing.
7-qadam
Shablon yaratildi, endi ularni html sahifasiga qo'shish uchun uni qismlarga ajratish kerak. Kesish uchun Dilim vositasidan foydalaning. Uni topish uchun Frame vositasini o'ng tugmasini bosing va ochilgan menyuda Kesish-ni tanlang. Endi siz shablonni xohlagancha joylashishingiz mumkin, so'ngra saqlashingiz mumkin: "Fayl" - "Internet uchun saqlash". Ochilgan oynada fayl turini tanlang: HTML & images, fayl nomini ko'rsating: index.htm va uni saqlang. Sizda index.htm fayli va rasmlari kesilgan tasvirlar papkasi bo'ladi.
