Guliston davlat universiteti pedagogika fakulteti pedagogika va psixologiya yo’nalishi 53-19-guruh labaratoriya mashg’uloti topshirdi: Rustamova z tekshirdi: Bahodirov m guliston-2021 Mavzu

O’ZBEKISTON RESPUBLIKASI OLIY VA O’RTA MAXSUS TA’LIM VAZIRLIGI
GULISTON DAVLAT UNIVERSITETI PEDAGOGIKA FAKULTETI PEDAGOGIKA VA PSIXOLOGIYA YO’NALISHI 53-19-GURUH
LABARATORIYA MASHG’ULOTI

Topshirdi:Rustamova Z
Tekshirdi:Bahodirov M
Guliston-2021


Mavzu: Dreamweaver dasturi yordamida web-sahifa yaratish.
Topshiriqlar


1. Dreamweaver dasturi imkoniyatlari haqida nimalarni bilasiz?
2. Dreamweaver dasturi menyular satrini bo’limlarini tavsiflang
3. Dreamweaver dasturida Fon rangi ni tahrirlash va matn bilan ishlash ketma ketligini yozing.
4. Dreamweaver dasturida rasm joylashtirish va tahrirlash ketma ketligini yozing.
5. Dreamweaver dasturida jadval va jadvallarni joylashtirish va birlashtirish parametrlarini ketma ketligini izohlang.
6. Dreamweaver dasturida sahifadan sahifaga gipermurojatlardan foydalaning.
Dreamweaver 3 va Fireworks 3 * yordamida veb-sahifalar yaratish.
Jit dasturiy ta'minotining yangi to'plami arziydi: Dreamweaver 3 va Fireworks 3 dunyodagi eng kuchli veb-dizayn vositalaridan biri. Va bu haykal sizga ulardan qanday foydalanishni o'rganishingizga yordam beradi.
Macromedia Dreamweaver o'zining eng so'nggi mujassamlashuvida o'zining barcha raqiblaridan ko'ra ko'proq professional vositalar va xususiyatlarni o'z ichiga oladi va shu bilan birga nihoyatda sozlanishi mumkin. Ammo, uning afzalliklaridan to'liq foydalanish uchun texnik daho bo'lishingiz shart emas. Ushbu yangiliklarning aksariyati ishni engillashtirish va samaraliroq qilish uchun ishlab chiqilgan bo'lib, avvalgi nashrlarda taqdim etilgan mukammal rivojlanish vositalariga asoslangan. HTML uslublari har qanday brauzerda ishlaydigan sahifalar uchun CSS-ga o'xshash formatlarni belgilashga imkon beradi va Fireworks 3 bilan qattiq integratsiya grafik elementlarni yaratishni juda osonlashtiradi.




Macromedia Dreamweaver 8 - bu veb sahifa yaratish uchun eng qulay dastur hisoblanadi.
Bu dastur yordamida siz nimalarni amalga oshira olishingiz mumkin.
1. Bu dastur avvalo sizga HTML kodlarini o‟zi kiritadi ya‟ni siz kod kiritib o‟tirishingizning hojati yo‟q. Masalan. Biz HTML darslarini o‟rganganda Windows ning Bloknotidan foydalangan edik va vebsahifaga rasm joylashtirish uchun qilib eng kamida kiritishimiz shart edi, endi esa shunchaki menyu qatoridan Insert > Image ga kirib kerakli rasmni tanlasak bas o‟zi biz uchun bu kodlarni avtomatik tarzda kiritib boradi.
2. Bu dasturni siz nafaqat HTML yoki CSS lar uchun balki boshqa bir talay vebsayt uchun ishlov beriladigan dasturlar, ya‟ni ColdFusion, PHP, ASP VBScript, ASP.NET, C#, JavaScript, XML, XSLT, kabilar uchun ham foydalanishingiz mumkindir.
3. Siz shuningdek bu dastur yordamida Internetdagi vebsaytingizni nazorat qilishingiz mumkindir. Ya‟ni siz HTML dokumentizga har qanday o‟zgarishni
kiritsangiz va “put file” qilsangiz sizni kiritgan o‟zgartmangiz Internetdagi vebsaytingizda ham o‘zgaradi.
4. Hullas siz vebsaytingiz uchun hamma-hamma nasani shu dastur yordamida bajarasiz. Aksariyat professional web masterlar shu dasturdan foydalanishadi, albatta bunga o‟xshash boshqa web page editor programmalari ko‟p masalan: Microsoft FrontPage, Adobe Pagemill, Adobe GoLive, NetObjects Fusion, CutePage, HotDog Proffesional, Netscape Composer va Arachnophilia, biroq Kompyuter Tehnalogiyalariga ihtisoslashgan chet el unversitetlarida ham birinchi o‟rinda Macromedia Dreamweaver o‟qitiladi. Bu dasturni o‟rganishning eng oson yo‟li bu biror vebsayt yaratib o‟rganishdir. Biroq avvalo bu dastuning interfeysi bilan tanishib chiqsak. Quyida siz bu dasturning umumiy ko‟rinishini ko‟rib turibsiz. Dreamweaver 8 ning asosiy ko‟rinish quyidagichadir. Asosiy oyna uchga bo‟lingan va o‟ng tarafda yordamchi panel joylashgan. Yuqorida HTML kodlar joylashgan, Markazda vebsahifa uchun ishlov berish joyi, va quyida Properties joylashgan. Siz asosan Markaziy va Quyi qismlardan foydalanasiz, shuning uchun ushbu


tugmalardan Design bo‟limini tanlasangiz ham bo‟ladi. Code bo‟limi faqat HTML kod uchun, Split esa ikkalasi hamdir.1.2 Macromedia Dreamweaver 8 dasturida formalar haqida....Hammamiz bir on bir for ma tur iga intern etda ko'p d uch kelgan miz, hech bo'lmasa email ochganda bir talay o'zimiz h a qimizd a ma 'lu motlarni mahsu s katakch alarga to'ldirib chiqqan miz. Bu galgi dar simiz an a shunday for malarni Web sahifan gizda yaratish va unga tashrif bu yuru vchilarnin g to 'ldirib sizga ma 'lu motlarni aftomatik tarzda yubor ishini o'r ganamiz. For ma yaratish uchun tagin i ishlatishimizga to'g 'r i keadi. ochilish, esa for mamizni yopish demakdir. Bu tagning mahsus attributelari bor. Shu yerd a bir maslah atim, for mlarni web sahifangizda juda ko 'p ishlatishingiz web sahifa foyd alanu vchisiga yoq masigi mu mkin shunning uchun kamroq ishlatin g.

Ushbu to'qqiz sahifali o'quv qo'llanmalari sizni Dreamweaver 3 va Fireworks 3 bilan ishlash usullari bilan tanishtirib, ushbu o'yinda etakchilik qilishingizga yordam beradi. Shuning uchun ikkilanmasdan sahifani burang ...

1-bosqich: Sahifani yarating

2-bosqich: Tarix palitrasi
3-bosqich: Xaritalarni bog'lanish
4-bosqich: HTML kodini sozlash
5-bosqich: Fireworks va ob'ektlar
6-bosqich: optimallashtirish va shablonlar
7-bosqich: Xronologiya bilan animatsiya