Oddiy Internet foydalanuvchisi men sayt sahifalarini tushunish va o'qish uchun qulay bo'lishini xohlayman. Kamdan-kam hollarda kimdir ma'lumotlar tuzish qanday sodir bo'lishini biladi. Ushbu masala foydalanuvchi o'z ekranida ko'rsatiladigan tasvirni yaratadigan veb-dizaynerlar haqida xavotirda. Bu ish bo'yicha yordamchilar bu asos.
Freym maqsadi
Freymni tom ma'noda tushunishda - bu rasm, oynaning derazasi, chegara. Ushbu vosita yordamida siz ma'lumotni ko'rish osonroq bo'lishi uchun sayt sahifasini individual zonalarga ajratishingiz mumkin.
Maxsus teg \u003cfreym\u003e maqsadlaringizni hayotga hisoblash uchun imkoniyat beradi. Masalan, agar siz Sahifaning boshqa qismidan farqli o'larmasligi uchun sobit panel qo'shishingiz kerak bo'lsa, unda ramka vazifani osongina engish mumkin.
Bunday veb-dizayner vositasining asosiy maqsadi - bu bo'limdagi sayt sahifasini to'g'ri hisoblash va ajratishdir. Ammo minusingiz ham bor. Freymlardan foydalanish oqilona chegaralardan foydalanib, siz juda ko'p joy olishingiz mumkin va sayt kamroq qiziqarli va qulay bo'ladi.
Ishning printsiplari Frimmov
Freymlar nima yaratilgan va joriy etilganligini tushunishni osonlashtirish uchun ular jadval hujayralari sifatida tasvirlanishi mumkin. Har bir hujayraning tarkibi to'liq to'liq to'liq veb-sahifani anglatadi. Ushbu usulning xususiyati shundaki, ushbu sahifa alohida joylashtirilishi mumkin (boshqa server, katalog va boshqalar).
Tuzilishi har bir freyaning "to'ldirish" qaerdan joylashganligini aniq aniqlash uchun qurilishi kerak. Har birining manzilini aniq aniqlash uchun individual URL manzili belgilanadi.
ALGORITMni yoqish
Saytni qaysi yukni olib borishiga qarab, uning sahifalarini yaratish xususiyatlari va murakkablik darajasi ham ramka yaratish algoritmini o'zgartiradi.
Ushbu struktura qanday yaratilganligini batafsilroq aniqlash uchun standartlar ro'yxati mavjud:
- Avval siz qaysi holatda sahifaga ega bo'lishini aniqlashingiz kerak, qaysi o'lchamdagi ramkadan olinadi.
- Tarkibingizni qamrab oling.
- Ma'lum bir semantik yukni olib yuradigan teglar yordamida kodni ishlab chiqish. Ular ekranda qancha derazalar paydo bo'lishiga bog'liq, ularning foizi ularning har birini egallaydi va hokazo.
- Siz bo'sh freymlarni tarkib bilan to'ldirishingiz kerak.
Bu bosqichlarning qisqacha ta'rifi. Har bir daraja katta kodlar va teglar bilan birga, bu faqat veb-dizaynerni engish mumkin bo'lgan eng katta kodlar va teglar bilan birga keladi.
Teglar va atributlar - freymlarning muhim tarkibiy qismlari
Yorliqlar va atributlardan foydalanishsiz ramka tuzilishi mumkin emas. Bu erda ular ko'pincha jarayonda ko'pincha qo'llaniladi:
- Matn va freymlar tartibini ramkalash uchun teglar. Ularning yordami bilan ramkalar soni, hajmi va yo'nalishi haqida ma'lumotlarga mos keladi. Ularning ikkita xususiyatiga ega. Birinchisi sahifada raqam va satrlarning sonini va hajmini belgilash imkonini beradi. Shuningdek, piksellar va ekranning balandligi foizini ko'rsating. Ikkinchisi ustunlarni qurishda ishlatiladi.
- Tashqi ko'rinishni aniqlash uchun yaratilgan teg. Uning 6 ta atributasi bor.
Istisno holatlarda qo'llaniladigan maqsadli ramkalar mavjud. Buni quyidagilar bilan bog'lash mumkin:
- Ramka "bo'sh", bu hujjat yangi bo'sh derazada yuklanishi mumkin.
- "O'z-o'zini" vositasi hujjat havolani yoqilgan ramkaga joylashtirilishini ko'rsatadi.
- "TOR" ramka hujjatga ramkadan tashqarida boshqa oynada paydo bo'lishi mumkin.
Dasturiy tilga begona bo'lganlar uchun ramkalar tushunarsiz va kirish qiyin bo'lgan narsadir. Ammo veb-dizaynerlar uchun bunday vositasi jozibali Internet sahifalarni yaratishda asosiydir. Agar siz ushbu yordamchilarning ta'rifi va funktsiyalarini bekor qilsangiz, kadrlar tuzilmasi qurilishi endi bunday qiyin masalaga o'xshaydi.