|
Orzu-xayollar - WYSIWYG printsipida ishlaydigan vizual veb-tahrirlovchilarning odatiy vakili (ko'rgan narsangiz, siz nima ko'rganingiz, keyin olasiz »). Bunday holda, foydalanuvchi matnni shakllantiradi va darhol o'z ishlarining natijalarini muharrir oynasida ko'radi.
Bundan tashqari, yuksallanmagan veb-muharrirlar (ular HTML muharrirlari) boshqa printsipga asoslangan. USMM kodini o'zi taqdim etishda, foydalanuvchiga turli xil qo'shimcha funktsiyalar, ularning parametrlarining qulay vazifasi, ularning parametrlarining qulay vazifasi, oldindan belgilangan shablonlar, shu ma'noda ular a kabi ko'rinadi daftar, ammo sezilarli darajada rivojlangan.
Bu erda deyarli barcha jiddiy veb-muharrirlar to'g'ridan-to'g'ri HTML kodining o'zi (i.e., aslida gibrid veb-muharrirlar) deyishingiz kerak. Shuning uchun, endi deyarli har doim "vizual veb-muharrir" aytganda, gibrid dasturlarni anglatadi. Albatta, ularning soni tegishli Orzu-xayollarYaqinroq tanishish biz uchun vaqt keldi.
A gar biz bir vaqtning o'zida ikkita yoki undan ortiq oynani ko'rinadigan qilib saqlashimiz zarur bo'lsa, menyu oynalaridan foydalanishga arziydi "Oyna - kaskad, gorizontal ravishda plitka yoki vertikal plitka". Ulardan birinchisi barcha ochilgan hujjat oynalarini asosiy oynadagi "stekka" "qo'yadi", shunda biz ularning sarlavhalarini va tarkibining bir qismini ko'rishimiz mumkin. Ikkinchi va uchinchi nuqtalar hujjat oynalaridan asosiy oynada "mozaika" joylashgan bo'lib, ular bir-birining ustiga chiqmasligi uchun. Bundan tashqari, ikkinchi nuqta "mozaikani" gorizontal ravishda, uchinchisi esa vertikal ravishda yotqizadi.
Maxsus formatlangan jadval yordamida bir nechta matn parchalarini va grafik rasmni kerakli darajada joylashtirishimiz mumkin. Agar bizga biron bir narsa yoqmasa, biz ushbu jadvalni biroz o'zgartirib, butunlay boshqacha natija olishimiz mumkin.
Veb-dizaynerlar azaldan jadvallarni o'zlashtirib olishgan. Va xuddi ilgari ham hamma ajoyib narsalar singari oddiy g'oya osmonda suzib yurar edi. Ammo agar siz BARCHA matnni veb-sahifadagi katta formatlangan jadvalga qo'yib, uni butun veb-brauzer oynasida "cho'zsangiz" nima bo'ladi? Axir, biz deyarli boshqa sheriklarimiz kabi deyarli cheksiz imkoniyatlarga ega bo'lamiz. Biz kerakli joylarda boshlanadigan va to'xtaydigan yozuvlar, dipnotlar va yon panellarni va bir nechta "oqimlarni" yaratishga qodir bo'lamiz.
Bu erda biz jadvalli dizaynga, ya'ni jadvallar yordamida veb-sahifalarni yaratish usuliga yaqinlashamiz.
Jadval dizaynining asosiy printsipi allaqachon tavsiflangan. Barcha matnlar va barcha grafikalar jadvallar katakchalariga joylashtirilgan bo'lib, ular yordamida siz xohlagan narsani qilishingiz mumkin. Odatda, bu jadvallar (ularni jadvallar jadvallari deb ataymiz) ko'rinmas chegaralarga ega va chiziqlar fon plomba bilan juda nozik kataklar yordamida yaratiladi. Joylashtirish jadvallari juda murakkab, har xil formatlash va ko'p katakli birikmalardan foydalaniladi va deyarli har doim joylashtirilgan jadvallar.
Murakkab maketlarni o'z qo'li bilan yaratish veb-dizayndagi yakuniy hisoblanadi. Hatto tajribali veb-dizayner ham jadvallar asosida murakkab sahifalar yaratishga jur'at etolmaydi. Va buning hammasi HTML kodining ajoyib murakkabligi tufayli. Shuning uchun jadvallar asosida qurilgan veb-sahifalar kodida xatolarga duch kelish juda keng tarqalgan, chunki ular har doim ham veb-brauzer tomonidan namoyish etilishi mumkin emas. Darhaqiqat, ushbu ko'plab birlashtirilgan hujayralar va eng murakkab formatlashda siz juda chalkashib ketishingiz mumkin.
Andoza bu biron bir namunadir, barcha sahifalar uchun umumiy bo'lgan elementlarni o'z ichiga olgan veb-sahifaning "skeletlari": sayt nomi, ko'priklar to'plami, mualliflik huquqi to'g'risidagi ma'lumotlar, ehtimol belgilash jadvali va boshqalar. Ushbu elementlar ushbu shablon asosida yaratilgan barcha sahifalarda o'zgarishsiz qoladi. , shuning uchun ular o'zgarmas elementlar deb ataladi. Ha, lekin asosiy tarkib sahifaga qanday mos keladi?
Juda oddiy. Ayniqsa, buning uchun shablon yaratadi o'zgaruvchan maydonlar ... Ular ushbu shablondan yaratiladigan sahifaning noyob tarkibiga mo'ljallangan.
Hammasi oddiy: biz shablon asosida sahifa yaratamiz va uning asosiy tarkibini o'zgaruvchan maydonlarga kiritamiz. Dreamweaver-ning o'zgarmas elementlari bu holda tahrirlashimizga imkon bermaydi va bu haqli ravishda - ular o'zgarmasdir. Ammo bu muhim emas - biz har doim shablonni o'zi o'zgartira olamiz.
Masalan, sayt nomini tuzatishimiz kerak deylik. Bu shablonning bir qismi bo'lgani uchun biz shablonni ochamiz, tuzatamiz va saqlaymiz. Dreamweaver bizni shablonga kiritilgan o'zgarishlarni uning asosida yaratilgan barcha sahifalarga o'tkazishga darhol taklif qiladi. Va transferlar, shunchalik toza, bu o'zgaruvchan maydonlarning tarkibiga ta'sir qilmaydi! Aslida, u biz uchun saytning barcha veb-sahifalaridagi barcha takrorlanadigan elementlarni tuzatadi. Shablonlar kengaytirilgan maxsus fayllarda saqlanadi dwt, papkada ShablonlarDreamweaver o'zini saytning mahalliy nusxasining ildiz papkasida yaratadi. Saytda ishlatiladigan andozalar soni cheklanmagan, shunda biz bir sahifa sahifalarini bitta andozaga, boshqalarini esa boshqasiga asoslanib yaratishimiz mumkin. Va biz odatda o'zimizni bitta shablon bilan cheklashimiz mumkin, chunki aslida ko'pincha sodir bo'ladi.
Shablonni yaratishdan oldin veb-sayt yarating. Uni Dreamweaver-da ro'yxatdan o'tkazing.
Keling, hujjat yaratib, belgilashni amalga oshiramiz.
Kengligi 100%, 2 qator va 1 ustunli, 0 chegarasi bo'lgan jadval yarating.
Birinchi satrda fon (fon.gif) va balandligi 100 pikselni tashkil etamiz.
Keyin sahifamning sarlavhasida va birinchi satrda Mening saytim sarlavhasini yozing. Matn hajmini +7 ga, rangini sariq rangga qo'ying.
Ikkinchi satrda vertikal tekislashni Yuqoriga o'rnating.
100% kengligi, 1 qator va 3 ustunli yana bir jadval joylashtiring, 0 chegarasi.
Har bir katakchada vertikal tekislashni Yuqoriga o'rnating.
Birinchi ustunning kengligi 20%, ikkinchisi 60%, uchinchisi 20%.
Har bir ustunda, jadvalga muvofiq yana 2 qator x 1 ustun joylashtiring, uning 95% kengligi, jadvalning o'rtasiga to'g'ri keladi. Va shuningdek Top har bir katakchasida vertikal tekislash.
Keyin, mening misolimda bo'lgani kabi satrlarni matn bilan to'ldiring.
Navigatsiya ustunida kataklarning rangini birma-bir yashil rangga o'rnating.
Do'stlaringiz bilan baham: |
