Laboratoriya ishi №5 “html tilida web sahifalar yaratish” Ishning maqsadi

LABORATORIYA ISHI № 5 “HTML TILIDA WEB SAHIFALAR YARATISH”

Ishning maqsadi:

Internet tarmogʻidagi WEB saxifalar yaratishda Dreamweaver dasturidan foydalanish. Dreamweaver muxitida yaratiladigan HTML –saxifalarning asosiy tuzilishi, unda rafik maʼlumotlar joylash, matn va jadvallar bilan ishlash.

Dreamweaver HTML soxifalarni yaratishni vizual amalga oshirish imkonini beruvchi dastur xisoblanib unda foydalanuvchi xosil qilinayotga saxifani koʻrinishini real xolatda nazorat qilib koʻrib borishi imkoniyati mavjud. Bunda saxifalarni taxrirlashda saxifa kodiga ortiqcha kodlarni aralashtirmasdan olib borish imkonini beradi. Shunday qilib siz bir vaqtning oʻzida saxifani yaratish va uni xosil boʻlayotga kodlarini koʻrish orqali HTML tilini oʻrgani borishingiz mumkin boʻladi. Dreamweaver dasturini yani bir qoʻlayligi unda xar bir kiritilgan kodni faylni saqlash bajaruilmaguncha kerakli paytda “Undo” orqali ortqa qaytari mumkin.

Dreamweaver ning asosiy imkoniyatlari

HTML saxifa xossalarini yaratish. Dreamweaver dasturining asosiy oynasi ras.1. da koʻrsatilgan. Dassturni birinchi bor ishga tushirishda turli koʻshimcha uskunalar panellari paydo boʻlishi mumkin, lekin oddiy ishlarni bajarishda rasimda koʻrsatilgan uskuna panellari yetarli xsoblanadi.

Ras.1. Dreamweaver dasturinig asosiy oynasi.
Dreamweaver ishga tushirishda avtomatik tarzda yangi xujjat yaratiladi. Agar siz oldindan tayorlangan faylni ochsangiz, yanigi xujat oynasi yoʻqoladi. Birnecha fayllarni birdaniga ochish imkoniyati mavjud,bun “Window” menyusi yoki (xar birini aloxida) buyuruqlar paneli orqali bajarish mumkin.
Buning uchun «Modify» menyusidan «Page Properties» boʻlimini tanlaymiz (Ras.2).

Ras.2. Saxifani asosiy xossalarini berish oynasi
Kuyidagicha muloqot oynasi paydo boʻladi (Ras.3).

Ras.3. Saxifani asosiy xossalarini kiritish
Agar Dreamweaverʻni (Edit / Preferences / Encoding) xossasida krilitsa oʻrnatilmagan boʻlsa, unda xar bir saxifa uchun Document Encoding oʻrnatish talab qilinadi.
«Title» oynasida xujjat uchun nom beriladi (nom brauzerning yuqori qismida koʻrinadi). Agar siz kodirovkalarni toʻgʻri oʻrnatsangiz kiril xariflari xatosiz ishlaydi. Agar kerak boʻlsa «Background Image» oynasida xujjatga orqa rasim oʻrnatish mumkin.
«Background», «Text», «Links», «Visited Links», «Active Links boʻlimilari yonidagi kvadratga kursor olib borilsa, kursor koʻrinishi pipetkaga oʻzgaradi. Agar unga bosilsa kuyidagi muloqot oynasi paydo boʻladi (ras.4).
Kursordan hozirgi vaqtda oʻrnatilgan rangning namunasi va uning oʻn oltilik kodi pastda koʻrsatiladi. Oʻngdagi uchta tugmalar: tomchilagich - bu palitrada rangni tanlang, uchirgich - brauzer tomonidan koʻrsatiladigan rangni. Tinch xolatda – “Default” (agar ushbu tanlov amalga oshirilsa, bu elementning rangiga nisbatan sahifa kodiga teglar qoʻshilmaydi), palitra tugmachasini bosish asosiy Windows palitrasi va boshqa “xavfli” ranglarni ochilishiga olib keladi.

Ras.4. HTML saxifa foni ranginpi koʻrsatish
Soʻngra saxifa chegaralarini kattaliklarini koʻrsatish mumkin. Agar siz bu imkoniyatdan foydalanmoqchi boʻlsangiz, unda «TopMargin» va «MarginHeight» kataklarida bir xil kattaliklarni koʻrsating, va yana «LeftMargin» va «MarginWidth» kataklarida xam (misol uchun, 0 va 0; 7 va 7), bu xar-xil bravuzerlarda toʻgʻri koʻrinish imkonini beradi. Turli brauzerlar saxifa chegarasini turlicha ifodalaydi (IE uchun TopMargin va LeftMargin)
Bu maydonlarni toʻldirga «Apply» tugmasiga bosiladi, nima paydo boʻlganini tekshirib koʻring, agar yoqmasa oʻzgartirib oli mumkin. Yana «OK» tugmasini bosish orqali asosiy oynaga qaytish mumkin.