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

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 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.

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

Namo Web Editor Namo Web Editor Namo Web Editor Namo Web Editor yordamida veb- yordamida veb- yordamida veb- yordamida veb- HTML tili va HTML tili va HTML tili va HTML tili va muharriri muharriri muharriri muharriri sahifalar sahifalar sahifalar sahifalar tayyorlash tayyorlash tayyorlash tayyorlash 07/15/19 1

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

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/15/19 2

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

INTERNET ko’lami • Sog’liqni saqlash; • Tadbirlar tashkillashti rish; • Notijorat faoliyat; • Tanishish; • O’yinlar va boshqa qator 3 • Axborot olish; • Mahsulot va xizmat ko’rsatish kompaniyalarini qidirish; • Tajriba almashish; • Ta’lim; • Tijorat (oldi- sotdi); 07/15/19

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

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/15/19 4

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

WWW nima? to’ri • World Wide Web -butun jahon o’rgimchak • 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/15/19 5

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

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/15/19 6

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

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/15/19 7

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

Deskriptor (teg)lar – kalit so’zlar • Teglar HTML ning kalit so’zlari bo’lib, hujjatning biror qismini kerakli ko’rinishda formatlash uchun ishlatiladi; • Ular < (kichik) va > (katta) belgilari • Ular ochiluvchi <> va yopiluvchi orasiga yoziladi; bo’lishi mumkin; • Katta yoki kichkina harflarda yozilishi mumkin. 07/15/19 8

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

Veb sahifaning asosiy teglari • - Html hujjatning boshi va oxiri; • - Veb sahifaning nomi; • - sahifaning bosh qismi; • - sahifaning asosiy qismi; • 07/15/19 9

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

Oddiy matnlar bilan ishlash 07/15/19 10

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

Matnni formatlash 07/15/19 11

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

Matnni formatlash teglari • I – (italic) yotiq shrift yoki • B – (bold) quyuq shrift yoki • U – (underline) tagiga chizilgan shrift Informatika Informatika Informatika 07/15/19 12

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

Abzatsni formatlash 07/15/19 13

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

- yangi abzats 07/15/19 14

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

- yangi qator hosil qilish 07/15/19 15

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

Align atributi – abzatsni tekislash 07/15/19 16

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

Abzatsni tekislash •

- abzatsni ekranning chap chegarasiga nisbatan tekislaydi. •

- abzatsni ekranning •

- abzatsni ekranning o’ng chegarasiga nisbatan tekislaydi. •

- abzatsni ekranning markaziga nisbatan tekislaydi. har ikki chegarasiga nisbatan tekislaydi. 07/15/19 17

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

Shriftlar bilan ishlash O’lcham: Garnitura: size=+4> Avto qo’yiladigani: size=3 07/15/19 18

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

Shrift o’lchamlaridan namunalar 07/15/19 19

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

Sarlavhalar turlari 07/15/19 20

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

Ro’yxatlar tashkil etish •

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

. •

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

он. а; 07/15/19 21

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

Ro’yxatlarning turlari

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

Maxsus belgilar ketma-ketligi • Qo’shtirnoq 1)«» - « va » 2) „“ - „ va 3) ”“ - “ va ” ” • Tire 1) -(defis) -klaviaturada 2) – (minus) - – 3) —(tire) - — & • >(katta) - > • < (kichik) - < • & (ampersand) - • Bo’sh joy tashlash • - qatorni uzmaslik • - qatorni (probel)- uzish mumkin 07/15/19 23

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

Yuguruvchi qator MATN misol

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

Hujjatga rasm qo’yish 07/15/19 25

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

Rasmning xususiyatlari • (1) -

(2) -

(3) -

(4) -

(5) -

(6) -

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

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/15/19 27

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

Jadvallar bilan ishlash •

- jadval qo’yish • (table rows)- satrlar • (table data)- yacheyka - qatornibo’lmaslik 100%> • -jadval nomi • - jadval chegarasining kengligi •Gorizontal tekislash: Align=left,right,center •Vertikal tekislash: Valign=top, middle, bottom 07/15/19 28

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

Jadvallar yaratish 07/15/19 29

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

Freymlar • Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin. • … • … • 07/15/19 30

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

07/15/19 31

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

Freymlar hosil qilish Yuqori freym Chap freym O’ng freym Freym strukturasi 07/15/19 32

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

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/15/19 33

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

Материалы на данной страницы взяты из открытых истончиков либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.

15.07.2019