1- dars. Mavzu: Masalalarni kompyuterda yechish bosqichlari

Uslub: Ma'ruza va amaliyotning uyg'unligi.
Shakl: Savol-javob. Jamoa va kichik guruhlarda ish­lash.
Vosita:Elektron resurslar, darslik, plakatlar, tarqatma materiallar.
Usul: Tayyor prezentatsiya materiallari asosida.
Nazorat: Og'zaki, savol-javob, muhokama, kuzatish.
Baholash: Rag'batlantirish, 5 ballik reyting tizimi aso­sida.

Kutiladigan natijalar	O'quvchilarning yangi bilim va ko'nikmaga ega bo’ladi Web-sahifada formalarning o’rni, juft tegining vazifasi va ishlatilishi. Uning ACTION va METHOD kabi parametrlari. juftmas tegining NAME parametric bilan ishlatilishi, tegida SUBMIT qiymatli TYPE parametridan foydalanish to’g’risida ko’nikmaga ega bo’ladi.
Kelgusi rejalar (tahlil, o'zgarishlar)	O'qituvchi o'z faoliyatining tahlili asosida yoki ham- kasblarining dars tahlili asosida keyingi darslariga o'zgartirishlar kiritadi va rejalashtiradi.

Darsning borishi va vaqt taqsimoti

	Dars bosqichlari	Vaqt
1	Tashkiliy qism	3 daqiqa
2	O'tilganlarni takrorlash	7 daqiqa
3	Yangi mavzu ustida ishlash	14 daqiqa
4	Yangi mavzuni mustahkamlash	13 daqiqa
5	Uyga vazifa	3 daqiqa

O’tilgan mavzuni takrorlash.
1.URL-manzil deganda nimani tushunasiz?
2.Web-sahifada gipermurojaat qanday tashkil etiladi?
3.Web-sahifadagi o'tish nuqtasi o'z ichiga nimalarni olishini izohlang.
4.Tarkibiy web-sahifa deganda nimani tushunasiz?
5.Elektron pochtaga murojaat qanday tashkil etiladi?


Yangi mavzu bayoni.
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:

1.Ixtiyoriy javob kiritish uchun mo'ljallangan.

2.Tavsiya etilgan javoblardan birini tanlash uchun mo'ljallangan.

Savollarni web-sahifaning istalgan yeriga joylashtirish mumkin,

ya'ni, formaning tuzilishini o'zingizga yoqqan shaklda tashkil etishingiz mumkin.
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.
Forma hosil qilish uchun juft tegi qo'llaniladi. Uning ACTION va METHOD kabi parametrlari bor. ACTION parametri majburiy bo'lib, uning qiymati URL-manzildir.
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 tegiga METHOD=POST va ACTION= "mailto: elektron pochta tizimidagi ad res" parametrlari qiymati bilan qo'shiladi. Masalan: ,,maato:[e-mail]^/,>
Formada savol-javob tashkil qilish uchun 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:

Sizning ismingiz: CINPUT NAME = "ism kiritiladigan joy" SIZE=25>
Bu teglar formada «Sizning ismingiz:» matnini va 25 tagacha belgi kiritish mumkin bo'lgan «ism kiritiladigan joy» nomli matn maydonini hosil qiladi.
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 juft tegidan foydalaniladi. Bu teg tarkibida matn maydoni nomini (NAME), satrlar (ROWS) va ustunlar (COLS) sonini belgilovchi parametrlar ishtirok etadi. Masalan, <br />Izoh: <br /><TEXTAREA NAME="Izoh" ROWS=4 COLS=40> <TEXTAREA > <br />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. <br />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 <br />RADIO (yo'naltirish) qiymati bilan birga ishlatiladi. Belgilangan doirachaga mos sizga (yoki web-serverga) keladigan ma'lumot VALUE (qiymat) parametrining qiymati bo'ladi. <br />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. <br />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: <br />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 <a href="/bu-animatsiyada-ona-va-bola-ayiqlar-tasvirlangan-kichik-ayiq-o.html">bilan qaytib kelishi uchun </a><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 />< INPUT TYPE="submit" VALUE="Formani jo'natish"> tegi ekranga ichida «Formani jo^Јnatish» jumlasi yozilgan tugma chiqaradi va bu tugma tanlansa formadagi ma'lumotlar kerakli manzilga jo'natiladi, <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. <br />Quyida forma uchun HTML-hujjat va unga mos web-sahifa keltirilgan: <br />Yuqoridagi formani hosil qilishda web-sahifaga jadval joylashtirish imkoniyatlaridan foydalandik. Shuning uchun ikki turdagi tanlash tugmalari yonma-yon aks etgan. <br />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> <a href="/tegidan-tashqari-bu-bolimning-qolgan-barcha-teglari-ekranda-ak-v3.html">tegi ichida ishlatiladigan </a><OPTION> toq tegi yordamida kiritiladi. SELECT tegining NAME, SIZE, MULTIPLE kabi parametrlari bor. Parametrlar ishini quyida keltirilgan misoldan tushunib olish mumkin. <br />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 /></select></select></input></input></input></input>