Создание веб-страницу на технологии HTML

XXI asr axborot  XXI asr axborot  texnologiyalari  texnologiyalari  asriasri

Mavzu:  Web sahifalarda  formalar yaratish va  bezash Darsning shiori: Biz yosh avlod barkamol O’qib topamiz kamol !

O’tilganlarni  takrorlash

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin Qaysi dasturiy ta’minot turi  Savol:     Qaysi dasturiy ta’minot turi       Savol:            internetdagi ma’lumotlarni ko’rish  internetdagi ma’lumotlarni ko’rish  vositasi hisoblanadi? vositasi hisoblanadi? Opera Bloknot Internet Explorer Microsoft WORD

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin      Savol:     Web sahifaga rasmlar qaysi  Savol:     Web sahifaga rasmlar qaysi        deskriptor yordamida  qo’yiladi? deskriptor yordamida  qo’yiladi? Title VSPACE SRC IMG

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin  IMG deskriptorining majburiy  Savol: IMG deskriptorining majburiy       Savol:       buyrug’i qaysi ? buyrug’i qaysi ? IMG SRC Title VSPACE

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin Savol: Web sahifada asosan qanday       Savol: Web sahifada asosan qanday        formatdagi rasmlardan foydalaniladi? formatdagi rasmlardan foydalaniladi? Gif,bmp Giff, jpg Jpg,exe

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin Savol: Matn rasmga nisbatan necha       Savol: Matn rasmga nisbatan necha        xil ko’rinishda joylashadi? xil ko’rinishda joylashadi? 3   x i l 2   x il 4   x i l 5   x il

Muammoli vaziyat Muammoli vaziyat Kompyuter texnikasi va internetdan  Kompyuter texnikasi va internetdan  foydalanishda  foydalanishda  ta’limning sifati  o’zgaradi,  ta’limning sifati  o’zgaradi,  negaki bilimlar AKT vositasida puxta egallanadi. negaki bilimlar AKT vositasida puxta egallanadi.   Kimda bilim ko’p bo’lsa, AKT dan foydalana olsa, Kimda bilim ko’p bo’lsa, AKT dan foydalana olsa, muvaffaqiyat qozonishi borasida  muvaffaqiyat qozonishi borasida  imkoniyatlari ko’proq bo’ladi, degan fikrni  imkoniyatlari ko’proq bo’ladi, degan fikrni  ma’qullaysizmi? ma’qullaysizmi?

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin             Qaysi dasturiy ta’minot turi  Savol:     Qaysi dasturiy ta’minot turi  Savol:      internetdagi ma’lumotlarni ko’rish  internetdagi ma’lumotlarni ko’rish  vositasi hisoblanadi? vositasi hisoblanadi? Opera Bloknot Internet Explorer Microsoft WORD

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin             HTML da web sahifaga nom  Savol:     HTML da web sahifaga nom  Savol:      berish qaysi deskriptor yordamida  berish qaysi deskriptor yordamida  amalga oshiriladi? amalga oshiriladi? Title BR HTML Head

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin Savol: HTMLda sarlavha joylashtirish       Savol: HTMLda sarlavha joylashtirish        tegining nomi nima va u necha  tegining nomi nima va u necha  pog’onada joylashtiriladi?? pog’onada joylashtiriladi Font, 6 pog’ona   6   p o g ’ o n a d a l e , T i t Head, 6 pog’ona BR, 5 pog’onada

““Tanlab ol” didaktik o’yin Tanlab ol” didaktik o’yin      Savol:            HTML da  dasturni qaysi  Savol:     HTML da  dasturni qaysi  deskriptor yordamida tugatiladi? deskriptor yordamida tugatiladi? HTML

Yangi  Yangi  mavzu  mavzu               bayoni bayoni

Dars maqsadi:  Web sahifalarda formalar yarata  Forma yaratishda qo’llaniladigan deskriptorlardan foydalana olish;  Formani jo’natish va tozalashni olish; bilish

Dars rejasi: 1.Formalar haqida ma’lumot 2. Web sahifada formalar joylashtirish 3.Formaning turli ko’rinishlari 4. Formalarni jo’natish va formani tozalash

Forma haqida tushuncha Web sahifada formalar so’rovlar o’tkazish  maqsadida qo’llaniladi. Bu so’rovlar  turlicha bo’lishi mumkin.     Masalan: Web sahifaning reytingini  aniqlash, biror korxona mahsulotlari  haqidagi fikrlarni to’plash, yangi klipning  reytingini aniqlash, Internet orqali  tanishish va boshqa maqsadda web  sahifada formalar tashkil qilinadi.

