Veb: maket
Sahifa maketini rejalashtirish
Endi bizda asosiy qurilish bloklari bor: kontent uchun HTML, bezash va maket uchun W3.CSS, interaktivlik uchun JavaScript.
Ularni to‘liq veb-saytga birlashtirishdan oldin sahifa tuzilishini rejalashtirib olish foydali.
Oddiy maket rejasi sahifaning asosiy qismlari qayerda joylashishini aniqlashga yordam beradi.
Maketni qog‘ozga chizishingiz yoki raqamli vositadan foydalanishingiz mumkin.
Birinchi to‘liq veb-saytimiz uchun quyidagi bo‘limlarni rejalashtiramiz:
- Navigatsiya
- Slayd-shou
- Asosiy kontent
- Fotosuratlar bo‘limi
- Aloqa ma’lumotlari
Eslatma
Quyidagi maket — wireframe (sxematik chizma). U tayyor dizaynni emas, balki sahifa tuzilishini ko‘rsatadi.
Navigatsiya
Main Content
Sarlavha
Matn
Matn
Fotosurat
Fotosurat
Fotosurat
Contact
Email / Manzil / Telefon
Maketdan veb-saytgacha
Maket bizga sahifa uchun reja beradi.
Keyingi bobda bu rejani HTML, W3.CSS va JavaScript yordamida to‘liq musiqa guruhi (Band) veb-saytiga aylantiramiz.
Saytni yaratish jarayonida wireframe’ning har bir qismi haqiqiy bo‘limga aylanadi:
- Navigatsiya moslashuvchan navigatsiya paneliga aylanadi.
- Slayd-shou katta rasmlarni ko‘rsatadi.
- Asosiy kontent guruhni tanishtiradi.
- Fotosuratlar bo‘limi guruh a’zolarini taqdim etadi.
- Aloqa bo‘limi manzil va aloqa ma’lumotlarini beradi.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!