1- dars. Mavzu: Masalalarni kompyuterda yechish bosqichlari Darsning texnologik xaritasi


Download 1.92 Mb.
bet6/6
Sana05.08.2020
Hajmi1.92 Mb.
#125513
1   2   3   4   5   6
Bog'liq
9-sinf

D)

4. Web sahifa yaratishda qaysi dasturdan foydalaniladi?

a) Word matn protsessori b) Bloknot matn muharriri

s) Leksikon matn muharriri d) Exceldan

5. Internet WWW xizmatidan foydalanish uchun qanday dastur yaratilgan ?

a) Web-brauzer b) Acess s) Excel d) Word

6. HTML da sarlavha qo`yish uchun ….. teglar ishlatiladi.

a) b) s) d) <h2> </p> <p>7. Web-sahifada abzaslarni belgilash uchun ….. juft tegi ishlatiladi.</p> <p>a) <br />b) < P > s) <h2> d) <TITLE> </p> <p>8. Matn davomini yangi satrga o`tkazish uchun …… tegidan foydalaniladi.</p> <p>a) < P > b) < I > s) <body> d) <br /> </p> <p>9. Shriftning yozuv shaklini belgilash uchun …..juft tegi …….parametri bilan birga qo`llaniladi.</p> <p>a) , SIZE b) <body>, COLOR s) , FACE </p> <p>d) , COLOR</p> <p>10. <b>, <i>, <u> teglarni fazifasini to`g`ri ketma –ketlikda joylashtirilganini toping? </p> <p>a) tagchiziqli, og`ma, qalin b) og`ma, qalin, tagchiziq</p> <p>s) qalin shrift, og`ma, tagchiziq d) qalin, tagchiziq, og`ma </p> <p>11. HTML tilida matnni web-sahifada turlicha joylashtirish uchun …. juftmas tegiga …..parametri qo`shish orqali amalga oshiriladi.</p> <p>a) <body>, GOLOR b) , SIZE s) , FACE d) <br />, ALIGN </p> <p>12. HTML da shrift o`lchamini belgilash uchun … juft tegi …. parametri bilan birga ishlatiladi.</p> <p>a) , SIZE b) , FACE s) , COLOR d) <body>, Text </p> <p>13. Shrift rangini tanlash uchun … .. tegi …....parametri bilan birga ishlatiladi.</p> <p>a) <body>, Bgcolor b) , SIZE s) <br />, ALIGN d) , COLOR </p> <p>14. Web –sahifadagi matn rangini o`zgartirish uchun …..juft tegi ……. parametri bilan birga qo`llaniladi.</p> <p>a) <body>, Bgcolor b) <body>, Text s) , COLOR d) , SIZE </p> <p>15. Bgcolor vazifasi?</p> <p>a) Web-sahifadagi matn rangini o`zgartirish b) Web-sahifadagi fon rangini o`zgartirish s) Shrift rangini tanlash d) Yozuv shaklini belgilash </p> <p>16. Web-sahifaga rasm joylashtirish uchun qaysi teg va parametr ishlatiladi?</p> <p>a) WIDTH b) HEIGHT s) <img>, SRC d) , FACE </p> <p>17. Web-sahifaga rasm joylashtirishda o`lchamlarini tanlash uchun (eni kengligi va bo`yi balandligi) qaysi parametrlardan foydalaniladi?</p> <p>a) WIDTH , HEIGHT b) ALIGN s) HSPACE, VSPACE d) GOLOR </p> <p>18. HSPACE va VSPACE parametrlarini vazifasi nima?</p> <p>a) Web-sahifaga rasm joylashtiradi b) Web-sahifada rasmning o`lchamini belgilaydi s) web-sahifaga nom berishda d) Web-sahifadagi rasm atrofida bo`sh joy qoldiradi </p> <p>19. Web-sahifada rang kodi qaysi belgi bilan boshlanadi?</p> <p>a) = b) “ ” s) $ d) # </p> <p>20. <br />nimani bildiradi?</p> <p>a) Web-sahifaga matn kiritishni b) Web-sahifaga rasm joylashtirishni </p> <p>s) Satrni sahifaning chap tomonidan joylashtirishni d) Satrni sahifaning o`ng tomonidan joylashtirishni </p> <br /> <br /><b>Uyga vazifa: O`tilgan mavzularni takrorlash.</b> <br /> <p>Sana :______________</p> <p>Sinf :_______________ <br /><b>58- dars. Mavzu: </b>Web-sahifaga ro'yxat joylashtirish <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="709" cellpadding="1" cellspacing="0"> <col width="129"> <col width="574"> <tr valign="top"> <td width="129" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="574" bgcolor="#ffffff"> <br />Web-sahifaga ro'yxat joylashtirish <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> </p> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="574" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga Web-sahifada ro’yxat loylashtirish haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga markerli yoki tartiblangan ro’yxat hosil qiluvchi teglardan foydalanish, ro’yxat elementi tegining vazifasi, TYPE parametrining qiymatlari, START parametric vazifasi ishlatilishi haqida bilim berish va qo’llash bo’yicha ko'nikmalar hosil qilish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarga yangi bilimlar egallashga hamda har qanday vaziyatda tartib intizomga rioya etishga o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="574" bgcolor="#ffffff"> <br /><ul> (tartiblanmagan ) yoki <ol> (nomerlangan ) juft teglaridan foydalanish asoslari. <li> (ro’yxat elementi) juftmas tegining vazifasi. TYPE parametrining (disk, circle, square) qiymatlari START parametri vazifasi va <br />hamda <br />teglarining ishlatilishi. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="574" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> <a href="/pasport-nomi-eng-namunali-elektron-resurslar.html">Elektron resurslar</a>, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />Kutiladigan <a href="/sql-select-bayonoti.html">natijalar </a><br /></td> <td width="574" bgcolor="#ffffff"> <br />O'quvchilar hamda <ul> (tartiblanmagan ) yoki <ol> (nomerlangan ) juft teglaridan foydalanish asoslari, <li> (ro’yxat elementi) juftmas tegining vazifasi, TYPE parametrining (disk, circle, square) qiymatlari START parametrining vazifasi va <br />hamda <br />teglarining ishlatilishi to’g’risida yangi bilim va ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="129" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="574" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /> <br /><b>Darsning <a href="/15-mavzu-tasodifiy-tanlashni-ozlashtirish.html">borishi va vaqt taqsimoti</a></b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi <a href="/otilgan-mavzuni-mustahkamlash-yangi-mavzu-bayoni-yangi-mavzuni.html">mavzuni mustahkamlash </a><br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Qanday grafik formatlarni bilasiz?</p> <p>2.BMP formatli rasmni JPEG va GIF formatiga PAINT dasturi </p> <p>yordamida o'tkazing.</p> <p>3.Web-sahifaga rasm joylashtirish qanday tashkil etiladi? </p> <p>4.<img> tegining qanday parametrlari bor?</p> <p>5.Rasmni web-sahifaning chap yoki o'ng tomonida joylashtirish </p> <p>qanday tashkil etiladi?</p> <br /><b>Yangi mavzu bayoni.</b> <br />MS Word matn protsessori yordamida tayyorlangan hujjatda ro'y- xat hosil qilishning 2 xil usuli bo'lib, biri markerli (;Etugmasi yor­damida) ikkinchisi tartiblangan ( := tugmasi yordamida) ro'yxatdir, masalan: <br /> <br /><center> <table width="641" cellpadding="0" cellspacing="0"> <col width="115"> <col width="123"> <col width="142"> <col width="136"> <col width="122"> <tr valign="top"> <td width="115" height="32" bgcolor="#ffffff"> <br />Markerli ro'yxat <br /></td> <td width="123" bgcolor="#ffffff"> <br />Markerli <p>ro'yxat <br /></td> <td width="142" bgcolor="#ffffff"> </p> <br />Markerli <p>ro'yxat <br /></td> <td width="136" bgcolor="#ffffff"> </p> <br />Tartiblanagan <p>ro'yxat <br /></td> <td width="122" bgcolor="#ffffff"> </p> <br />Tartiblanagan <p>ro'yxat <br /></td> </tr> <tr valign="top"> <td width="115" height="45" bgcolor="#ffffff"> </p> <br />•Informatika •Matematika •Tarix <br /></td> <td width="123" bgcolor="#ffffff"> <br />o Informatika <p>o <a href="/matematika-haqida-tushuncha-matematika-fanining-maqsadi-va-riv-v2.html">Matematika </a></p> <p>o Tarix <br /></td> <td width="142" bgcolor="#ffffff"> <br />♦ Informatika </p> <p>♦ Matematika ♦Tarix</p> <br /></td> <td width="136" bgcolor="#ffffff"> <br />1. Informatika <p>2. Matematika</p> <p>3. Tarix <br /></td> <td width="122" bgcolor="#ffffff"> <br />A. informatika </p> <p>B. Matematika</p> <p>C. Tarix <br /></td> </tr> </table> </center> </p> <p>Web-sahifaga ro'yxat kiritish uchun <ul> (unordered list - tartiblanmagan, ya'ni markerli ro'yxat) yoki <ol> (ordered list - tartiblangan ro'yxat) juft teglaridan foydalaniladi. Ko'rish mumkinki, HTML-hujjatda <ol> va <ul> teglaridan keyin joylashgan ma'lumotlar web-brauzer tomonidan o'ng tomonga ma'lum bir masofada chekinish bilan aks ettiriladi. Ro'yxat elementlarini belgilash uchun <li> (list item - ro'yxat elementi) juftmas tegi qo'llaniladi. <li> tegi bilan boshlangan ro'yxat elementi doimo yangi satrda aks etadi. Masalan, jadvaldagi birinchi ustunidagi markerli ro'yxatni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi:</p> <p>Tabiiy savol yuzaga keladi: qanday qilib marker ko'rinishini o'zgartirish mumkin? </p> <p>Markerli ro'yxatni belgilovchi <ul> tegi TYPE parametri bilan yozilishi mumkin. Bu parametr disk (doira), circle (aylana), square (bo'yalgan kvadrat) qiymatli bo'lishi mumkin, masalan <ul type = squarex agar <ul> tegi yuqoridagi kabi parametrsiz yozilsa web- brauzer ro'yxat markerini disk qiymatli deb hisoblaydi. Ro'yxat elementini ko'rsatuvchi <li> tegi ham TYPE parametri bilan yozilishi mumkin:</p> <p>Jadvaldagi tartiblangan ro'yxatni web-sahifada aks ettirish kerak bo'lsa, HTML-hujjat lavhasi va web-brauzerda ko'rinishi quyidagicha bo'ladi: </p> <p>Agar ro'yxat tartib raqami 1 dan farqli sondan (masalan, 3 dan) boshlanishi kerak bo'lsa, <ol> tegi START parametri bilan birga ishlatiladi. Masalan: <ol start = 3>. Agar ro'yxat lotin harflari yoki rim raqamlari orqali tartiblanishi lozim bo'lsa, u holda <ol> tegi TYPE parametri bilan birga ishlatiladi. Huddi shunday <li> tegi ham TYPE va VALUE parametrlari bilan birga ishlatilishi mumkin.</p> <p>Quyidagi misol web-sahifada turli ko'rinishdagi tartiblangan ro'yxat qanday joylashtirilishini yaqqol ifodalab beradi: </p> <p>Ba'zan web-sahifalar go'zal va maftunkor bo'lishi uchun markerli ro'yxatda marker sifatida grafik tasvirlardan foydalanilganini ko'rish mumkin. Lekin, web-sahifada grafik elementlarni borligi uzatilayotgan ma'lumot hajmini oshirib yuboradi. Rasmli ro'yxatni tashkil etishda <li> tegining zaruriyati bo'lmaydi. Rasmli ro'yxat elementlarini bir- biridan ajratish uchun </p> <br />yoki <br />teglaridan foydalanish mumkin. Grafik markerli ro'yxat qanday hosil qilinishini quyidagi misolda ko'rish mumkin: <p>Eslatib o'tamiz, bu yerda «Barglar.gif>> grafik fayl bo'lib, u shu web-sahifa saqlanayotgan katalogda joylashgan.</p> <p>Internet tarmog'ida juda ko'p o'rgatuvchi web-saytlar joylash- tirilgan bo'lib, ular yordamida biror fanni, fan qismini yoki dasturiy vositalardan foydalanishni o'rganish mumkin. Ma'lumki, biror fan yoki dasturiy vosita zaruriy atama va tushunchalarni o'z ichiga oladi. Bu atama va tushunchalarni web-sahifada ta'riflash uchun <DL> (definition list — ta'riflash ro'yxati) juft tegi ishlatiladi. Bu juft teg ichida <DT> (definition term — atamani ta'riflash) va <DD> (definition description — ta'riflash bayoni) juftmas teglari ishlatiladi. Quyidagi misol orqali bu teglarni vazifasini tushunib olish oson: </p> <p>Shunday hollar ham uchraydiki, ro'yxatning ba'zi elementiga ro'yxat qo'shish kerak bo'ladi. Bu holda ichma-ich joylashgan, ya'ni tabaqalashgan ro'yxat hosil qilinadi. Quyidagi misolda sizga ma'lum bo'lgan teglar yordamida tabaqalashgan ro'yxat hosil qilish ko'rsatilgan:</p> <p>Bunday ro'yxatlarni tashkil etish murakkab emas, lekin teglarni tartibli yozishga ko'p e'tiborni qaratish lozim bo'ladi. <br /> <br /><b>Yangi mavzuni mustaxkamlash.</b> </p> <p>Mashqlar <br /></p> <br />1.Rim raqamlari ishtirok etgan ro'yxat hosil qiling. <p>2.Tartibi 9 dan boshlanadigan ro'yxat hosil qiling.</p> <p>3.Tabaqalashgan ro'yxat hosil qiling va izohlang. <br /> <br /><b>Uyga vazifa: Mavzuni o`qib o`rganish. Savol va topshiriqlarga tayyorlanish.</b> <br /> </p> <p>Sana :______________</p> <p>Sinf :_______________ <br /><b>59- dars. Mavzu: </b>Web-sahifaga jadval joylashtirish <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="693" cellpadding="1" cellspacing="0"> <col width="121"> <col width="566"> <tr valign="top"> <td width="121" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="566" bgcolor="#ffffff"> <br />Web-sahifaga jadval joylashtirish <br /></td> </tr> <tr valign="top"> <td width="121" height="20" bgcolor="#ffffff"> </p> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="566" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga web –sahifada jadval joylashtirish haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga <table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining <a href="/c--builder-dasturida-daftarcha-dasturini-yaratish-formaga.html">ALIGN va VALIGN parametrlari</a>, CELLSPACING va CELLPADDING parametrlarining vazifalari hamda COLSPAN va ROWSPAN parametrlarining ishlatilishi haqida bilim berish va ko'nikma hosil qilish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarga yangi bilimlar egallashga hamda har qanday vaziyatda tartib intizomga rioya etishga o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish.. <br /></td> </tr> <tr valign="top"> <td width="121" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="566" bgcolor="#ffffff"> <br /><table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining ALIGN va VALIGN parametrlari, CELLSPACING va CELLPADDING parametrlarining vazifalari. COLSPAN va ROWSPAN parametrlarining ishlatilishi <br /></td> </tr> <tr valign="top"> <td width="121" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="566" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="121" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="566" bgcolor="#ffffff"> <br />O'quvchilar <table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining ALIGN va VALIGN parametrlari, CELLSPACING va CELLPADDING parametrlarining vazifalari hamda COLSPAN va ROWSPAN parametrlarining ishlatilishi haqidagi bilim va ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="121" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="566" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.MS Wordda qanday ro'yxat turlari bor?</p> <p>2.Web-sahifada necha xil ro'yxat ishlatish mumkin? Misollar keltiring. </p> <p>3.Tartib raqamli ro 'yxat qanday tashkil qilinadi? Misollar keltiring.</p> <p>4.Markerli ro'yxat qanday tashkil qilinadi? Misollar keltiring. </p> <p>5.Grafik tasvirli ro'yxatni tashkil etish jarayonini izohlab bering.</p> <p>6.Grafik markerli ro'yxat qanday tashkil etiladi? </p> <p>7.Ta'riflar ro'yxati haqida so'zlab bering.</p> <br /> <br /><b>Yangi mavzu bayoni.</b> <br />Web-sahifaga jadval kiritish uchun <table> (table — jadval), <tr> (table row — jadval satri), <TH> (table header — jadvaldagi sarlavha) va <td> (table data — jadval ma'lumotlari) juft teglari qo'llaniladi. <table> tegi jadval boshlanishini, </TAJBLE> tegi esa jadval oxirini, <tr> juft tegi jadval satrini va <td> juft tegi esa jadval ustunini belgilaydi. <TH> juft tegi sarlavhali katakchalarni bildirib, bu katakchalardagi ma'lumotlar web-sahifada qalin shrift bilan katakcha o'rtasida tekislangan holda (ya'ni, ALIGN=Center va VALIGN=Middle, bu yerda V — vertikal yo'nalishni bildiradi) aks etadi. <TH> tegi <tr> tegisiz ishlatilmaydi. Agar web-sahifada jadvalning chegara chiziqlari ham aks etishi lozim bo'lsa, u holda BORDER parametri qo'llaniladi. BORDER parametrining qiymatlari piksellarda o'lchanadi va faqat jadval ramkasining tashqi chiziqlarining qalinligiga o'ziga xos ta'sir etadi. <p>Jadval satrlardan tashkil topadi. O'z navbatida har bir satr ustunlarga bo'linadi. <tr> va <td> teglari mos ravishda </tr> va </td> teglari bilan yopiladi. Masalan,</p> <br /> <br /><center> <table width="472" cellpadding="0" cellspacing="0"> <col width="135"> <col width="175"> <col width="159"> <tr valign="top"> <td width="135" height="23" bgcolor="#ffffff"> <br />Oy nomi <br /></td> <td width="175" bgcolor="#ffffff"> <br />Fasl <br /></td> <td width="159" bgcolor="#ffffff"> <br />Oy tartibi <br /></td> </tr> <tr valign="top"> <td width="135" height="22" bgcolor="#ffffff"> <br />Yanvar <br /></td> <td width="175" bgcolor="#ffffff"> <br />Qishning 2-oyi <br /></td> <td width="159" bgcolor="#ffffff"> <br />Yilning birinchi oyi <br /></td> </tr> <tr valign="top"> <td width="135" height="22" bgcolor="#ffffff"> <br />Dekabr <br /></td> <td width="175" bgcolor="#ffffff"> <br />Qishning 1-oyi <br /></td> <td width="159" bgcolor="#ffffff"> <br />Yilning oxirgi oyi <br /></td> </tr> </table> </center> <p>jadvalni ifodalovchi HTML-hujjat lavhasi quyidagicha yoziladi:</p> <br /> <br /><table> <br /> <br /><table border> <br /> <br /><tr> <TH> Oy nomi </TH><TH> Fasl </TH><TH> Oy tartibi <br /> <br /></TH><tr> <br /> <br /><tr> <td>Yanvar</td> <td> Qishning 2-oyi</td><td> Yilning birinchi oyi</td> </tr> <br /> <br /><tr> <td>Dekabr</td><td>Qishning l-oyi</td><td> Yilning oxirgi oyi</td> </tr> </table> <p>Jadvalning chegara chiziqlarisiz va chegara chiziqlari bilan aks ettiruvchi HTML-hujjat va unga mos web-sahifada jadvalning joylashishini quyidagi misolda ko'rish mumkin:</p> <p>Web-sahifada aks ettirilayotgan jadvalga sarlavha berish lozim bo'lsa <CAPTION> (sarlavha) juft tegi ishlatilib, u birinchi <tr> tegidan oldin yozilishi shart. Bu tegning ALIGN va VALIGN parametrlari bo'lib, parametr qiymatlari qanday ishlatilishi mumkinligi quyidagi jadvalda keltirilgan: <br /><center> <table width="674" cellpadding="0" cellspacing="0"> <col width="114"> <col width="104"> <col width="455"> <tr valign="top"> <td width="114" height="23" bgcolor="#ffffff"> <br />ALIGN <br /></td> <td width="104" bgcolor="#ffffff"> <br />VALIGN <br /></td> <td width="455" bgcolor="#ffffff"> <br />Izoh <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />TOP <br /></td> <td width="104" bgcolor="#ffffff"> <br />yozilmaydi <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadvaldan tepasida jadvalning o'rtasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />BOTTOM <br /></td> <td width="104" bgcolor="#ffffff"> <br />yozilmaydi <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadvaldan tagida jadvalning o'rtasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />LEFT <br /></td> <td width="104" bgcolor="#ffffff"> <br />TOP <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tepasida jadvalning chap chegarasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />LEFT <br /></td> <td width="104" bgcolor="#ffffff"> <br />BOTTOM <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tagida jadvalning chap chegarasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />CENTER <br /></td> <td width="104" bgcolor="#ffffff"> <br />TOP <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tepasida jadvalning o'rtasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />CENTER <br /></td> <td width="104" bgcolor="#ffffff"> <br />BOTTOM <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tagida jadvalning o'rtasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />RIGHT <br /></td> <td width="104" bgcolor="#ffffff"> <br />TOP <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tepasida jadvalning o'ng chegarasiga mos tekislanadi <br /></td> </tr> <tr valign="top"> <td width="114" height="35" bgcolor="#ffffff"> <br />RIGHT <br /></td> <td width="104" bgcolor="#ffffff"> <br />BOTTOM <br /></td> <td width="455" bgcolor="#ffffff"> <br />Sarlavha jadval tagida jadvalning o'ng chegarasiga mos tekislanadi <br /></td> </tr> </table> </center> </p> <p>Quyidagi misolda ALIGN va VALIGN parametrlarini ishlatilishini ko'rish mumkin:</p> <p>Jadvalning ichki chiziqlari qalinligini (ikkita katakchani ajratuvchi parallel chiqlar orasidagi masofani) CELLSPACING parametri bilan (masalan, CELLSPACING =5) piksellarda tanlash mumkin. Katakchaga kiritilgan ma'lumotlar bilan katakcha orasidagi masofa esa CELLPADDING parametri bilan (masalan, CELLPAJDDING=9) piksellarda aniqlanadi. </p> <p>Avvalroq, web-sahifaga rasm joylashtirganda uning atrofiga matnning joylashishi haqida ma'lumot bergan edik. Xuddi shunday, jadvalning ham atrofiga matn joylashtirish imkoni bo'lib, matn jadvalning faqat chap yoki o'ng tomoniga joylashtirlishi mumkin. Buning uchun <table> tegi ALIGN parametri bilan birga ishlatiladi, masalan: <table align=left>. Agar jadval web-sahifaning chap tomoniga tekislansa, matn jadvalning o'ng tomonida aks etadi va aksincha.</p> <p>Shuni ta'kidlash joizki, katakcha ichidagi ma'lumotlarni formatlash uchun sarlavha, matn va rasmlarni formatlash uchun ishlatilgan barcha teglardan foydalanish mumkin. Jadval, satr va katakchalar chegara chiziqlarining rangini o'zgartirish BORDERCOLOR parametri orqali amalga oshiriladi. </p> <p>Yuqorida keltirilgan ma'lumotlar asosida quyidagi HTML-hujjat va web-sahifani hosil qilish mumkin:</p> <p>MS Word dasturida hujjatga joylashtirilgan jadvalning kataklarini birlashtirish yoki katakchani yana katakchalarga bo'lish <a href="/siz-bilishingiz-kerak-bolgan-onta-kiber-firibgarlik-kriptovaly.html">mumkin edi</a>, masalan: </p> <p>HTML tili ham shunday imkoniyat beradi. Buning uchun <TH> yoki <td> teglari COLSPAN (column spanning — ustunni birlash­tirish) va ROWSPAN (row spanning — satrni birlashtirish) parametrlari bilan birga ishlatiladi. Mantiqan qaraganda bo'lingan katakchali jadvalni hosil qilish uchun katakchani bo'lish o'rniga boshqa katak- chalarni birlashtirish orqali erishish mumkin. Yuqoridagi jadvalning HTML-hujjati quyidagichadir:</p> <br /><b>Yangi mavzuni mustaxkamlash.</b> <p> Mashqlar</p> <p>1.Jadvalga oid teglar va ularni ta'riflash ustunli web-sahifasini hosil qiling. </p> <p>2.«Bizning sinf» nomli web-sahifaga jadval joylashtiring.</p> <br /><b>Uyga vazifa: Mavzuni o`qib o`rganish. 3- mashqni bajarish.</b> <p>3.«Mening oilam» nomli web-sahifangizdagi oila azolaringiz haqidagi ma'lumotlarni jadval ko'rinishida ifodalang.</p> <br /> <p>Sana :______________</p> <p>Sinf :_______________ <br /><b>60- dars. Mavzu: </b>Web-sahifaga ro'yxat va jadval joylashtirish mavzusini takrorlash <br /><b>Darsning texnologik xaritasi</b> <br /> <br /><center> <table width="657" cellpadding="1" cellspacing="0"> <col width="103"> <col width="548"> <tr valign="top"> <td width="103" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="548" bgcolor="#ffffff"> <br />Web-sahifaga ro'yxat va jadval joylashtirish mavzusini takrorlash <br /></td> </tr> <tr valign="top"> <td width="103" height="20" bgcolor="#ffffff"> </p> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="548" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga web –sahifada jadval joylashtirish haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga <table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining ALIGN va VALIGN parametrlari, CELLSPACING va CELLPADDING parametrlarining vazifalari hamda COLSPAN va ROWSPAN parametrlarining ishlatilishi haqida bilim berish va ko'nikma hosil qilish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarga yangi bilimlar egallashga hamda har qanday vaziyatda tartib intizomga rioya etishga o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish.. <br /></td> </tr> <tr valign="top"> <td width="103" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="548" bgcolor="#ffffff"> <br /><table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining ALIGN va VALIGN parametrlari, CELLSPACING va CELLPADDING parametrlarining vazifalari. COLSPAN va ROWSPAN parametrlarining ishlatilishi <br /></td> </tr> <tr valign="top"> <td width="103" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="548" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="103" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="548" bgcolor="#ffffff"> <br />O'quvchilar <table>, <tr>, <TH>, va <td> juft teglarining qo’llanilishi, <CAPTION> juft tegining ALIGN va VALIGN parametrlari, CELLSPACING va CELLPADDING parametrlarining vazifalari hamda COLSPAN va ROWSPAN parametrlarining ishlatilishi haqidagi bilim va ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="103" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="548" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Web-sahifada jadval qanday tashkil etiladi?</p> <p>2.Jadvalning chegara chiziqlarini qanday formatlash mumkin? </p> <p>3.Jadvaldagi sarlavha haqida ma'lumot bering.</p> <p>4.Jadval sarlavhasi haqida ma'lumot bering. </p> <p>5.Jadval bilan matn web-sahifada qanday joylashishi mumkin?</p> <p>6.Jadval ichidagi ma'lumotlarni formatlashga oid misol tuzing. </p> <p>7.Jadval chegara chiziqlarini formatlashga oid misol tuzing.</p> <br /> <br /><b>Yangi mavzu bayoni.</b> <br />1.Maktab bilan bog'liq markerli va tartiblangan ro'yxatni o'z ichiga olgan tabaqalashgan ro'yxat hosil qiling. <p>2.«Kompyuter qurilmalari» nomli web-sahifada qurilmalarni jadvalga markerli ro'yxat orqali joylashtiring.</p> <p>3.«Men sevgan adabiy qahramon» nomli web sahifa tayyorlang. Unda asar nomi sarlavha sifatida, asar muallifi va adabiy qahramon xislatlari jadval ko'rinishida ifodalansin. </p> <p>4.«Bizning sinf» nomli web-sahifaga 5 ta a'lochi sinfdoshingizning familiyasini sinf jurnalidagi tartib raqami bilan jadvalga joylashtiring.</p> <br /><b>Uyga vazifa: O`tilgan mavzularni takrorlash. 5-mashqni bajarish.</b> <p>5.«Men sevgan kasb» nomli web-sahifada kasbingiz bilan bog'liq sohalarni jadval ichidagi ro'yxat ko'rinishida hosil qiling</p> <p>Sana :______________ </p> <p>Sinf :_______________</p> <br /><b>61- dars. Mavzu: </b>Web-sahifada «o'tish» (gipermurojaat) <br /><b>Darsning texnologik xaritasi</b> <br /> <br /><center> <table width="693" cellpadding="1" cellspacing="0"> <col width="158"> <col width="529"> <tr valign="top"> <td width="158" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="529" bgcolor="#ffffff"> <br />Web-sahifada «o'tish» (gipermurojaat) <br /></td> </tr> <tr valign="top"> <td width="158" height="20" bgcolor="#ffffff"> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="529" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga web –sahifada gipermurojjat joylashtirish haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga <a>juft tegi hamda uning HREF parametri, NAME parametri , <img> tegining vazifasi, tarkibiy web-sahifalar haqidagi bilim berish va ularni qo’llash konikmasini hosil qilish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarga yangi bilimlar egallashga hamda yartuvchanlik va izlanuvchanlikka o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish.. <br /></td> </tr> <tr valign="top"> <td width="158" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="529" bgcolor="#ffffff"> <br /><a>juft tegi hamda uning HREF parametri qollanilishi, NAME parametrining vazifasi, <img> tegining vazifasi va ishlatilishi Tarkibiy web-sahifalar . <br /></td> </tr> <tr valign="top"> <td width="158" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="529" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="158" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="529" bgcolor="#ffffff"> <br />O'quvchilar yangi bilim va ko’nikmaga ega bo’ladi <a>juft tegi hamda uning HREF va NAME parametrlari bilan ishlashi , <img> tegining vazifasi hamda tarkibiy web-sahifalar haqidagi bilim va ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="158" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="529" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="520" cellpadding="1" cellspacing="0"> <col width="54"> <col width="326"> <col width="133"> <tr valign="top"> <td width="54" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="326" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="54" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="326" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="54" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="326" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="54" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="326" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="54" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="326" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="54" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="326" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Web-sahifada jadval qanday tashkil etiladi?</p> <p>2.Jadvalning chegara chiziqlarini qanday formatlash mumkin? </p> <p>3.Jadvaldagi sarlavha haqida ma'lumot bering.</p> <p>4.Jadval sarlavhasi haqida ma'lumot bering. </p> <p>5.Jadval bilan matn web-sahifada qanday joylashishi mumkin?</p> <p>6.Jadval ichidagi ma'lumotlarni formatlashga oid misol tuzing. </p> <p>7.Jadval chegara chiziqlarini formatlashga oid misol tuzing.</p> <br /><b>Yangi mavzu bayoni.</b> <p>Web-sahifadagi axborot bir nechta bo'limdan iborat bo'lishi mumkin. Bu bo'limlarga tez «o'tish» imkoniyati web-sahifani ko'rib chiqishni osonlashtiradi. Web-sahifada bunday o'tishlar gipermatnli aloqani tashkil etadi. Gipermatn texnologiyasi o'z vaqtida WWW xizmatining oz fiirsatda ommaviylashishiga sabab bo'lgan edi.</p> <p>Gipermurojaat, ya'ni hujjatning bir joyidan boshqa joyiga yoki bir hujjatdan boshqa hujjatga o'tish, <a> juft tegi yordamida amalga oshiriladi. Bu tegning HREF parametri bor bo'lib, uning qiymati o'tish joyi manzili (adresi) bo'ladi. Web-sahifaning mazkur teg yozilgan joyi o'tish nuqtasi deyiladi. <a> tegi parametri bilan umumiy holda quyidagicha yoziladi: </p> <p> matn , bu yerda «matn» — ixtiyoriy matn bo'lib, brauzer uni ekranda belgilab ko'rsatadi, «manzil» — o'tish kerak bo'lgan joy (bo'lim) manzili. Odatda, o'tish joyini aniqlovchi matn ekranga ko'k rangda va tagiga chizilgan ko'rinishda chiqadi. Manzil ham ixtiyoriy matn bo'lishi mumkin.</p> <p>Web-sahifaning o'tish kerak bo'lgan joyiga <a> tegining NAME parametri yordamida «manzil» kiritiladi. U o'tish nuqtasidagi «manzil» bilan bir xil bo'lishi kerak. Bu teg NAME parametri bilan birgalikda umumiy holda quyidagi ko'rinishda yoziladi: </p> <p> matn , bu yerda «matn» — ixtiyoriy matn bo'lib, odatda, «matn» sifatida web-sahifaning shu yeridan boshlangan bo'lim nomi yoziladi, dagi «manzil» dagi «manzil»dan ko'rib turganingizdek «#» belgisi bilan farq qiladi.</p> <p>Web-sahifada o'tish nuqtasi boshqa matnlardan «ajralib» turishi uchun, uni ro'yxat tarkibiga kiritish ham mumkin. Gipermurojaat web-sahifada o'tish nuqtasida berilgan matnga sichqoncha parametrini olib kelib, sichqonchaning chap tugmasini bosish orqali amalga oshiriladi. Bu holda o'tish nuqtasidagi matn rangi o'zgaradi (odatda, pushti rangda aks etadi). </p> <p>Keltirilgan misolda o'tish nuqtalari markerli ro'yxat tarkibiga kiritilgan. O'tish nuqtasi bilan o'tish joyi ekranda ko'rinib turgan bo'lsa, o'tish bajarilgani bilinmaydi.</p> <p>Gipermurojaat o'tish nuqtasidagi matn o'rniga yoki matn bilan birga rasm ham qo'yish mumkin. Buning uchun o'tish nuqtasidagi matn o'rniga <img> tegi ishlatiladi. Mazkur teg yordamida qo'yilgan rasmni brauzer avtomatik ravishda o'tish buyrug'i bilan bog'laydi. Endi web-sahifada «o'tish» uchun matndan ham, rasmdan ham foydalansa bo'ladi. Masalan, HTML-hu]jatga <br /> <br /><img src=<sup>,,</sup>mypie.jpg<sup>;</sup>> yozuvi kiritilsa, web-sahifada «mypic.jpg» rasm orqali «l-bob»ga o'tish mumkin bo'ladi. <br /> <br /><a> tegi yordamida nafaqat bitta web-sahifa ichida, balki bir web-sahifadan boshqa web-sahifalarga o'tishni ham amalga oshirish mumkin. Buning uchun mazkur tegdagi «manzil» sifatida Internet tizimidagi biror web-sahifa manzilini, ya'ni URL-manzilni yozish kifoya. Masalan, </p> <p> 4</sup>tish</p> <p>O'tishdagi «manzil» sifatida diskdagi web-sahifa faylining nomini yozsa ham bo'ladi va bu holda diskdagi web-sahifa ochiladi. Bu xususiyat tarkibiy web-sahifalar (web-saytlar) yaratish imkonini beradi. </p> <p>Tarkibiy web-sahifa — bir mavzuga bag'ishlangan, bir-biriga bog'liq va bir-biriga «o'tish» imkoni bo'lgan web-sahifalar majmui.</p> <p>Bitta mavzuni bo'laklarga bo'lib, har bir qism uchun alohida web-sahifa tayyorlash, ularning har birida bir-biriga o'tishni tashkil etish ortiqcha ishdek tuyilishi mumkin. Ammo buning quyidagi (asosiy) afzalliklari mavjud: </p> <p>•Web-sahifadagi axborot hajmi qancha kam bo'lsa, uni tahrir qilish shuncha oson bo'ladi;</p> <p>•Web-sahifadagi axborot hajmi qancha kam bo'lsa, uni o'qish (ko'rib chiqish) shuncha qulay; </p> <p>•Web-sahifa faylining hajmi qancha kichik bo'lsa, uni Internet tarmog'idan «olish» shuncha tez amalga oshiriladi.</p> <br /> <br /><a> tegi yordamida elektron pochtaga ham ma'lumot yuborishni tashkil etish mumkin. Buning uchun pochta adresidan awal mailto (pochtaga) so'zi yoziladi, masalan: <p>//</sup>mailto:axat_ar@mail.ruO<sup>//</sup>>Fikr va mulohazalaringizni yuboring.</p> <p>Bu gipermurojaat ko'rinishidan boshqalaridan farq qilmaydi. Agar sichqoncha ko'rsatkichi gipermurojaatga yo'naltirilsa, holat satrida elektron pochta adresi aks etadi: </p> <p>Lekin, bu adresga murojaat etilganda (Internet tarmog'ida ish- layotgan bo'lsangiz) web-brauzer elektron pochta bilan ishlash uchun o'z oynasini ochadi. Bu oynaning interfeysi har xil web-brauzerlarda turlicha bo'lishi mumkin, lekin ko'p dasturlar adres va foydalanuvchi nomi haqida xabar chiqaradi hamda «Subjekt» satrni to'ldirishni eslatadi.</p> <br /><b>Yangi mavzuni mustaxkamlash.</b> <p>Mashqlar <br /></p> <br />1.«Mening oilam» nomli web-sahifada oila a'zolaringiz ro'yxati orqali ular haqidagi ma'lumotlarga o'tish tashkil etilsin. <p>2.«Uy hayvonlari» nomli web-sahifada uy hayvonining rasmlari orqali ular haqidagi ma'lumotlarga o'tishni tashkil etilsin.</p> <br /><b>Uyga vazifa: Mavzuni o`qib o`rganish. 3- mashqni bajarish.</b> <p>3.«Mening web-sahifalarim» nomli web-sahifa tayyorlang va undan o'zingiz tayyorlagan web-sahifalarga va yana asosiy sahifaga qaytadigan gipermurojaatlar tashkil eting.</p> <p>Sana :______________ </p> <p>Sinf :_______________</p> <br /><b>62- dars. Mavzu</b> Formalar. <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="719" cellpadding="1" cellspacing="0"> <col width="110"> <col width="602"> <tr valign="top"> <td width="110" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="602" bgcolor="#ffffff"> <br />Formalar <br /></td> </tr> <tr valign="top"> <td width="110" height="20" bgcolor="#ffffff"> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="602" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga web-sahifaga formalar joylashtirish haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga Web-sahifada formalarning o’rni, <FORM> tegining vazifasi, ACTION va METHOD parametrlari, <INPUT> <a href="/html-teglari-kanalimiz-azolari-uchun-maxsus.html">tegi vauning NAME parametric</a>, <INPUT> tegi SUBMIT qiymatli TYPE parametridan foydalanish haqida bilim berish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarni yangi bilimlar egallashga hamda izlanuvchanlikka o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish. <br /></td> </tr> <tr valign="top"> <td width="110" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="602" bgcolor="#ffffff"> <br />Web-sahifada formalarning o’rni, <FORM> juft tegining vazifasi va ishlatilishi. Uning ACTION va METHOD kabi parametrlari. <INPUT> juftmas tegining NAME parametric bilan ishlatilishi <INPUT> tegida SUBMIT qiymatli TYPE parametridan foydalanish <br /> <br /> <br /></td> </tr> <tr valign="top"> <td width="110" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="602" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="110" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="602" bgcolor="#ffffff"> <br />O'quvchilarning yangi bilim va ko'nikmaga ega bo’ladi Web-sahifada formalarning o’rni, <FORM> juft tegining vazifasi va ishlatilishi. Uning ACTION va METHOD kabi parametrlari. <INPUT> juftmas tegining NAME parametric bilan ishlatilishi, <INPUT> tegida SUBMIT qiymatli TYPE parametridan foydalanish to’g’risida ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="110" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="602" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.URL-manzil deganda nimani tushunasiz?</p> <p>2.Web-sahifada gipermurojaat qanday tashkil etiladi? </p> <p>3.Web-sahifadagi o'tish nuqtasi o'z ichiga nimalarni olishini izohlang.</p> <p>4.Tarkibiy web-sahifa deganda nimani tushunasiz? </p> <p>5.Elektron pochtaga murojaat qanday tashkil etiladi?</p> <br /><b>Yangi mavzu bayoni.</b> <p>Web-sahifada formalar so'rovlar o'tkazish, web-server va mijoz o'rtasida muloqot o'tkazish yoki berilgan ro'yxatdan kerakli hujjatni tanlash maqsadida qo'llaniladi. Masalan, web-sahifaning reytingini aniqlash, biror korxona mahsulotlari haqidagi fikrlarni to'plash, Internet orqali tanishish va boshqa maqsadlarda web-sahifada formalar tashkil etiladi. Maqsadga qarab formadagi savollar ham turlicha bo'ladi. Lekin, web-sahifada savollarni tashkil etish bir xil teglar yordamida amalga oshiriladi. Bu teglar web-sahifada savol matni bilan birga javob oynasini ham hosil qiladi. Savol matni web- sahifa tayyorlanayotganda kiritiladi. U tuzilishiga ko'ra, asosan, ikki turga bo'linadi:</p> <br />1.Ixtiyoriy javob kiritish uchun mo'ljallangan. <p>2.Tavsiya etilgan javoblardan birini tanlash uchun mo'ljallangan.</p> <br />Savollarni web-sahifaning istalgan yeriga joylashtirish mumkin, <p>ya'ni, formaning tuzilishini o'zingizga yoqqan shaklda tashkil etishingiz mumkin.</p> <p>Muloqotni boshqacha tashkil etish ham mumkin. Masalan, awal ko'rilganidek, web-sahifada kerakli savollarni berib (oddiy matn sifatida), bu savollarga elektron pochta orqali javob yuborishni iltimos qilib elektron pochtangiz manzilini (adresini) ko'rsatishingiz mumkin. Lekin bu holda ko'p (deyarli) javob ololmaysiz. Chunki, birinchidan, hamma ham tanimagan kishisiga xat yozishga jazm qila olmaydi. Ikkinchidan, formadagi savollarga javob berish ko'p mulohaza talab qilmaydi, ammo xatni esa o'ylab yozish kerak bo'ladi. </p> <p>Forma hosil qilish uchun <FORM> juft tegi qo'llaniladi. Uning ACTION va METHOD kabi parametrlari bor. ACTION parametri majburiy bo'lib, uning qiymati URL-manzildir.</p> <p>Formani jo'natishni bir nechta usulda amalga oshirish mumkin. Formani jo'natish usulini ko'rsatish uchun METHOD parametri ishlatiladi. Ko'p hollarda formani jo'natish uchun elektron pochta ko'p qo'llaniladi. Buning uchun <FORM> tegiga METHOD=POST va ACTION= "mailto: elektron pochta tizimidagi ad res" parametrlari qiymati bilan qo'shiladi. Masalan: <FORM METHOD=POST ACTION=<sup>,,</sup>maato:rtm@uzsci.net<sup>/,</sup>> </p> <p>Formada savol-javob tashkil qilish uchun <INPUT> toq tegi NAME parametri bilan qo'llaniladi. Bu teg yordamida berilgan savolga javob kiritish uchun matn maydoni (javob satri) hosil qilinadi. Javob satri belgilari soni SIZE (o'lcham) parametri bilan aniqlanishi mumkin. Savol esa oddiy matn sifatida kiritiladi. Masalan:</p> <p> <br />Sizning ismingiz: CINPUT NAME = "ism kiritiladigan joy" SIZE=25> </p> <p>Bu teglar formada «Sizning ismingiz:» matnini va 25 tagacha belgi kiritish mumkin bo'lgan «ism kiritiladigan joy» nomli matn maydonini hosil qiladi.</p> <p>Formaning ba'zi bandlariga yoziladigan javob bitta satrga sig'mas- ligi mumkin. Masalan, formada «Izoh» bandi bo'lsa, odatda, bu bandga bir nechta satrdan iborat matn yoziladigan maydon ajratiladi. Buning uchun <TEXTAREA> juft tegidan foydalaniladi. Bu teg tarkibida matn maydoni nomini (NAME), satrlar (ROWS) va ustunlar (COLS) sonini belgilovchi parametrlar ishtirok etadi. Masalan, <br /> </p> <p>Izoh: <br /></p> <br /><TEXTAREA NAME="Izoh" ROWS=4 COLS=40> <TEXTAREA > <p>Bu teglar formada «Izoh:» so'zi, hamda 4 ta satr va 40 ta ustunli (ya'ni, har biri 40 tadan belgili 4 ta satr) «Izoh» nomli matn maydoni hosil qiladi.</p> <p>Shunday savollar borki, ularga aniq javoblardan biri tanlanadi. Masalan, ma'lumotingiz haqidagi savolga albatta, «Boshlang'ich», «0'rta», «0'rta-maxsus» yoki «01iy» javoblaridan birini tanlaysiz. Bunday savollarga javoblarni formaga oldindan kiritib qo'yish mumkin. Odatda, bunday tashkil qilingan javoblar oldiga doiracha joylashtirilib, qaysi javob tanlansa, shu javob oldidagi doiracha (sichqoncha yordamida) belgilanadi. Formada bunday savol-javobni tashkil qilish uchun <INPUT> tegida NAME parametri bilan TYPE (tip) parametri </p> <p>RADIO (yo'naltirish) qiymati bilan birga ishlatiladi. Belgilangan doirachaga mos sizga (yoki web-serverga) keladigan ma'lumot VALUE (qiymat) parametrining qiymati bo'ladi. </p> <p>Bu yerda TYPE=radio parametri ekranda doiracha hosil qiladi; NAME= dan keyingi qo'shtirnoq ichida yozilgan «Ma'lumoti» so'zi maydon nomi bo'lib, ekranga chiqarilmaydi; VALUE= dan keyingi «Boshlang'ich» so'zi web-serverga yuboriladi; undan keyingi Boshlang'ich so'zi ekranga doiracha yonidan chiqariladi. <br />tegi keyingi matn yangi satrdan chiqishini ta'minlaydi. </p> <p>Ba'zan, taklif etilgan javoblardan bir nechtasini tanlash zarur bo'lib qoladi. Bu holda TYPE parametrining RADIO qiymati o'rniga CHECKBOX (tanlash joyi) qiymati ishlatiladi. Bu holda formada doiracha o'rniga katakcha hosil bo'ladi. Masalan, o'zlashtirilgan tillar haqidagi savolni HTML-hujjatda quyidagicha ifodalash mumkin:</p> <p>Ko'rib chiqilgan teglardan foydalanib murakkab bo'lmagan formalarni tashkil qilish mumkin. Hosil qilgan formangizni Internet tarmog'iga joylashtirsangiz, uni millionlab odamlar ko'radi. Ammo undagi savollarga berilgan javoblar sizga yetib kelmaydi. Hosil qilingan forma javoblari bilan qaytib kelishi uchun <INPUT> tegi SUBMIT (qo'shilish) qiymatli TYPE parametridan foydalaniladi. Formadagi matn maydonlarini tozalash uchun esa <INPUT> tegi RESET (qayta tanlash) qiymatli TYPE parametridan foydalaniladi. Mazkur tegda VALUE parametri ishlatilsa, brauzer ekranda tugma hosil qiladi. Masalan, <br /> <br />< INPUT TYPE="submit" VALUE="Formani jo'natish"> tegi ekranga ichida «Formani jo<sup>Ј</sup>natish» jumlasi yozilgan tugma chiqaradi va bu tugma tanlansa formadagi ma'lumotlar kerakli manzilga jo'natiladi, <br /> <br /><INPUT TYPE="reset" VALUE="Formani tozalash"> tegi esa ekranga ichida «Formani tozalash» jumlasi yozilgan tugma chiqaradi va bu tugma tanlansa formadagi barcha ma'lumotlar o'chib, ma'lumotlarni yangilash imkoni bo'ladi. </p> <p>Quyida forma uchun HTML-hujjat va unga mos web-sahifa keltirilgan:</p> <p>Yuqoridagi formani hosil qilishda web-sahifaga jadval joylashtirish imkoniyatlaridan foydalandik. Shuning uchun ikki turdagi tanlash tugmalari yonma-yon aks etgan. </p> <p>Forma hosil qilishda tanlash imkoniyatini <SELECT> juft tegi yordamida ham amalga oshirish mumkin. Bunda tanlanishi kerak bo'lgan ma'lumotlar suriluvchi ro'yxat kabi aks etadi. Ro'yxat elementlari <SELECT> tegi ichida ishlatiladigan <OPTION> toq tegi yordamida kiritiladi. SELECT tegining NAME, SIZE, MULTIPLE kabi parametrlari bor. Parametrlar ishini quyida keltirilgan misoldan tushunib olish mumkin.</p> <p>Ko'rib turganingizdek, formaning tanlov qismi juda kichik joy egallab turibdi. Bu misoldagi tanlov natijasida kerakli manzilga faqat bitta qiymat — «8» yuboriladi. Agar bir nechta qiymat tanlash imkoniyati berilishi zarur bo'lsa, qiymat talab qilmaydigan MULTIPLE parametrini qo'shish kifoya. <br /> <br /><b>Yangi mavzuni mustaxkamlash.</b> </p> <p>Mashqlar <br /></p> <br />1.«Men nechun sevaman 0'zbekistonni?» nomli mavzudagi web- sahifalar tanloviga qatnashish uchun so'rov formasini tayyorlang. <p>2.«Do'stlashishga taklif» nomli forma tayyorlang. Unda bilishingiz kerak bo'lgan ma'lumotlar aks etsin.</p> <br /><b>Uyga vazifa: Mavzuni o`qib o`rganish. 3-mashqni bajarish</b> <p>3.«Kutubxona anketasi» nomli forma tayyorlang.</p> <p>Sana :______________ </p> <p>Sinf :_______________</p> <br /><b>63- dars. Mavzu: </b>Web-sahifada « o'tish » va formalar mavzusini takrorlash <br /><b>Darsning texnologik xaritasi</b> <br /> <br /><center> <table width="688" cellpadding="1" cellspacing="0"> <col width="119"> <col width="563"> <tr valign="top"> <td width="119" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="563" bgcolor="#ffffff"> <br />Web-sahifada « o'tish » va formalar mavzusini takrorlash <br /></td> </tr> <tr valign="top"> <td width="119" height="20" bgcolor="#ffffff"> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="563" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarning web-sahifada o`tish va formalar mavzusi bo`yicha olgan bilimlarini mustahkamlash. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga Web-sahifada formalarning o’rni, <FORM> tegining vazifasi, ACTION va METHOD parametrlari, <INPUT> tegi vauning NAME parametric, <INPUT> tegi SUBMIT qiymatli TYPE parametridan foydalanish haqida bilim berish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarni yangi bilimlar egallashga hamda izlanuvchanlikka o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarning kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish. <br /></td> </tr> <tr valign="top"> <td width="119" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="563" bgcolor="#ffffff"> <br />Web-sahifada formalarning o’rni, <FORM> juft tegining vazifasi va ishlatilishi. Uning ACTION va METHOD kabi parametrlari. <INPUT> juftmas tegining NAME parametric bilan ishlatilishi <INPUT> tegida SUBMIT qiymatli TYPE parametridan foydalanish <br /> <br /> <br /></td> </tr> <tr valign="top"> <td width="119" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="563" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="119" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="563" bgcolor="#ffffff"> <br />O'quvchilarning yangi bilim va ko'nikmaga ega bo’ladi Web-sahifada formalarning o’rni, <FORM> juft tegining vazifasi va ishlatilishi. Uning ACTION va METHOD kabi parametrlari. <INPUT> juftmas tegining NAME parametric bilan ishlatilishi, <INPUT> tegida SUBMIT qiymatli TYPE parametridan foydalanish to’g’risida ko’nikmaga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="119" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="563" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Hayotingizda uchratgan formalar haqida so'zlab bering.</p> <p>2.Formalar nima uchun ishlatiladi? </p> <p>3.Web-sahifada forma qanday tashkil etiladi?</p> <p>4.Formani jo 'natish haqida so <sup>(</sup>zlab bering. </p> <p>5.Formada matn maydoni qanday belgilanadi?</p> <p>6.Formada bir nechta satrli matn maydoni qanday tashkil etiladi? </p> <p>7.Formada oldindan berilgan javoblarni tanlash tashkil etish usullarini izohlang.</p> <br /><b>Yangi mavzu bayoni. (Mashqlar)</b> <br />1.«Men tayyorlagan web-sahifalar» nomli web-sahifa tayyorlang. Asosiy sahifadan o'zingiz tayyorlagan web-sahifalarga o'tish va orqaga qaytish rasm va matn orqali bo'lsin. <p>2.«Informatika dasrliklari haqidagi fikrlar» nomli forma tayyorlang. Unga darslik haqidagi fikrlarni to'plash maqsad qilib olinsin.</p> <p>3. 5-sinfdan 9-sinfgacha kompyuterda bajargan amaliy ishlaringizni ochib beruvchi «Maktab, informatika va men» nomli web-sahifa tayyorlang. <br /> <br /> <br /><b>Uyga vazifa: Darsda ulgurmagan mashqlarni bajarish. O`tilganlarni takrorlash.</b> </p> <p>Sana :______________</p> <p>Sinf :_______________ <br /><b>64- dars. Mavzu: </b>Interaktiv web-sahifalar <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="691" cellpadding="1" cellspacing="0"> <col width="129"> <col width="555"> <tr valign="top"> <td width="129" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="555" bgcolor="#ffffff"> <br />Interaktiv web-sahifalar <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> </p> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="555" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning maqsadi:</b></span></span></span></span> o’quvchilarga interaktiv web-sahifalar haqida ma’lumot berish. <br /> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarga chat, interaktiv web-sahifalar, interaktiv web-sahifalarni ishlab chiqarishning prinsiplari haqidagi bilim berish va ularni tashkil etish ko’nikmalarini hosil qilish. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarni yangi bilimlar egallashga hamda izchil muloqotga o’rgatish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish haqida bilim va tasavvurlarini kengaytirish. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="555" bgcolor="#ffffff"> <br />Chat. Interaktiv web-sahifalar. Static va dinamik web-sahifalar. Interaktiv web-sahifalarni ishlab chiqarishning asosiy 7 prinsipi. Test o’tkazish web-sahifasi. JavaScript elementlari. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="555" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="129" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="555" bgcolor="#ffffff"> <br />O'quvchilarning yangi bilim va ko'nikmaga ega bo’ladi. Statik va dinamik web-sahifalar haqida bilim oladi. Chat, interaktiv web-sahifalar, interaktiv web-sahifalarni ishlab chiqarishning asosiy prinsiplari to’g’risida tasovvur hosil bo’ladi. Interaktiv web-sahifa hosil qilish ko’nikmasiga ega bo’ladi. <br /></td> </tr> <tr valign="top"> <td width="129" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="555" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Hayotingizda uchratgan formalar haqida so'zlab bering.</p> <p>2.Formalar nima uchun ishlatiladi? </p> <p>3.Web-sahifada forma qanday tashkil etiladi?</p> <p>4.Formani jo 'natish haqida so <sup>(</sup>zlab bering. </p> <p>5.Formada matn maydoni qanday belgilanadi</p> <br /><b>Yangi mavzu bayoni.</b> <br />Web-sahifalar tashkil etish texnologiyasiga bog'liq holda, asosan, 3 turga bo'linadi: <br /> <br /><b>statik <a href="/simulink--dinamik-sistemalarni-modellashtirish-imitatsiya-va-t.html">dinamik interaktiv</a></b> <p>Statik web-sahifalar — bu HTML tilida yozilgan .html yoki .htm kengaytmali matn, jadval, rasm kabi elementlarni o'z ichiga olgan tayyor holda serverda saqlanayotgan o'zgarmas fayllardir.</p> <p>Dinamik web-sahifalar — bu foydalanuvchi so'rovini bajarish jarayonida hosil qilingan o'zgaravchan web-sahifalardir. Bu web- sahifalar PHP, ASP, DHTML va shu kabi ssenariylar tili yordamida hosil qilinib, kengaytmasi, mos ravishda, .php, .aspx bo'ladi. Dinamik web-sahifalar foydalanuvchi so'roviga binoan serverda saqlanayotgan ma'lumotlar omboridagi ma'lumotlar asosida tashkil etiladi. </p> <p>Avvalgi darslarda web-sahifadagi formadan so'rovlar o'tkazish, web-server va mijoz o'rtasida muloqot o'tkazish yoki berilgan ro'y- xatdan kerakli hujjatni tanlash maqsadida qo'llanilishi haqida ma'lumot bergan edik, masalan, web-sahifaning reytingini aniqlash, biror korxona mahsulotlari haqidagi fikrlarni jamlash, Internet orqali tanishish. Hozirgi kunda chat deb ataluvchi mijozlar orasida muloqot qilishni ta'minlovchi web-sahifalar ham bor. Muloqot qilish imkonini beruvchi barcha web-sahifalar interaktiv web-sahifalar deb ataladi.</p> <p>Interaktiv web-sahifalarni ishlab chiqishning tartib-qoidalari mavjud bo'lib, ulardan asosiylarini sanab o'tamiz: </p> <p>1. Web-sahifaning deyarli barcha qismi server dasturlari yordamida generatsiya (hosil) qilinadi va qayta ishlanadi. Misol sifatida biror web-sayt ichida (mail.ru yoki inbox.uz saytlarida) bepul elektron pochta ochishni ko'rsatish mumkin. Bu sahifalarda barcha ma'lumotlar server dasturlari tomonidan qayta ishlanadi: ma'lumotlar kiritish va ularning to'liqligini tekshirish; nom kiritish va uni «bo'sh» ekanligini tekshirish, tanlash uchun nomlar tavsiya etish; parol (mahfiy so'z) tanlash u bilan bogiiq amallar bajarish; birinchi marta ochilganda va tug'ilgan kunlarda tabriknomalar yuborish; va hokazo.</p> <p>2.Web-sahifalar generatsiyasi uchun barcha ma'lumotlar tayyor ma'lumotlar omboridan olinadi. Ma'lumotlar omborlari maxsus kompyuterlarda turli ko'rinishlarda saqlanadi. Misol qilib, maktabingiz server kompyuterida o'rnatilgan elektron darslikni olish mumkin. Bu kabi darsliklarda web-sahifa ko'rinishida tashkil etilgan test ilovalari mavjud bo'lib, undagi test savollari awaldan test omboriga joylash- tirilgan bo'ladi. </p> <p>3.Ko'pincha web-sahifaga ruxsatni cheklashlardan foydalaniladi. Bu cheklashlar turli mijozlar uchun turlicha bo'lishi mumkin. Oddiy mijozlar web-sahifani faqat ko'rib chiqish, boshqalari esa o'zgartirishlar kiritish imkoniyatiga ega bo'ladilar. Masalan, elektron darsliklar misolida administrator, o'qituvchi va o'quvchi turli imkoniyatli web- sahifaga tashrif buyuruvchi hisoblanadi.</p> <p>4.Web-sahifaga ruxsatni cheklashlardan foydalanilsa, u holda web- sahifa kirish imkoniyatini (inglizcha — logon) ko'zda tutgan bo'ladi. Albatta, har bir logon parol bilan birga ishlatiladi. Agar web-sahifaga tashrif buyurayotgan mijozda kirish logini va paroli bo'lmasa, web- sahifa registratsiyadan (ro'yxatdan) o'tishni tavsiya etadi. </p> <p>5.Web-sahifaga ruxsatni cheklashlardan foydalanilsa, u holda web- sahifa registratsiyadan (ro'yxatdan) o'tish imkoniyatini ko'zda tutgan bo'lishi shart. Agar web-sahifa ommabop bo'lsa (internet-magazin yoki elektron pochta xizmati kabi), barcha tashrifchilar alohida web- sahifa ko'rinishida tashkil etilgan ro'yxatdan o'tkazish sahifasida ro'yxatdan o'tadilar. Agar yopiq web-sahifa bo'lsa, u holda registratsiya uchun administratorga murojaat qilinadi.</p> <p>6.Web-sahifaga ruxsatni cheklashlardan foydalanilsa, u holda web- sahifa chiqish imkoniyatini ko'zda tutgan bo'ladi. Bu holda server dastur tashrifchisini «esdan» chiqaradi, ya'ni tashrifchini saytga kirganidagi foydalanilgan ma'lumotlar ro'yxatini, bog'lanishlami, login va parolini o'chiradi. </p> <p>7.Ommabop qidiruv tizimlari ruxsatni cheklashni ko'zda tutmaydi.</p> <p>Quyida interaktiv web-sahifa ko'rinishida tashkil etilgan himoya- </p> <p>lanmagan test o'tkazish sahifasining HTML-hu]jati aks ettirilgan:</p> <p>Bu interaktiv web-sahifani hosil qilishda HTML tili ichida JavaScript elementlari qo'llanilgan. Bu elementlarni qisqacha quyida­gicha izohlash mumkin. </p> <p>•<script> va </script> teglari orasida yozilgan kodlar JavaScript kodlari deb tushuniladi;</p> <p>•function ball(testga) biz kiritgan funksiya bo'lib, ball - funksiya nomi, testga — forma nomiga bog'lanishdir; </p> <p>•funksiyada testlarga berilgan to'g'ri va noto'g'ri javoblarni hisobga olib borish uchun hisob nomli butun qiymatli o'zgaruvchi kiritilgan bo'lib, u to'g'ri javob tanlanganda bittaga ortadi (hisob++), to'g'ri</p> <p>•k-test savoli uchun kiritilgan ak[0..3] butun qiymatli massivning i-indeksi «ak» nomli test savolining (i+1)-qiymatli (value=i+l) javobiga mos qo'yilgan; </p> <p>•if (testga.ak[j].checked) {hisob++;} shart tekshiruvchi operator testga nomli formaning k-testidan to'g'ri (j+ l)-javob tanlanganda «rost» qiymat qabul qiladi va hisobni bittaga oshiradi (hisob++);</p> <p>•if (testga.ak[j].checked) {hisob—;} shart tekshiruvchi operator testga nomli formaning k-testidan noto'g'ri (j+l)~javob tanlanganda «yolg'on» qiymat qabul qiladi va hisobni bittaga kamaytiradi (hisob—); </p> <p>•if (hisob>=6 ) {alert("Balingiz 6");} shart tekshiruvchi operator agar hisob qiymati 6 dan kichik bo'lmasa "rost" qiymat qabul qiladi va e'lon qilingan chaqiruvga binoan ekranga chiqadigan «Balingiz 6» yozuvi joylashtirilgan oyna tayyorlaydi;</p> <p>•hisob>=5 && hisob<6 sharti 5< hisob < 6 shartiga teng kuchli (&& mantiqiy amali AND mantiqiy amaliga teng kuchli); </p> <p>•<input type="button" onclick="ball(this.form)" value= "Natijani ko'rish"> sichqoncha ko'rsatkichi yordamida "Natijani ko'rish" tugmasi tanlanganda (onclick) ball funksiyasiga murojaat qiladi va shu forma ma'lumotlari asosida chaqiruv e'lon qiladi;</p> <p>• <br />tegi matnni yangi abzasda chap tomondan 100 piksel joy qoldirib ekranga chiqaradi; </p> <p>•<hr> tegi ekranda gorizontal to'g'ri chiziq chizadi.</p> <p>Yuqoridagi HTML-hujjatni yozib, mos web-sahifada ishlab </p> <p>ko'rishni mustaqil ish sifatida qoldiramiz. Ko'rib turganingizdek, HTML</p> <p>tili va JavaScript ssenariylar tili birgalikda web-sahifani «jonlantirar» ekan. Shuning uchun faqat HTML tilini o'rganish bilangina cheklanib qolmang. <br /><b>Yangi mavzuni mustaxkamlash.</b> </p> <p>Savol va topshiriqlar</p> <p>1.Web-sahifalar tashkil etish texnologiyasiga ko'ra qanday turlarga </p> <p>bo 'linadi?</p> <p>2.Interaktiv web-sahifalar haqida ma'lumot bering va misollar keltiring. </p> <p>3.Login va parolni qo'Uanishi lozim bo'lgan web-sahifalar haqida so'zlab bering.</p> <p>4.O'zingizga elektron pochta ochganingizda qanday web-sahifada ishlagansiz ? </p> <p>5.Kompyuteringizdagi qaysi elektron darslik va qo'llanmalarda interaktiv web-sahifa bor?</p> <br /> <br /><b>Uyga vazifa: </b>Mavzuni o`rganish. 4-5 mashqni dasturini tuzish. <br />Sana :______________ <p>Sinf :_______________</p> <br /><b>65- dars. Mavzu: Amaliy mashg’ulot.</b> <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="720" cellpadding="1" cellspacing="0"> <col width="154"> <col width="560"> <tr valign="top"> <td width="154" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="560" bgcolor="#ffffff"> <br />Amaliy mashg`ulot <br /></td> </tr> <tr valign="top"> <td width="154" height="20" bgcolor="#ffffff"> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="560" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini amaliy topshiriqlar orqali mustahkamlash <span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> O`quvchilarga estetik va ekologik tarbiya berish. Vatanparvarlik ruhida tarbiyalash. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish tuyg'ularani shakl­lantirish. <br /></td> </tr> <tr valign="top"> <td width="154" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="560" bgcolor="#ffffff"> <br />O'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini amaliy topshiriqlar orqali mustahkamlash <br /></td> </tr> <tr valign="top"> <td width="154" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="560" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="154" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="560" bgcolor="#ffffff"> <br />O'quvchilarning kompyuter imkoniyatlari to'g'risidagi bilim va ko'nikmalari rivojlanadi. Web –sahifa tayyorlash malakasi shakllanadi. <br /></td> </tr> <tr valign="top"> <td width="154" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="560" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>O’tilgan mavzuni takrorlash.</b> <p>1.Web-sahifalar tashkil etish texnologiyasiga ko'ra qanday turlarga</p> <p>bo 'linadi? </p> <p>2.Interaktiv web-sahifalar haqida ma'lumot bering va misollar keltiring.</p> <p>3.Login va parolni qo'Uanishi lozim bo'lgan web-sahifalar haqida so'zlab bering. </p> <p>4.O'zingizga elektron pochta ochganingizda qanday web-sahifada ishlagansiz ?</p> <p>5.Kompyuteringizdagi qaysi elektron darslik va qo'llanmalarda interaktiv web-sahifa bor? <br /><b>Yangi mavzu bayoni.</b> <br />Quyidagi izohlangan teg va belgilardan foydalanib web-sahifalaringizga o'zgartirishlar kiriting: <br />1. Matnning shrift formatini o'zgartirish: <br /><table width="647" cellpadding="0" cellspacing="0"> <col width="151"> <col width="177"> <col width="200"> <col width="117"> <tr valign="top"> <td width="151" height="36" bgcolor="#ffffff"> <br />MS Word </p> <p>dasturida</p> <br /></td> <td width="177" bgcolor="#ffffff"> <br />HTML tegi <br /></td> <td width="200" bgcolor="#ffffff"> <br />HTML da misol <br /></td> <td width="117" bgcolor="#ffffff"> <br />Web- <p>sahifada <br /></td> </tr> <tr valign="top"> <td width="151" height="37" bgcolor="#ffffff"> </p> <br /> <br /> <br /></td> <td width="177" bgcolor="#ffffff"> <br /><SUP> juft tegi <br /></td> <td width="200" bgcolor="#ffffff"> <br />ma<sup>kt< /sup> ab <br /></td> <td width="117" bgcolor="#ffffff"> <br />ma<sup>kt</sup>ab <br /></td> </tr> <tr valign="top"> <td width="151" height="36" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="177" bgcolor="#ffffff"> <br /><sub> juft tegi <br /></td> <td width="200" bgcolor="#ffffff"> <br />ma<sub>kt< /sub> ab <br /></td> <td width="117" bgcolor="#ffffff"> <br />ma<sub>kt</sub> ab <br /></td> </tr> <tr valign="top"> <td width="151" height="50" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="177" bgcolor="#ffffff"> <br /><S>, <STRIKE>, <br /> <br /><DEL> juft teglaridan birortasi <br /></td> <td width="200" bgcolor="#ffffff"> <br />< del> mak tab < /del> <s>maktab</s> <strike>maktab</strike> <br /></td> <td width="117" bgcolor="#ffffff"> <br />maktab <br /></td> </tr> <tr valign="top"> <td width="151" height="23" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="177" bgcolor="#ffffff"> <br />toq tegi <br /></td> <td width="200" bgcolor="#ffffff"> <br /> <br /></td> <td width="117" bgcolor="#ffffff"> <br />aks etmaydi <br /></td> </tr> </table> <p>2. Maxsus belgilar kiritish:</p> <br /><table width="596" cellpadding="0" cellspacing="0"> <col width="162"> <col width="135"> <col width="194"> <col width="104"> <tr valign="top"> <td width="162" height="23" bgcolor="#ffffff"> <br />MS Word dasturida <br /></td> <td width="135" bgcolor="#ffffff"> <br />HTML yozuvi <br /></td> <td width="194" bgcolor="#ffffff"> <br />HTML da misol <br /></td> <td width="104" bgcolor="#ffffff"> <br />Web-sahifada <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />< <br /></td> <td width="135" bgcolor="#ffffff"> <br />< <br /></td> <td width="194" bgcolor="#ffffff"> <br />< <br /></td> <td width="104" bgcolor="#ffffff"> <br />< <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />> <br /></td> <td width="135" bgcolor="#ffffff"> <br />> <br /></td> <td width="194" bgcolor="#ffffff"> <br />> <br /></td> <td width="104" bgcolor="#ffffff"> <br />> <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />& <br /></td> <td width="135" bgcolor="#ffffff"> <br />& <br /></td> <td width="194" bgcolor="#ffffff"> <br />& <br /></td> <td width="104" bgcolor="#ffffff"> <br />& <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />“ <br /></td> <td width="135" bgcolor="#ffffff"> <br />" <br /></td> <td width="194" bgcolor="#ffffff"> <br />"9 -sinf" <br /></td> <td width="104" bgcolor="#ffffff"> <br />"9-sinf' <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />Qat'iy probel <br /></td> <td width="135" bgcolor="#ffffff"> <br />&NBSP <br /></td> <td width="194" bgcolor="#ffffff"> <br />5 baho <br /></td> <td width="104" bgcolor="#ffffff"> <br />5 baho <br /></td> </tr> <tr valign="top"> <td width="162" height="22" bgcolor="#ffffff"> <br />© <br /></td> <td width="135" bgcolor="#ffffff"> <br />© <br /></td> <td width="194" bgcolor="#ffffff"> <br />© <br /></td> <td width="104" bgcolor="#ffffff"> <br />© <br /></td> </tr> </table> <p>3. Effektlar:</p> <br /><table width="692" cellpadding="0" cellspacing="0"> <col width="141"> <col width="198"> <col width="351"> <tbody> <tr valign="top"> <td width="141" height="23" bgcolor="#ffffff"> <br /><b>HTML tegi</b> <br /></td> <td width="198" bgcolor="#ffffff"> <br /><b>HTML da misol</b> <br /></td> <td width="351" bgcolor="#ffffff"> <br /><b>Web-sahifada</b> <br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td rowspan="2" width="141" height="33" bgcolor="#ffffff"> <br /><acronym> <br /></td> <td rowspan="2" width="198" bgcolor="#ffffff"> <br /><acronym tide= <p>"274-maktab">9-sinf</p> <br /> <br />< /acronym> <br /></td> <td width="351" bgcolor="#ffffff"> <br />Sichqoncha ko'rsatkichi "9 sinf' yozuviga yo'naltirilganda <br /></td> </tr> <tr valign="top"> <td width="351" bgcolor="#ffffff"> <br />9- sinf |274-maktab | <br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td width="141" height="80" bgcolor="#ffffff"> <br /><HR> <br /></td> <td width="198" bgcolor="#ffffff"> <br /><hr align= center size= color= red width= 60% noshade> <br /></td> <td width="351" bgcolor="#ffffff"> <br />Sahifaning 60 foizini egallaydigan o'rtadan tekislangan 4 piksel qalinlikdagi qizil rangli chiziq chiziladi, NOSHADE parametri chiziq qabariqligini olib tashlaydi <br /></td> </tr> </tbody> <tbody> <tr valign="top"> <td width="141" height="108" bgcolor="#ffffff"> <br /><MARQUEE> <br /></td> <td width="198" bgcolor="#ffffff"> <br /><marquee behavior= "alternate" width=60% height=30% bgcolor= blue> HARAKAT </marquee> <br /></td> <td width="351" bgcolor="#ffffff"> <br />Sahifaning gorizontal yo'nalishida 60 foizini vertikal yo'nalishida 30 foizini egallagan ko'k rangli to'g'ri to'rtburchak ichida oq rangli shrift o'lchami 7 ga teng <p>"HARAKAT" so'zi harakatlanib turadi</p> <br /></td> </tr> </tbody> </table> <br /> <br /> <br /><b>Uyga vazifa: O`tilgan mavzularni takrorlab, nazorat ishiga tayyorlanish.</b> <br />Sana :______________ <p>Sinf :_______________</p> <br /><b>66- dars. Nazorat ishi-8</b> <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="667" cellpadding="1" cellspacing="0"> <col width="127"> <col width="534"> <tr valign="top"> <td width="127" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="534" bgcolor="#ffffff"> <br />Nazorat ishi-8 <br /></td> </tr> <tr valign="top"> <td width="127" height="20" bgcolor="#ffffff"> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="534" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini sinovdan o`tkazish va mustahkamlash. <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarda daqqatini maqsadli yo'naltirish xususiyatlarini shakllantirish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarning mustaqil fikrlash, mustaqil bilim olish, olgan bilimlarini hayotga tadbiq eta olish qobiliyatlarini rivojlantirish. <br /></td> </tr> <tr valign="top"> <td width="127" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="534" bgcolor="#ffffff"> <br />O'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini sinovdan o`tkazish va mustahkamlash. <br /> <br /></td> </tr> <tr valign="top"> <td width="127" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="534" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Test <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> kompyuter, test varaqalari <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="127" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="534" bgcolor="#ffffff"> <br />O'quvchilarning web –sahifa tayyorlash to'g'risidagi bilim va ko'nikmalari rivojlanadi. Ularda Bloknotda ishlash HTML diskreptor yoki teglaridan foy­dalanish malakasi mustahkamlanadi <br /></td> </tr> <tr valign="top"> <td width="127" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="534" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki hamkasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />5 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Nazorat ishi <br /></td> <td width="133" bgcolor="#ffffff"> <br />30 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />2 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>Nazorat ishi-8</b> <br /> <br /><b>Test.</b> <br />1. Web-sahifada fon rangini o`zgartirish uchun qo`llaniladigan deskreptor. <p>A. <TITLE> B. <body> S. <table> D. <b></p> <p>2. <br />- qanday ma`noni bildiradi? </p> <p>A. Abzasni sahifaning chap tomonidan joylashtiradi B. Abzasni sahifaning o`ng tomonidan joylashtiradi S. Abzasni sahifaning o`rtasiga joylashtiradi D. Abzasni sahifaning chap tomonidan joylashtiradi</p> <p>3. HTML da shrift o`lchamini belgilash uchun ….. deskreptordan foydalaniladi. </p> <p>A. <br />B. S. <TITLE> D. </p> <br /> <p>4. Matnni web-sahifada turlicha joylashtirish </p> <br />deskreptoriga qaysi buyruqni qo`shish yo`li bilan amalga oshiriladi? <p>A. <align> B. <CENTER> S. <TITLE> D. </p> <br /> <p>5. Web-sahifada jadval joylashtirish uchun qaysi deskreptordan foydalanamiz?</p> <p>A. <table>, <tr>, <td> B. <tr> S. <td> D. to`g`ri javob berilmagan </p> <p>6. Web-sahifada ro`yxat kiritish uchun qaysi deskreptordan foydalanamiz?</p> <p>A <li> B. <ul> <ol> S. . <table> D. <tr>, <td> </p> <p>7. Web-sahifada rasm joylashtirish uchun…… deskreptoridan foydalaniladi.</p> <p>A. <br />B. S. <TITLE> D. <img> </p> <p>8. Web-sahifada rasm o`lchamlarini o`zgartirish uchun……… buyruqlardan foydalaniladi.</p> <p>A. HSPASE va VSPASE B. ALIGN S. WIDTH va HEIGHT D. IMG </p> <p>9. Web-sahifada rasm atrofida bo`sh joy qoldirish uchun ………. buyruqlardan foydalaniladi.</p> <p>A. HSPASE va VSPASE B. ALIGN S. WIDTH va HEIGHT D. IMG </p> <p>10. Web-sahifada “o`tish” ……… deskreptori yordamida amalga oshiriladi.</p> <p>A. B. <img> S. <body> D. <TITLE> </p> <p>11. Web-sahifada “o`tish” kerak bo`lgan joyiga ………. deskreptori yordamida “manzil” kiritiladi.</p> <p>A. B. <img> S. D. <TITLE> </p> <p>12. Forma ………. deskreptori bilan boshlanadi.</p> <p>A. B. <FORM> S. <INPUT NAME> D. <TITLE> </p> <p>13. Formada savol-javob tashkil qilish uchun …….. deskreptori qo`llaniladi.</p> <p>A. B. <FORM> S. <INPUT NAME> D. <TITLE> </p> <p>14. Tarkibiy web-sahifa (saytlar) –</p> <p>A. Bir mavzuga bag`ishlangan sahifalar majmuyi B. bir-biriga bog`liq sahifalar majmuyi </p> <p>S. Bir-biriga “o`tish” imkoni bo`lgan web-sahifalar majmuyi. D. Barcha javoblar to`g`ri</p> <p>15. HTML necha pag`ona sarlavha qo`yish imkonini beradi? </p> <p>A. 3 B. 4 S. 5 D. 6</p> <p>16. HTML tilida hujjat tayyorlash uchun qaysi matn muharriridan foyadalaniladi? </p> <p>A. Word B. Bloknot S. Excel D. Paint</p> <p>17.Internet- </p> <p>A. Axborot almashish vositasi B. Dunyo bo`lab joylashgan va yagona tarmoqqa birlashtirilgan minglab kompyuter tarmoqlarining majmuidir S. Ma`lumotlarni uzatish vositasi D. Barcha javoblar to`g`ri</p> <p>18. Internetda ma`lumotlarni uzatish qoidalari …. deb ataladi. </p> <p>A. Serverlar B. Protokollar S. Saytlar D. Sahifalar</p> <p>19. Web-saytlar bu- </p> <p>A. Web-sahifaning boshqa web-sahifaga bog`liqligini bildiradi B. Internetga ulangan maxsus kompyuter tarmog`i S. Web-sahifalar majmui D. Web-sahifa joylashgan tarmoq</p> <p>20. Web-brauzerlar nima? </p> <p>A. Ko`rishni ta`minlovchi dastur B. WWW xizmatidan foydalanish uchun maxsus dastur</p> <p>S. Microsoft Internet Explorer D. Internetning bir bo`lagi. <br /> <br /><b>Uyga vazifa: O`tilgan mavzularni takrorlash. </b> <br /> </p> <p>Sana :______________</p> <p>Sinf :_______________ <br /><b>67- dars. Mavzu: Takrorlash darsi. </b> <br /><b>Darsning texnologik xaritasi</b> <br /><center> <table width="667" cellpadding="1" cellspacing="0"> <col width="136"> <col width="524"> <tr valign="top"> <td width="136" height="19" bgcolor="#ffffff"> <br />Mavzu <br /></td> <td width="524" bgcolor="#ffffff"> <br />Takrorlash darsi <br /></td> </tr> <tr valign="top"> <td width="136" height="20" bgcolor="#ffffff"> </p> <p>Maqsad <br /></p> <br />va <p>vazifalar</p> <br /></td> <td width="524" bgcolor="#ffffff"> <br /><span><span><span><span><b>Darsning ta'limiy vazifasi:</b></span></span></span></span> o'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini mashqlar orqali mustahkamlash <br /> <br /><span><span><span><span><b>Darsning tarbiyaviy vazifasi:</b></span></span></span></span> o'quvchilarda daqqatini maqsadli yo'naltirish xususiyatlarini shakllantirish. <br /> <br /><span><span><span><span><b>Darsning rivojlantiruvchi vazifasi:</b></span></span></span></span> o'quvchilarda kompyuterdan samarali foydalanish tuyg'ularani shakl­lantirish. <br /></td> </tr> <tr valign="top"> <td width="136" height="20" bgcolor="#ffffff"> <br />O'quv <p>jarayonining mazmuni</p> <br /></td> <td width="524" bgcolor="#ffffff"> <br />o'quvchilarning web-sahifa tayyorlash bobi bo`yicha olgan bilimlarini mashqlar orqali mustahkamlash <br /> <br /></td> </tr> <tr valign="top"> <td width="136" height="20" bgcolor="#ffffff"> <br />O'quv jarayonini amalga oshirish texnologiyasi <br /></td> <td width="524" bgcolor="#ffffff"> <br /><span><span><span><span><b>Uslub:</b></span></span></span></span> Ma'ruza va amaliyotning uyg'unligi. <br /> <br /><span><span><span><span><b>Shakl:</b></span></span></span></span> Savol-javob. Jamoa va kichik guruhlarda ish­lash. <br /> <br /><span><span><span><span><b>Vosita:</b></span></span></span></span> Elektron resurslar, darslik, plakatlar, tarqatma materiallar. <br /> <br /><span><span><span><span><b>Usul:</b></span></span></span></span> Tayyor prezentatsiya materiallari asosida. <br /> <br /><span><span><span><span><b>Nazorat:</b></span></span></span></span> Og'zaki, savol-javob, muhokama, kuzatish. <br /> <br /><span><span><span><span><b>Baholash:</b></span></span></span></span> Rag'batlantirish, 5 ballik reyting tizimi aso­sida. <br /></td> </tr> <tr valign="top"> <td width="136" height="20" bgcolor="#ffffff"> <br />Kutiladigan natijalar <br /></td> <td width="524" bgcolor="#ffffff"> <br />O'quvchilarning web –sahifa tayyorlash to'g'risidagi bilim va ko'nikmalari rivojlanadi. Ularda Bloknotda ishlash HTML diskreptor yoki teglaridan foy­dalanish malakasi mustahkamlanadi <br /></td> </tr> <tr valign="top"> <td width="136" height="19" bgcolor="#ffffff"> <br />Kelgusi rejalar (tahlil, o'zgarishlar) <br /></td> <td width="524" bgcolor="#ffffff"> <br />O'qituvchi o'z faoliyatining tahlili asosida yoki hamkasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi. <br /></td> </tr> </table> </center> <br /> <br /><b>Darsning borishi va vaqt taqsimoti</b> <br /><center> <table width="464" cellpadding="1" cellspacing="0"> <col width="25"> <col width="298"> <col width="133"> <tr valign="top"> <td width="25" height="10" bgcolor="#ffffff"> <br /> <br /> <br /></td> <td width="298" bgcolor="#ffffff"> <br />Dars bosqichlari <br /></td> <td width="133" bgcolor="#ffffff"> <br />Vaqt <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />1 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Tashkiliy qism <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="11" bgcolor="#ffffff"> <br />2 <br /></td> <td width="298" bgcolor="#ffffff"> <br />O'tilganlarni takrorlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />7 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="19" bgcolor="#ffffff"> <br />3 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzu ustida ishlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />14 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="17" bgcolor="#ffffff"> <br />4 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Yangi mavzuni mustahkamlash <br /></td> <td width="133" bgcolor="#ffffff"> <br />13 daqiqa <br /></td> </tr> <tr valign="top"> <td width="25" height="14" bgcolor="#ffffff"> <br />5 <br /></td> <td width="298" bgcolor="#ffffff"> <br />Uyga vazifa <br /></td> <td width="133" bgcolor="#ffffff"> <br />3 daqiqa <br /></td> </tr> </table> </center> <br /> <br /><b>II.O’tilgan mavzuni takrorlash.</b> <br /> <br /><b>III.Mashqlar bajarish</b> <br />Quyidagi vazifalar orqali bilimlaringizni sinab ko'ring va mustahkamlang. <p>1. <sub><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFMAAAAgCAYAAABuBERvAAAACXBIWXMAAA7FAAAOxwF1Wo59AAADz0lEQVR4nO1aO47iQBB9LXGQRpMQ+BBGJI1IfQM7QaRGnAHhdERibuAU2clofAgCkhG+SW9Vu23M7OzujOTms+IRjN0ydNWb+r2GgdYaT/SDwa0N+J/wNZnlUovxAekpRyghrmxTf7iyH5/IrPRuOkRU8LVyvbdD3MaPDplswBzYnpDOG0MeEbfzo0OmFGGe18Zcb38HuJ0fzwbUI55k9ognmT3iL2QWOFb0R17JEme4nh8XZFa7qR522l8yFkgQ63e9gY/HmTdv5ccFmTLMhQ5dbXU93MqPZ83sEU7IvEyzGE16XazH79Abv5NypV6KMaXjGSpN4UURkt+evU/0TiYTNscWfBhVS7oE692C6v+8Xj+9YTqMUCR7lBtf+1zDjIauaYzfNTY+RLkUekxEMvXxzO/bTCfonUyuV7m5KvXRBqH3IiF9u16hPvNTo7rBVjs9tUSq9GSINJ8zYk3NH6Awkn1b6QYDIcSPDzS11v9OuXJvU/YTGdWxjrZVyGSK6i3ThX0umMjOY/Y/oQJMuu//A37qx7d8+CEGLj6UUX0c7JUHCsxmVe/WCYcgFn59/5Z9RVqlz29/MaT/az9XfvwEzrp5G1nx7Dzbla9UQxXSU2gJqtpScEFa9YasfbvvysTe4YjMc2SpJsdtbeQG89VBrerUgvK1bjyPVC8Z15kzmchhhuD0mUiJps8UVvPxNLA+NM2nLhG89vqSt83pXuGITCkmgdIoChTREIJq5EnnX9Q+KcJtqjMzKo0hEmju6HleYSkKamAJxrRo1u6cSIazyPy2pJOhyH97UGJDg+rGhWEOYcnsqI9WbZy/RzGREcq7j4xLFaUuvkgzIsDKK1f+WDJ9sUiVTpi5VplQCq5iHWGELVn0GOj40QXV7HWjU6nkuPKnTXOapRHHCkmSYF+SlvbrWVEFi2/NefcCHsmUUlSum3NMyrB5BC+OqS5T/Q0mzvyxZPIo42G2HeGQUOHfl9Q5pRmovZV0sa8jsB+kpALPkGnAsy1SekX4rLL6Rk0mD8mcznKCgKaS+hBihmMRY5Y727t/GD8CbF+O5vbwUWKXHZBuyZchr3TVWP+wZJJe9mYU/s1IQ6m+oyhVIyzc7d0/Gj+k/elBtkbkraDxgSnfd9WYAxgyyz0pk1k9iMhJQIYUOGQZGbZ6qHrZ+iE5BqmXFh7eaUDlQxdz/uRYTg14nNhzp5vZFZvqEdWcePVIOc5+kPzspJJKFyYSiWRzouS5zHHCoFzaucw0Hdq6TXU8lC5u/XgtEdKcvGl+Klku2/kyWe+w8EMtHWXbL//e2HwmcNg/AAAAAElFTkSuQmCC" name="Image17" align="bottom" width="83" height="32" border="0"></sub>kasrlar uchun eng kichik umumiy maxraj topuvchi algoritm tuzing.</p> <br />Berilgan a, x va t da <sub><img src="data:image/png;base64,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" name="Image18" align="bottom" width="289" height="83" border="0"></sub> <br />funksiyaning qiymatini hisoblovchi dastur tuzing. <br />3. Shunday dastur tuzingki, kiritilgan<span> A</span> matndagi eng ko'p uchraydigan belgi soni bilan probellar sonini taqqoslab kor'satsin. Masalan: «a - 21» > «probel - 7». <br />4. Quyidagi mazmunda dastur tuzing: kiritilgan<span> N</span> (1<N<15) ning qiymatiga ko'ra ekranda markazi ekran markazida bo'lgan<span> N</span> ta aylana rasmi hosil qilinsin <br />5. Berilgan<span> N (N></span>21) xonali son 2 ga, 3 ga bo'lingandagi qoldig'ini aniqlovchi dastur tuzing. <br /><b>Uyga vazifa: </b> <br />6. <span>N</span> sonining barcha bo'luvchilari sonini topuvchi dastur tuzing. <br />7. «Hayr, maktabim!» nomli web-sahifa tayyorlang.


Download 1.92 Mb.

Do'stlaringiz bilan baham:
1   2   3   4   5   6




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling