HTML tili va Namo Web Editor muharriri yordamida veb-sahifalar tayyorlash

HTML tili va Namo Web Editor muharriri yordamida veb-sahifalar tayyorlash

07/19/19

Adabiyotlar

• Е.Л.Полонская , Язык HTML . Изд.Диалектика Москва • Санкт-Петербург • Киев 2003 г .
• П.Гончарев, Язык HTML . Изд.Диалектика Москва
• Kim Taysek HTML&CSS
• Umarova Sh., Rahmatov M. HTML tili va Namo Web Editor muharriri yordamida veb-sahifalar tayyorlash. JIDU 2006 y

07/19/19

INTERNET ko’lami

• Axborot olish;
• Mahsulot va xizmat ko’rsatish kompaniyalarini qidirish;
• Tajriba almashish;
• Ta’lim;
• Tijorat (oldi-sotdi);

• Sog’liqni saqlash;
• Tadbirlar tashkillashtirish;
• Notijorat faoliyat;
• Tanishish;
• O’yinlar va boshqa qator yo’nalishlar.

07/19/19

Internet – bu …

• Internet (Net-tarmoq) dunyodagi eng yirik kompyuter tarmog’idir;
• Elektron pochta;
• Web – o’zaro bog’langan ko’plab axborotli sahifalarning yig’indisi;
• Internet Explorer – Veb hujjatlarni ko’ruvchi brouzer programmasi

07/19/19

WWW nima?

• World Wide Web -butun jahon o’rgimchak to’ri
• http {протокол передачи гипер - текстовых файлов) — veb-brouzer va Veb server orasidagi aloqa;
• URL {унифицированный указатель информационных ресурсов) – adres.
• HTML {язык разметки гипертекста) — Veb sahifalar yoziladigan til, uning 1-versiyasi 1989 yilda Jenevadagi elementar zarralar fizikasi Evropa laboratoriyasida kashf etildi. Uni britaniyalik tadqiqotchi Tim Berners Li yaratdi.

07/19/19

HTML nima uchun zarur?

• HTML {язык разметки гипертекста) — Veb sahifalar yoziladigan til bo’lib, u dasturlash tili emas.
• Fayllarning o’lchami kichik bo’lishi lozim, chunki…

Modem tezligi 128 Kbit/s=16 Kbayt/s

Tarmoqdagi xatoliklar hisobga olinsa: 16/1.5=10.66

1 minutda 10.66*60=640 Kbayt axborot olish mumkin

• Dasturiy ta’minot ham arzonga tushadi.

07/19/19

HTML redaktorlar

1) Vizual redaktorlar

• Word
• Namo Web Editor
• Macromedia Dreamweaver MX va h.

2) Vizual bo’lmagan redaktorlar (faqat HTML-kod ko’rinishida)

• Notepad (Bloknot)
• Home Site va h.

07/19/19

Deskriptor (teg)lar – kalit so’zlar

• Teglar HTML ning kalit so’zlari bo’lib, hujjatning biror qismini kerakli ko’rinishda formatlash uchun ishlatiladi;
• Ular (katta) belgilari orasiga yoziladi;
• Ular ochiluvchi va yopiluvchi bo’lishi mumkin;
• Katta yoki kichkina harflarda yozilishi mumkin.

07/19/19

Veb sahifaning asosiy teglari

• - Html hujjatning boshi va oxiri;
• - Veb sahifaning nomi;
• - sahifaning bosh qismi;
• - sahifaning asosiy qismi;

07/19/19

Oddiy matnlar bilan ishlash

07/19/19

Matnni formatlash

07/19/19

Matnni formatlash teglari

• I – (italic) yotiq shrift Informatika

yoki

• B – (bold) quyuq shrift Informatika

yoki

• U – (underline) tagiga chizilgan shrift Informatika

07/19/19

Abzatsni formatlash

07/19/19

- yangi abzats

07/19/19

- yangi qator hosil qilish

07/19/19

Align atributi – abzatsni tekislash

07/19/19

Abzatsni tekislash

• - abzatsni ekranning chap chegarasiga nisbatan tekislaydi.

• - abzatsni ekranning markaziga nisbatan tekislaydi.

• - abzatsni ekranning o’ng chegarasiga nisbatan tekislaydi.

• - abzatsni ekranning har ikki chegarasiga nisbatan tekislaydi.

07/19/19

Shriftlar bilan ishlash

• Garnitura:

• O’lcham:

1

Avto qo’yiladigani: size=3

07/19/19

Shrift o’lchamlaridan namunalar

07/19/19

Sarlavhalar turlari

07/19/19

Ro’yxatlar tashkil etish

• 2. Нодир ;
  4. Наргиза ;
  6. Наримон .

• • Нодир ;
  • Наргиза ;
  • Наримон .

07/19/19

type="I" type=“ i " type=“ A " type=“ a " disk " circle " square " " width="640"

Ro’yxatlarning turlari

type=“ 1 "
type="I"
type=“ i "
type=“ A "
type=“ a "

disk "

circle "

square "

(katta) - > & (ampersand) - & Bo’sh joy tashlash (probel)-   - qatorni uzmaslik - qatorni uzish mumkin 1)«» - « va » 2) „“ - „ va ” 3) ”“ - “ va ” Tire -(defis) -klaviaturada – (minus) - – — (tire) - — 07/19/19 " width="640"

Maxsus belgilar ketma-ketligi

• Qo’shtirnoq
• (katta) - >
• & (ampersand) - &
• Bo’sh joy tashlash (probel)-  
• - qatorni uzmaslik
• - qatorni uzish mumkin

1)«» - « va »

2) „“ - „ va ”

3) ”“ - “ va ”

• Tire
• -(defis) -klaviaturada
• – (minus) - –
• — (tire) - —

07/19/19



Yuguruvchi qator

MATN

misol



Hujjatga rasm qo’yish

07/19/19



Rasmning xususiyatlari

• ( 1) - (2) - (3) - (4) - (5) - (6) -


Rasmga yo’l ko’rsatish

• Hujjat va rasm bitta papkada joylashgan:
• Hujjat va rasm turli papkada joylashgan:
• Hujjat va rasm ichma-ich papkada joylashgan:
• Hujjat va rasm turli saytlarda joylashgan:

07/19/19



Jadvallar bilan ishlash

• -jadval nomi
• - jadval chegarasining kengligi
  Gorizontal tekislash:

  Align=left,right,center

  • Vertikal tekislash:

  Valign=top, middle, bottom

  • - jadval qo’yish
  (table rows)- satrlar

  (table data)-yacheyka

  -qatornibo’lmaslik

  07/19/19 Jadvallar yaratish 07/19/19 Freymlar Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin. … … 07/19/19 07/19/19 Freymlar hosil qilish Yuqori freym O’ng freym Chap freym Freym strukturasi 07/19/19 Giperbog’lanishlar Giperbog’lanish bu - gipermatnli hujjatdan boshqa bir hujjatga o’tish uchun yo’l ko’rsatib turadigan ko’rsatkichdir. Kirish nuqtasi (qayerdan o’tiladi); O’tish nuqtasi (qayerga o’tiladi); anchore (Internet dengizidagi langar) 07/19/19 32 misol fayl Kitob(zakladka) 07/19/19 32 " width="640" Shu faylning biror aniq joyiga bog’lanish a href=“# kitob " misol fayl Kitob(zakladka) 07/19/19 32 Boshqa faylga giperbog’lanish Boshqa faylning boshiga o’tish fayl1 fayl2 07/19/19 (fayl1.htm da yoziladi) (fayl2.htm da yoziladi) fayl2 Kitob(zakladka) fayl1 07/19/19 " width="640" Boshqa faylning biror aniq joyiga bog’lanish a href=“ fayl 2.htm# kitob " (fayl1.htm da yoziladi) (fayl2.htm da yoziladi) fayl2 Kitob(zakladka) fayl1 07/19/19 yoki a href=“ fayl 2.htm# kitob “ target=“freym2” misol freym2 freym1 fayl2 fayl1 07/19/19 " width="640" Boshqa oyna orqali bog’lanish a href=“ fayl 2.htm“ target=“freym2” yoki a href=“ fayl 2.htm# kitob “ target=“freym2” misol freym2 freym1 fayl2 fayl1 07/19/19 Rasmdan gipermurojaat misol ... name="karta2" href=“ name .html" shape="circle" coords=“ X , Y , R " misol " width="640" Rasm qismidan gipermurojaat usemap="#karta2" ... name="karta2" href=“ name .html" shape="circle" coords=“ X , Y , R " misol Namo Web Editor 5.5 07/19/19 Namo Web Editor (HTML-kod) 07/19/19 Freymlarga bo’lish 07/19/19 Clip Art ob’yektlarini qo’yish 07/19/19 Animatsion ob’yektlar qo’yish 07/19/19 Namo GIF Animator 07/19/19 -75% Курсы повышения квалификации Современный урок информатики в условиях реализации ФГОС Продолжительность 108 часов 5900 руб. 1480 руб. Подробнее Информационная безопасность Видеоуроки по информатике 6 класс (к... Информатика 7 класс (Россия) Информатика 9 класс ФГОС Электронная тетрадь по информатике 7... Информатика 4 класс ФГОС Информатика 11 класс (Беларусь) Электронная тетрадь по информатике 10... Скачать © 2019, Жалолова Махбуба Хафизовна 1842 0 Рекомендуем курсы ПК и ППК для учителей Основы HTML 1000 руб.  4000 руб. Современный урок информатики в условиях реализации ФГОС 1480 руб.  5900 руб. Применение облачных технологий в образовании 1000 руб.  4000 руб. Исследовательская деятельность учащихся 1000 руб.  4000 руб. Методика преподавания информатики в начальной школе в соответствии с... 1000 руб.  4000 руб. Внедрение современных педагогических технологий в условиях реализации... 1000 руб.  4000 руб. Вконтакте Одноклассники Facebook Twitter Google+ 0 нравится 0 Нет комментариев Вебинар для учителей Свидетельство об участии БЕСПЛАТНО! Полезное для учителя Онлайн инструменты с готовыми материалами Видеоуроки Электронные тетради Онлайн-тесты Комплекты для уроков Курсы повышения квалификации и переподготовки учителей Дистанционные олимпиады Вебинары для учителей Блиц турниры Новости проекта 28.12.23 С наступающим Новым годом, уважаемые учителя! Поздравляем вас с праздником! 16.11.23 Лайфхак учителя №3! Что делать, если вы устали из урока в урок повторять одно и тоже 09.11.23 Лайфхак учителя №2! Как перестать бегать от ученика к ученику во время практической работы Курсы для учителей! Реализация образовательных программ осуществляется с применением исключительно электронного обучения и ДОТ Учитель, преподаватель информатики 3450 руб. 13800 руб. Организация и сопровождение олимпиадной деятельности учащихся 1000 руб. 4000 руб. Система работы с высокомотивированными и одаренными учащимися по... 1000 руб. 4000 руб. Смотреть все курсы