Veb-dizayn elementlari

chop etish · Vremya na chtenie: 7min · tomonidan · Chop etilgan · Yangilangan

o'ynashUshbu maqolani tinglang

Veb-sayt dizayn elementlari.Veb-dizayn elementlari - ular nima? Bosh sahifa o'z-o'zidan mavjud bo'lib, u har xil turdagi ma'lumotlarni saqlashi mumkin, shuningdek, veb-saytning boshlang'ich va yakuniy nuqtasi bo'lib xizmat qiladigan maxsus veb-sahifadir. Bugun men sizga tanishish va o'qish uchun veb-dizayn elementlari haqida gapirib beraman.

Veb-dizaynning o'zi siz yaxshi bilmagan ko'plab asosiy bilimlarni o'z ichiga oladi, ayniqsa ba'zi keng tarqalgan atamalar, ko'p odamlar chalkashib ketishadi, shuning uchun men ushbu maqolada sizga hamma narsani tushuntiraman.

Maqolaning mazmuni:

Veb-dizaynning asosiy elementlari

1. Veb-sayt

Veb-sahifani loyihalash jarayonida butun veb-sayt ba'zi veb-serverlarning to'liq ma'lumotlari to'plamini saqlaydi, bu veb-sahifa yoki bir nechta veb-sahifalarni o'z ichiga oladi va bu veb-sahifalarning o'zi ma'lum bir havola shaklida mavjud bo'lib, ulardan foydalanish mumkin. nisbatan to'liq ma'lumotni tasvirlash yoki ma'lum bir kutilgan mashhurlikka erishish uchun umumiy, ba'zi veb-saytlar juda ko'p tarkibni o'z ichiga oladi va ba'zi veb-saytlar shaxsiy veb-saytlar kabi faqat bir nechta sahifaga ega bo'lishi mumkin.

2. Web sahifa

Veb-dizayn aslida fayldir, veb-sahifalarda turli xil matnlar, tasvirlar va tovushlar mavjud, shuning uchun veb-sahifalarni alohida ob'ekt sifatida ko'rish mumkin, bu juda muhim element. Ushbu veb-saytlarga tashrif buyurishni xohlaganimizda, eng to'g'ridan-to'g'ri tashrif butun sahifadir.

3. Uy

Bosh sahifa o'z-o'zidan mavjud bo'lib, u har xil turdagi ma'lumotlarni saqlashi mumkin, shuningdek, veb-saytning boshlang'ich va yakuniy nuqtasi bo'lib xizmat qiladigan maxsus veb-sahifadir. Foydalanuvchi veb-sayt manzilini kiritganda, birinchi sahifa paydo bo'ladi, odatda uni ko'rib chiqish va ma'lumot izlash oson.
Veb-sayt ma'lumotlari katalogini joylashtirishda veb-saytning bosh sahifasi butun bosh sahifa uchun o'rnatilgan bosh sahifa emas va ba'zi veb-saytlar bosh sahifani animatsiyaga qo'yishi yoki asosiy sahifada unga havola berishi mumkin va tashrif buyuruvchilar kirish uchun havolani bosishlari mumkin. unga. Bu yaxshi dizayn deb aytishimiz mumkin.

Bosh element nimani o'z ichiga oladi?

Bosh elementning mazmuni.Bosh element ildiz element tegi ichida va tana elementidan oldin yozilishi kerak. Sarlavha elementi hujjat, turli tegishli fayllar va butun hujjatni belgilaydigan ba'zi kodlar yoki variantlar haqida ba'zi asosiy ma'lumotlarni taqdim etadi. Sarlavha elementlaridagi kod odatda veb-sahifada to'g'ridan-to'g'ri ko'rsatilmaydi. Sarlavha elementi quyidagilarni o'z ichiga oladi:

  • Malumot URL ma'lumotlari. Sarlavha elementida siz ushbu veb-sahifaning URL manzili haqidagi barcha ma'lumotlarni belgilashingiz mumkin, masalan, URL qanday ochilganligi va hokazo.
  • Resurslar haqida ma'lumotnoma. Bosh elementda siz boshqa fayllarni (masalan, CSS, Java va boshqalar) bog'lashingiz va fayl tarkibini ushbu veb-sahifaga qo'llashingiz mumkin. Ushbu resurslarga kirishda ushbu fayllarning turlari tashqaridan e'lon qilinishi kerak.
  • Hujjatlar uchun yashirin teglar. Sarlavha elementiga ba'zi kalit so'zlar qo'shilishi mumkin. Ushbu kalit so'zlar veb-sahifada ko'rinmaydi, ammo qidiruv tizimlarida topilishi mumkin. Shuni ta'kidlash kerakki, kalit so'zlar juda ko'p bo'lmasligi kerak. Ko'p sonli kalit so'zlar sahifani yuklash tezligini sekinlashtirishi mumkin.
  • Skript kodi. Skript kodi (masalan, Java va boshqalar) to'g'ridan-to'g'ri bosh elementga yozilishi va yaxshi ishlashi mumkin.
  • Uslublar jadvali kodi. CSS kodi to'g'ridan-to'g'ri bosh elementga ham yozilishi mumkin. Sarlavha elementidagi CSS kodi tashqi CSS faylidagi kod bilan aynan bir xil ishlaydi.
  • Veb-sahifa sarlavhasi haqida ma'lumot. Veb-sahifa sarlavha elementida veb-sahifaning sarlavhasini belgilashi mumkin va veb-sahifaning mazmuni sarlavha bilan belgilanishi mumkin. Agar siz veb-sahifa sarlavhasini ko'rsatmasangiz, brauzer sarlavha sifatida avtomatik ravishda veb-sahifaning URL manzilidan foydalanadi.

