HTML tili haqida ma’lumot va veb-sahifalar tayyorlash - Информатика и ИТ - Презентации

Информация о документе

Цена	3000UZS
Размер	1.5MB
Покупки	0
Дата загрузки	04 Август 2023
Расширение	ppt
Раздел	Презентации
Предмет	Информатика и ИТ

HTML tili haqida ma’lumot va veb-sahifalar tayyorlash

Купить

HTML tili HTML tili haqida haqida ma’lumot va ma’lumot va veb-sahifalar veb-sahifalar tayyorlash.tayyorlash. 1

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

3Internet – 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

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

04.08.23 5HTML 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.

04.08.23 6HTML 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.

04.08.23 7Deskriptor (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 orasiga yoziladi; • Ular ochiluvchi <> va yopiluvchi </> bo’lishi mumkin; • Katta yoki kichkina harflarda yozilishi mumkin.

04.08.23 8Veb sahifaning asosiy teglari • <html> </html> - Html hujjatning boshi va oxiri; • <title></title> - Veb sahifaning nomi; • <head></head> - sahifaning bosh qismi; • <body></body> - sahifaning asosiy qismi; • <body bgcolor=“red” yoki =#kod>

04.08.23 9Oddiy matnlar bilan ishlash

04.08.23 10Matnni formatlash

04.08.23 11Matnni formatlash teglari • I – (italic) yotiq shrift Informatika yoki <em></em> • B – (bold) quyuq shrift Informatika yoki <strong></strong> • U – (underline) tagiga chizilgan shrift Informatika

04.08.23 12Abzatsni formatlash

04.08.23 13<p></p> - yangi abzats

04.08.23 14<br> - yangi qator hosil qilish

04.08.23 15Align atributi – abzatsni tekislash

04.08.23 16Abzatsni tekislash • <p align=left>- abzatsni ekranning chap chegarasiga nisbatan tekislaydi. • <p align=cenrer>- abzatsni ekranning markaziga nisbatan tekislaydi. • <p align=right>- abzatsni ekranning o’ng chegarasiga nisbatan tekislaydi. • <p align=justify>- abzatsni ekranning har ikki chegarasiga nisbatan tekislaydi.

04.08.23 17Shriftlar bilan ishlash <font> </font>  Garnitura: <font face=Baltica></font> <font face=“Baltica Uzbek”> <font face=“Baltica, Verdana, Arial”></font>  O’lcham: <font size=N></font> 1<=N<=7 <font size=+4></font> <font size=-2></font> Avto qo’yiladigani: size=3

04.08.23 18Shrift o’lchamlaridan namunalar

04.08.23 19Sarlavhalar turlari

04.08.23 20Ro’yxatlar tashkil etish • <OL > • <LI> Нодир ; • <LI> Наргиз а ; • <LI> Наримо н . • </OL> • <UL > • <LI> Нодир ; • <LI> Наргиза ; • <LI> Наримон . • </UL>

Ro’yxatlarning turlari < u l type=" disk "> < u l type=" circle "> < u l type=" square "> <ol type=“ 1 " > <ol type="I" > <ol type=“ i " > <ol type=“ A " > <ol type=“ a " >

04.08.23 22Maxsus belgilar ketma- ketligi • Qo’shtirnoq 1)«» - « va » 2) „“ - &bdquo; va ” 3) ”“ - “ va ” • Tire 1) -(defis) -klaviaturada 2) – (minus) - – 3) — (tire) - — • >(katta) - > • < (kichik) - &lt • & (ampersand) - & • Bo’sh joy tashlash (probel)- &nbsp • <nobr></nobr> - qatorni uzmaslik • <wbr> - qatorni uzish mumkin

Yuguruvchi qator <marquee height="10" width="270" bgcolor=“ rang "> MATN </marquee> misol

04.08.23 24Hujjatga rasm qo’yish

Rasmning xususiyatlari • ( 1) - <img src="pr1.png" vspace="10"> (2) - <img src="pr1.png" hspace="30"> (3) - <img src="pr1.png" alt=“ foto "> (4) - <img src="pr1.png" width="100"> (5) - <img src="pr1.png" height="200"> (6) - <img src="pr1.png" border="5“ bordercolor="#CC0000">

04.08.23 26Rasmga yo’l ko’rsatish • Hujjat va rasm bitta papkada joylashgan: <img src=“book.jpg” width=100 height=100> • Hujjat va rasm turli papkada joylashgan: <img src=“c:/papka1/papka2/book.jpg”> • Hujjat va rasm ichma-ich papkada joylashgan: <img src=“papka2/book.jpg”> • Hujjat va rasm turli saytlarda joylashgan: <img src=“http://www.oloy.uz/papka1/papka2/b ook.jpg”>

04.08.23 27Jadvallar bilan ishlash • <table></table> - jadval qo’yish • <tr>(table rows)- satrlar • <td> (table data)- yacheyka <td nowrap>- qatornibo’lmaslik <td width=100 yoki 100%> <td height=100 yoki 100%> • <caption> -jadval nomi • <table border=2> - jadval chegarasining kengligi • Gorizontal tekislash: Align=left,right,cent er • Vertikal tekislash: Valign=top, middle, bottom

04.08.23 28Jadvallar yaratish

04.08.23 29Freymlar • Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin. • <frameset rows=“25%,*”>…</frameset> • <frameset cols=“30%,*”>…</frameset> • <frame src=“fayl1.htm” name=“fr1”>

04.08.23 31Freymlar hosil qilish

04.08.23 32Giperbog’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); • <a></a> anchore (Internet dengizidagi langar)

04.08.23 33Shu faylning biror aniq joyiga bog’lanish <a name=“kitob”> < a href=“# kitob "> misol fayl Kitob(zakladka)

04.08.23 34Boshqa faylga giperbog’lanish <a href=“fayl2.htm”>Boshqa faylning boshiga o’tish</a> fayl1 fayl2

04.08.23 35Boshqa faylning biror aniq joyiga bog’lanish < a href=“ fayl 2.htm# kitob "> (fayl1.htm da yoziladi) <a name=“kitob”> (fayl2.htm da yoziladi) fayl1 fayl2 Kitob(zakladka)

04.08.23 36Boshqa oyna orqali bog’lanish • < a href=“ fayl 2.htm“ target=“freym2” > yoki • < a href=“ fayl 2.htm# kitob “ target=“freym2” > misol freym2freym1 fayl2 fayl1

Rasmdan gipermurojaat <a href="big.jpg"> <img src="small.jpg"> </a> misol

Rasm qismidan gipermurojaat <img src=“ ris .gif" usemap="#karta2"> ... <map name="karta2" > <area href=“ name .html" shape="circle" coords=“ X , Y , R "> </map> misol

04.08.23 39Namo Web Editor 5.5

04.08.23 40Namo Web Editor (HTML-kod)

04.08.23 41Freymlarga bo’lish

04.08.23 42Clip Art ob’yektlarini qo’yish

04.08.23 43Animatsion ob’yektlar qo’yish

04.08.23 44Namo GIF Animator

45Adabiyotlar  Е.Л.Полонская , Язык 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

Купить

Похожие документы
Operatsion tizimlarda journaling file system
I/O scheduling algoritmlari
O‘rta Osiyo kutubxonalarining o‘rganilish masalalari
Funksiyalar va arrow function
Tashkilot xodimlari ma’lumotlarini jamlovchi tizim