Web sahifaga forma joylashtirish        Maqsadiga ko’ra formadagi savollar  ham turlicha bo’ladi. Lekin web  sahifada savollar tashkil etish bir xil  buyruq (deskriptor)lar yordamida  amalga oshiriladi. Bu deskriptorlar Web  sahifada savol matni bilan birga javob  oynasini hosil qiladi.Savol matni Web  sahifa tayyorlanayotganda kiritiladi.

Web sahifada formalardagi savollar  tuzilishiga ko’ra ikki turga bo’linadi: Ixtiyoriy javob  kiritish  uchun  mo’ljallangan Javoblardan  birini tanlash  uchun  mo’ljallangan

sahifaning xoxlagan  yeriga joylashtirish  mumkin. Ya’ni,  formaning tuzilishini  Savollarni Web  o’zingizga yoqqan  shaklda tashkil  etishingiz mumkin.

Bu ishlarni boshqacha  tashkil etish ham  mumkin.Web sahifada kerakli  savollarni oddiy matn sifatida  berib, bu savollarga elektron  pochta orqali javob yuborishni  iltimos qilish, elektron pochta  manzilingizni ko’rsatishingiz  mumkin.

Lekin yuqorida aytib o’tilganidek  web sahifaga savollarni oddiy  usulda jo’natganda deyarli javob  ololmaysiz. Chunki hamma ham  tanimagan kishisiga xat yozishga  jazm qilmaydi. Bundan tashqari  formadagi savollarga javob berish  ko’p mulohaza talab qilmaydi. Xat  yozishda esa o’ylab mulohaza  yuritib yozish kerak.

F o r m a < F O R M > i p t o r i d e s k r l a n b i b o s h l a n i b , < / F O R M > i p t o r i d e s k r l a n b i y a k u n l a n a d i

Bu deskriptor yordamida berilgan  savolga javob kiritish uchun matn  maydoni hosil qilinadi. Matn maydoni nomi va  o’lchami bilan  ifodalanadi

Formada matn  maydoni o’lchami  SIZE ko’rsatmasi  yordamida beriladi.

FORMA

Sizning ismingiz:

Familiyangiz:

Formaning ba’zi savollariga  yozilgan javob bitta satrga  sig’masligi mumkin. Masalan  formada “Izoh ” bandi bo’lsa,  odatda unga bir necha  satrdan iborat matn maydoni  ajratiladi. Buning uchun   deskriptoridan  foydalaniladi

T < E d < X T s e T / >   d A k E e i r R X s y b A t A >   i   r E t n   a o o R p i a i l i   A d r i E p T k o r i l p

Formada shunday savollar ham  borki,ularda ma’lum javoblardan biri  tanlanadi. Masalan, ma’lumotingiz  haqidagi savolga,albatta, boshlang’ich,  o’rta, o’rta maxsus yoki oliy  javoblaridan birini tanlaysiz. Bunday  savollarga javobni oldindankiritib  qo’yish yaxshi samara beradi. Odatda  bunday tashkil qilingan javoblar oldiga  katakcha joylashtirilib qaysi javob  tanlansa, shu javob oldidagi katakcha  belgilanadi.

Formada javobi  tanlanadigan  savol­ javobni tashkil qilish  uchun   deskriptorida  TYPE=CHECKBOX  ko’rsatmasi qo’llaniladi

Buni quyidagi misolda ko’rib o’tamiz.

 Ma'lumotingiz: 
 Boshlang'ich
  O'rta
 O'rta  maxsus 
 oliy

Formani jo’natish       Yuqoridagi deskriptorlardan foydalanib  murakkab bo’lmagan formalar yaratish  mumkin.Yaratgan formangizni Internet  tarmog’iga joylashtirsangizuni millionlab  odamlar ko’radi. Ammo unga berilgan  savollarga javoblar sizga yeib  kelmaydi.Yaratgan formangiz javoblari bilan  qaytib kelishi uchun   deskriptopridan foydalaniladi.Bu deskriptor  yordamida formani jo’natishyoki yangi  ma’lumotlar kiritilishi uchun formadagi matn  maydonlarini tozalashni tashkil etish mumkin.

Formani jo’natish     

Formani tozalash

O’tilgan mavzuni mustahkamlash yuzasidan quyidagi topshiriqlar beriladi:

SAVOL Formalar nima uchun ishlatiladi?

SAVOL Web sahifada forma qanday tashkil etiladi?

SAVOL Formada matn maydoni qanday belgilanadi?

SAVOL Formada bir necha satrli matn maydoni qanday tashkil qilinadi?

SAVOL Forma qanday jo’natiladi va tozalanadi?

TOPSHIRIQ “Kutubxona anketasi” nomli forma tayyorlang

Uyga vazifa Web sahifada “KelajakYoIH” uchun anketa tayyorlash bo’yicha dastur tuzib kelish