Veb-sahifani loyihalash komponentlari

Sayt veb-sahifasining asosiy komponentlari.Veb-sahifa turli elementlardan tashkil topgan. Matn va tasvirlar veb-sahifalarning asosiy elementlari va veb-sahifaning asosiy axborot tashuvchilari hisoblanadi. Tahrirlovchining fikricha, ular veb-sahifalarda juda muhim rol o'ynaydi va qolgan elementlar (giperhavolalar va boshqalar) shu ikki asosiy elementga asoslanadi.

  1. Matn: Matn tarmoq orqali tezroq va veb-sahifalarning asosiy axborot tashuvchisi bo'lib, foydalanuvchilar matn ma'lumotlarini osongina ko'rishlari va yuklab olishlari mumkin. Turli xil uslublarga ega veb-sahifalarda ko'plab matn uslublari mavjud va jozibali veb-sahifalarda odatda chiroyli matn uslublari mavjud. Matn uslubini veb-sahifadagi matn xususiyatlarini o'rnatish orqali o'zgartirish mumkin.
  2. Rasm: Matn bilan solishtirganda, tasvir yorqinroq va intuitivroq bo'lib, matn etkaza olmaydigan ba'zi ma'lumotlarni, masalan, veb-sayt logotipi, veb-sahifa foni va hokazolarni etkazishi mumkin. Bular odatda tasvirlardir.
  3. jadvallar: Jadvallar veb-sahifaning bir yoki bir necha qator kataklari bo'lib, odatda veb-sahifalar tartibini tashkil qilish yoki veb-sahifa elementlarini joylashtirish uchun ishlatiladi. Foydalanuvchilar jadval katakchasiga istalgan veb-sahifa elementini, jumladan matn, rasmlar, shakllar, tugmalar va boshqalarni joylashtirishlari mumkin. Yuqoridagi elementlardan tashqari, shakllar, animatsiyalar, tovushlar, giperhavolalar va boshqalar ham web-sahifani tashkil etuvchi elementlardir.

Veb-sahifalarning asosiy elementlari - veb-sahifalar nimani o'z ichiga oladi?

Web-sahifani tashkil etuvchi asosiy elementlar asosan quyidagilardan iborat: matn va tasvirlar, giperhavolalar, animatsiyalar, shakllar, audio va video. Ular orasida matn va tasvirlar veb-sahifalarning ikkita asosiy elementi bo'lib, ular hozirgi kunda barcha veb-sahifalarda mavjud.

1. Web sahifaning asosiy elementlari

  1. Matn va rasmlar. Bular veb-sahifalarning ikkita asosiy dizayn elementi bo'lib, bugungi kunda barcha veb-sahifalarda mavjud.
  2. Giperhavolalar. Veb-sahifalardagi havolalarni ikki turga bo'lish mumkin: matnli havolalar va rasmli havolalar. Tashrifchi havola bilan matn yoki rasmni bosgan ekan, u avtomatik ravishda boshqa tegishli fayllarga ulanishi mumkin, shunda veb havola bir butun sifatida birlashtirilishi mumkin. Giperhavolalar ham butun internetning asosidir.
  3. Animatsiya. Web-sahifalardagi animatsiyalarni GIF animatsiyalari va Flash animatsiyalariga ham ajratish mumkin. Dinamik kontent har doim statik tarkibdan ko'ra ko'proq odamlar e'tiborini tortadi, shuning uchun ajoyib animatsiya veb-sahifani boyitishi mumkin.
  4. Shakllar. Bu tashrif buyuruvchilar va serverlar o'rtasida ma'lumot almashish imkonini beradigan texnologiya. Shakllardan foydalanish qidiruv, tizimga kirish va elektron pochta xabarlarini yuborish kabi interaktiv funktsiyalarni bajarishi mumkin.
  5. Audio va video. Dizaynerlar veb-saytni dizayn jihatidan shaxsiylashtirilgan, jozibali va zamonaviy qilish uchun veb-sahifaga video, fon musiqasi va hokazolarni qo'shadilar.

2. Oddiy web-sahifa nimalarni o'z ichiga oladi?

To'liq HTML hujjati uchta qismdan iborat bo'lishi kerak: "html" elementi bilan aniqlangan hujjat versiyasi ma'lumotlari, "head" elementi bilan belgilangan hujjatning sarlavhasi va "tana" elementi bilan belgilangan hujjatning tanasi. .

