Veb sahifamizni Matnini to‟ldirish
Bu darsda qilishimiz kerak bo‟lgan narsa jadvalimizning ichini asosiy
ma‟lumotlar bilan to‟ldirishdir. Dars so‟nggida bizning sahifamiz quyidagicha
ko‟rinishga ega bo‟lishi kerak bo‟ladi. Keyin biz CSS document yaratib HTML
bilan bog‟lab biriktiramiz shunda matnimiz yanayam ko‟rkamlashadi.
1→ Jadvalimizning eng yuqoridagi bo‟limiga (banner_graphic) ga ikki
marta sichqonchani bosing. Va images papkasidan banner_graphic rasmini
tanlang, va OK ni bosing. Jadval tashqarisiga sichqonchani bosish orqali
umumiy ko‟rinishini ko‟ring. Agar browserda ko‟rish niyatingiz bo‟lsa F12 ni
klaviaturadan bosing. Va shu yerda yana bir dokumentizni saqlang.
2→ Birinchi jadvalimizning yuqoridan uchunchi qatori ichiga kursorni
joylang. Menyu qismidagi Insert > Image dan body_main_header.gif faylini
tanlang va OK ni bosing. Ushbu holat quyida ko‟rsatilingandir.
3→ Quyidagi ushbu oynachaga e‟tibor bermagan holda shunchaki OK ni
bosing.
4→ Uchunchi jadvalimizning qatori ichiga kursorni joylang. Menyu
qismidagi Insert > Image dan body_main_footer.gif faylini tanlang va OK ni
bosing. Keyingi chiqqan oynaga ham OK ni bosing. Siz shuningdek Files
bo‟limidan rasmni sichqoncha yordamida ushlab katak ichiga olib kelib tashlash
yordamida ham rasmlarni joylashingiz mumkindir. Ushbu holat quyida
ko‟rsatilingandir.
5→ Dokumentingizni shu yerda yana bir saqlab oling. Veb sahifangiz
umumiy ko‟rinishi quyidagichadir.
6→ Uch-ustunlik jadvalimizning ikkinchi ustuniga kursorni joylagan holda
Assets Bo‟limidan rasm joylash uslubini ham bir ko‟rib o‟tamiz. Buning uchun
avval katak ichidagi ma‟lumotni vertikal joylashuvini yuqoridan va gorizontal
joylashuvini esa markazdan qilib belgilaymiz. Uning uchun kursor katak ichida
turgani holda Properties bo‟limidan ushbu ko‟rsatkichlarni tanlaymiz.
So‟ngra quyidagi ko‟rsatilingan rasmni sichqoncha yordamida ushlagan
holda shu katakga joylab, chiqib kelgan oynachaga OK ni bosamiz.
Sizning sahifangiz ushbu ko‟rinishga ega bo‟lishi kerak.
7→ Endigi navbat Flash faylgadir. Flash fayllar odatda vebsaytlarda juda
keng qo‟llaniladi, ular rasmlarni o‟zi navbatma navbat almashinib turishini
ta‟minlaydi, bunday flash fayllar tayyorlash Dreamweaverda mumkin emas,
mahsus dasturlarda tuziladi, biroq biz hozircha tayyor yasalganini olib
joylaymiz, broq vaqti kelib bularni ham o‟rganamiz. Buning uchun birinchi
jadvalimizning ikkinchi qatorini tanlaymiz va kursorni joylaymiz. Insert >
Media > Flash yordamida flash faylni tanlaymiz.
U fayl quyida ko‟rsatilgani kabi bo‟ladi va OK ni bosing, keying chiqgan
oynachaga OK ni bosing.
8→ Sizda quyidagicha ko‟rinish paydo bo‟ldi.
Biroq flash faylini ko‟rish uchun uni sichqoncha bilan jadval ichida
yuqorida ko‟rsatilingan holda tanlab Properties bo‟limidan
ni
bosishingizga to‟g‟ri keladi. Va quyidagi natijani olasiz.
9→Endi quyidagi rasmni chap tarafiga kursorni joylashtiring.
11→ Va Insert > Media > Flash Video ga kiring.
12→ Ushbu oyna huddi ko‟rsatilingani kabi to‟ldirilsin. Va OK
a.
Video type: Progressive Download Video
b.
URL: café_townsend_home.flv
c.
Skin: Halo Skin 2
d.
Width: 180
e.
Height 135
Constrain: eni va bo‟yi o‟lchamining nisbatini belgilash uchun
Auto Play: web sahifa ochilganda o‟zi ishga tushsinmi yoki vebsayt
foydalanuvchisi o‟zi play ni bosgandami degan tushunchani belgilash uchun.Auto
rewind: video flash tugaganda yana boshiga qaytarish uchun.
Endi vebsahifamizga text kiritishni boshlaymiz.
1→ Files panelida sample_text.txt dokumntimi sichqonchni ikki marta
bosish orqali Dreamweaverda oching.
2→ Matnni qora qilib ko‟chirgan holda uch-ustunlik jadvalimizning
uchunchi ustuniga joylang. Va shu yerda yana bir bor dokumentingizni saqlab
qo‟ying.
3→ Joylangan matnni, vertikal joylashuvini kursorni matn ichida turgani
holida Properties bo‟limidan Vertikal ni Top qilib oling. Horizontal bo‟limiga
tegman. Endi F12 yoki boshqa yo‟l bilan Internet Explorer da website
ko‟rinishida ochib ko‟ring.
CSS dokumentini HTML dokumentga bog‟lash
So‟ngida siz yaratgan vebsite ushbu ko‟rinishda bo‟lishi
kerak.
Bu autoplayning yaratish jarayoni. Bunda yangi loyiha yaratishimiz mumkin
yoki yaratilgan loyihani chaqirib olishimiz mumkin.
Bu bizning birinchi varaqimiz bo`ladi. Shunga o`xshagan bir nechta
varaqlar yaratamiz.
Bu vedio qo`yish jarayoni
Bu autoplayda yaratilgan loyihanining ko`rinishi
|