Veb-saytni Qanday Chizish Kerak

Mundarija:

Veb-saytni Qanday Chizish Kerak
Veb-saytni Qanday Chizish Kerak

Video: Veb-saytni Qanday Chizish Kerak

Video: Veb-saytni Qanday Chizish Kerak
Video: Web Saytni Tekinga Hostinga Joylash || Saytni Tekinga Internetga Qoyish 2024, May
Anonim

Veb-saytni yaratishda sahifa dizaynini yaratish bosqichi juda muhimdir, bu keyinchalik terish va tarmoqqa nashr etiladi. Ushbu maqolada siz Adobe Photoshop-dan veb-sayt uchun malakali maketni chizish uchun qanday foydalanishni bilib olasiz, buning asosida keyinchalik murakkabroq maketlarni shakllantirishingiz mumkin.

Veb-saytni qanday chizish kerak
Veb-saytni qanday chizish kerak

Bu zarur

Adobe Photoshop dasturi

Ko'rsatmalar

1-qadam

Photoshop-da (Ctrl + N) o'lchamlari 1040x1400 bo'lgan yangi fayl yarating, bu erda 1400 balandlikdir. Chiziqlar displeyini yoqing (Ctrl + R) va o'lchagich parametrlarida piksellarni o'lchov birligi sifatida o'rnating.

2-qadam

Qo'llanmalarni joylashtirish qutilarining chegaralariga mos keladigan tarzda uzatishni boshlang. 40 piksel qirralarga qoldirilishi uchun yon chekkalarni cho'zing. Yuqori va pastki chegaralar, shuningdek, har ikki tomonning fon chegaralariga 40 pikselni qoldirishi kerak.

3-qadam

Keyin yuqori sarlavha uchun fonning yuqori qismidan 200 piksel pastga yo'naltiruvchi qo'llanmani tanlang.

4-qadam

Mizanpajning chap va o'ng tomonidagi panellarni hosil qilish uchun qo'llanmalarni fon chegarasidan chapga 240 pikselga, o'ng tomonga esa 800 pikseldan o'rnating.

5-qadam

Chap va o'ng yon panellardan 5px ichkariga qarab, yana ikkita vertikal qo'llanmani chizib oling. Keyin yana ikkita yo'riqchini chapga 245 piksel va o'ng tomonga 795 pikselni torting.

6-qadam

Endi 30px sarlavha chegarasidan o'lchab, gorizontal menyu uchun gorizontal qo'llanmani chizib oling.

7-qadam

M tugmachasi yordamida to'rtburchaklar tanlov bilan belgilagan gorizontal menyuning tor sohasini tanlang. To'ldirish vositasini tanlang va maydonni neytral och kul rang bilan to'ldiring.

8-qadam

To'ldirish vositasini tanlang va maydonni neytral och kul rang bilan to'ldiring. "Select-Modify-Compress" menyusini bosing, 1 pikselli parametrni ko'rsating va "OK" tugmasini bosing. Maydonni ochroq soya bilan to'ldiring - menyu ramkasiga ega bo'lasiz.

9-qadam

Yangi qatlam yarating va sayt belgisi yoki logotipi uchun mos rasmni tanlang va keyin uni oching.

10-qadam

Sarlavhadagi yangi qatlamga rasm qo'ying, uni chap chetiga qo'ying. Rasmning o'ng tomonida har qanday shrift yordamida saytning matn sarlavhasini yozing.

11-qadam

Veb-saytingiz bloklarini yangi yaratilgan sarlavha bilan bir xil rang sxemasida yarating. Chap paneldagi maydonni tanlang va menyu bloki bilan bir xil ikki rangli to'ldirish amallarini bajaring.

12-qadam

Tarkibning markaziy qismi bilan ham xuddi shunday qiling. Chap paneldagi qatlamni nusxa oling va uni o'ng panel sifatida joylashtiring.

13-qadam

O'zingizning maketingizga matn qo'shing - neytral shriftni tanlang va menyu sarlavhalarini, yangiliklar misollarini, fotosuratlarni, teglarni va havolalarni to'ldiring.

14-qadam

"Altbilgi" yoki altbilgi yaratish orqali tartibni tugating - mualliflik huquqingiz va u erda joylashgan kontaktlaringizni yozing.

Tavsiya: