Html_tili_va_veb_sahifalar_tayyorlash

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

20.01.20

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

20.01.20

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.

20.01.20

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

20.01.20

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.

20.01.20

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.

20.01.20

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.

20.01.20

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.

20.01.20

Veb sahifaning asosiy teglari

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

20.01.20

Oddiy matnlar bilan ishlash

20.01.20

Matnni formatlash

20.01.20

Matnni formatlash teglari

• I – (italic) yotiq shrift Informatika

yoki

• B – (bold) quyuq shrift Informatika

yoki

• U – (underline) tagiga chizilgan shrift Informatika

20.01.20

Abzatsni formatlash

20.01.20

- yangi abzats

20.01.20

- yangi qator hosil qilish

20.01.20

Align atributi – abzatsni tekislash

20.01.20

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.

20.01.20

Shriftlar bilan ishlash

• Garnitura:

• O’lcham:

1

Avto qo’yiladigani: size=3

20.01.20

Shrift o’lchamlaridan namunalar

20.01.20

Sarlavhalar turlari

20.01.20

Ro’yxatlar tashkil etish

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

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

20.01.20

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) - — 20.01.20 " 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) - —

20.01.20



Yuguruvchi qator

MATN

misol



Hujjatga rasm qo’yish

20.01.20



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:

20.01.20



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

  20.01.20 Jadvallar yaratish 20.01.20 Freymlar Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin. … … 20.01.20 20.01.20 Freymlar hosil qilish Yuqori freym O’ng freym Chap freym Freym strukturasi 20.01.20 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) 20.01.20 32 misol fayl Kitob(zakladka) 20.01.20 32 " width="640" Shu faylning biror aniq joyiga bog’lanish a href=“# kitob " misol fayl Kitob(zakladka) 20.01.20 32 Boshqa faylga giperbog’lanish Boshqa faylning boshiga o’tish fayl1 fayl2 20.01.20 (fayl1.htm da yoziladi) (fayl2.htm da yoziladi) fayl2 Kitob(zakladka) fayl1 20.01.20 " 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 20.01.20 yoki a href=“ fayl 2.htm# kitob “ target=“freym2” misol freym2 freym1 fayl2 fayl1 20.01.20 " 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 20.01.20 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 20.01.20 Namo Web Editor (HTML-kod) 20.01.20 Freymlarga bo’lish 20.01.20 Clip Art ob’yektlarini qo’yish 20.01.20 Animatsion ob’yektlar qo’yish 20.01.20 Namo GIF Animator 20.01.20 Электронная тетрадь по информатике 5... Основы алгоритмизации и... Информатика 11 класс ФГОС Электронная тетрадь по информатике 8... Информатика 6 класс ФГОС Электронная тетрадь по информатике 5... Электронная тетрадь по информатике 8... Информационная безопасность Скачать © 2020, ГАФУРОВА МАШКУРА АБДУГАПИРОВНА 963 1 Вконтакте Одноклассники Facebook Twitter Google+ 0 нравится 0 Нет комментариев Вебинар для учителей Свидетельство об участии БЕСПЛАТНО! Полезное для учителя Онлайн инструменты с готовыми материалами Видеоуроки Электронные тетради Онлайн-тесты Комплекты для уроков Дистанционные олимпиады Вебинары для учителей Блиц турниры Новости проекта 03.06.24 Лайфхак учителя №1! Что делать с плохой накопляемостью отметок 12.05.24 Лайфхак учителя №2! Как перестать бегать от ученика к ученику во время практической работы 04.05.24 Лайфхак учителя №3! Что делать, если вы устали из урока в урок повторять одно и то же