"bosh" hujjatning yuqori qismida turli deklarativ ma'lumotlarni o'z ichiga olgan element sifatida paydo bo'ladi va "tana" dan oldin paydo bo'ladi. Va "tana" hujjatning asosiy qismini ko'rsatish uchun ishlatiladi.

3. Veb-sayt tasnifi va kirish

  1. Portal. Portal veb-sayti mazmunga boy bo'lib, bosh sahifa xizmatlari, birja kotirovkalari, elektron pochta, ob-havo ma'lumotlari, tezkor yangiliklar, onlayn forumlar, onlayn markazlar, onlayn o'yinlar va boshqalar kabi turli xizmatlarni taqdim etadi. Bundan tashqari, veb-saytlar portallari odatda qidiruv tizimini taqdim etadi.
  2. Axborot va maslahat xizmati veb-sayti. Axborot-maslahat xizmati veb-saytining funktsiyalari asosan axborotni chiqarish, ma'lumot olish, onlayn maslahat va resurs xizmatlarini o'z ichiga oladi. Taqdim etilgan manbalarga odatda dasturiy ta'minot, kitoblar, tasvirlar, texnik materiallar, musiqa, filmlar va televizor kiradi. Ushbu saytlarda odatda BBS, virtual jamoalar va boshqalar mavjud.
  3. Masofaviy interaktiv sayt. Masofaviy interaktiv veb-sayt masofaviy ta'lim va tibbiy diagnostika kabi interaktiv ilovalar xizmatlarini taqdim etadi.
  4. Ko'ngilochar o'yin sayti. Ko'ngilochar o'yinlar veb-sayti turli ko'ngilochar va o'yin xizmatlarini taqdim etishga ixtisoslashgan.

Veb-sahifani loyihalashda birinchi navbatda nimalarga e'tibor berish kerak

Sahifalarni loyihalashda sahifa dizaynerlari nafaqat joriy sahifaning pertseptiv ta'sirini, balki sahifaning tashqi interfeysining pertseptiv ta'sirini ham hisobga olishlari kerak. Keling, veb-sahifani loyihalashda e'tiborga olish kerak bo'lgan birinchi narsani ko'rib chiqaylik.

1. Hajmi:

Birinchisi, veb-sayt hajmi. Siz veb-dizayn hajmi bilan tanishishingiz kerak. Hajmi - o'lchamlari dizayn printsipi. Har bir kompyuterning o'lchamlari har xil bo'lgani uchun, o'lchamlari ham har xil. Misol uchun, hozirgi kompyuter ekranining o'lchami 980, 1038, 1280 Kutish, keyin saytning asosiy mazmunini rejalashtirish oldindan amalga oshirilishi kerak.

2. Rang:

Veb-sayt rangi odatda uchta rang tizimiga ega: asosiy rang, ikkinchi darajali rang va uchta kombinatsiya.Veb-sahifani yaratishdan oldin avval veb-sayt rangini aniqlab, ranglar kombinatsiyasini sozlashingiz kerak.

3. Qismlar:

Veb-sahifadagi yordamchi qismlar avval siz tomonidan tayyorlanishi kerak, masalan: tugmalar, piktogrammalar va boshqa seriyalar, foydalanilganda to'g'ridan-to'g'ri PS bo'lishi mumkin.Agar ular oldindan belgilanmagan bo'lsa, bu veb-saytning mos kelmasligiga olib keladi.

4. Texnologiya:

Dizaynerlarning texnik qobiliyatlari yo'q, hamma narsa qog'ozda, lekin veb-dizayner sifatida nafaqat PS, flash va boshqa dasturlarni bilish, balki siz o'rganishingiz kerak bo'lgan ko'nikmalardan biridir. Ba'zi veb-sahifalarni yaratish tamoyillari va oddiy kodlarni bilib oling.

5. Induksiya:

Sahifalar yaratishda sahifa dizaynerlari nafaqat joriy sahifaning idrok ta'sirini, balki sahifaning old qismining pertseptiv ta'sirini ham hisobga olishlari kerak, shunda frontend dizaynerlari sichqonchani bosishning pertseptiv ta'sirini bilishlari mumkin. Bundan tashqari, saytdagi bir xil turdagi sensorlar birlashtirilgan bo'lishi kerak.

6. Shriftlar:

Layout dizayni juda muhim va ayni paytda ijodkorlikning muhim ifodasidir. Qaysi sahifalarda qanday tarkib joylashtirilgan va sahifaning vizual effekti qanday. Odatda sahifaning mazmuni dizaynerning o'zi tomonidan muhokama qilinadi.

Ushbu maqolani o'qish:

O'qiganingiz uchun tashakkur: SEO HELPER | NICOLA.TOP

Bu post qanchalik foydali bo'ldi?

Baholash uchun yulduzcha ustiga bosing!

O'rtacha reyting 5 / 5. Ovozlar soni: 349

Hozircha ovoz yo'q! Ushbu xabarni birinchi bo'lib baholang.

Sizga ham yoqishi mumkin...

Fikr bildirish

Email manzilingiz chop etilmaydi. Majburiy bandlar * bilan belgilangan

o'n bir − o'n =