Презентация, доклад на тему Подготовка веб-страниц с использованием языка HTML и редактора Namo Web Editor.

Содержание

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

Слайд 1*
HTML tili va Namo Web Editor muharriri yordamida veb-sahifalar tayyorlash

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

Слайд 2*
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
*AdabiyotlarЕ.Л.Полонская, Язык HTML . Изд.Диалектика Москва • Санкт-Петербург • Киев 2003г.П.Гончарев, Язык HTML . Изд.Диалектика Москва Kim

Слайд 3*
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.


*INTERNET ko’lamiAxborot 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.

Слайд 4*
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



*Internet – bu …Internet (Net-tarmoq) dunyodagi eng yirik kompyuter tarmog’idir;Elektron pochta;Web – o’zaro bog’langan ko’plab axborotli sahifalarning

Слайд 5*
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.
*WWW nima?World Wide Web -butun jahon o’rgimchak to’ri http {протокол передачи гипер-текстовых файлов) — veb-brouzer va Veb

Слайд 6*
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.

*HTML nima uchun zarur?HTML {язык разметки гипертекста) — Veb sahifalar yoziladigan til bo’lib, u dasturlash tili emas.Fayllarning

Слайд 7*
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.
*HTML redaktorlar1) Vizual redaktorlarWordNamo Web EditorMacromedia Dreamweaver MX va h.2) Vizual bo’lmagan redaktorlar (faqat HTML-kod ko’rinishida)Notepad (Bloknot)Home

Слайд 8*
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 orasiga yoziladi;
Ular ochiluvchi <> va yopiluvchi bo’lishi mumkin;
Katta yoki kichkina harflarda yozilishi mumkin.
*Deskriptor (teg)lar – kalit so’zlarTeglar HTML ning kalit so’zlari bo’lib, hujjatning biror qismini kerakli ko’rinishda formatlash uchun

Слайд 9*
Veb sahifaning asosiy teglari
- Html hujjatning boshi va oxiri;

- Veb sahifaning nomi;
- sahifaning bosh qismi;
- sahifaning asosiy qismi;


*Veb sahifaning asosiy teglari - Html hujjatning boshi va oxiri; - Veb sahifaning nomi; - sahifaning bosh

Слайд 10*
Oddiy matnlar bilan ishlash

*Oddiy matnlar bilan ishlash

Слайд 11*
Matnni formatlash

*Matnni formatlash

Слайд 12*
Matnni formatlash teglari
I – (italic) yotiq shrift Informatika
yoki
B – (bold)

quyuq shrift Informatika
yoki
U – (underline) tagiga chizilgan shrift Informatika

*Matnni formatlash teglariI – (italic) yotiq shrift Informatika yoki B – (bold) quyuq shrift Informatika yoki U – (underline)

Слайд 13*
Abzatsni formatlash

*Abzatsni formatlash

Слайд 14*
- yangi abzats

* - yangi abzats

Слайд 15*

- yangi qator hosil qilish

* - yangi qator hosil qilish

Слайд 16*
Align atributi – abzatsni tekislash

*Align atributi – abzatsni tekislash

Слайд 17*
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.

*Abzatsni tekislash- abzatsni ekranning chap chegarasiga nisbatan tekislaydi.- abzatsni ekranning markaziga nisbatan tekislaydi.- abzatsni ekranning o’ng chegarasiga

Слайд 18*
Shriftlar bilan ishlash

Garnitura:



O’lcham:

size=N>
1<=N<=7


Avto qo’yiladigani: size=3
*Shriftlar bilan ishlash Garnitura: O’lcham: 1

Слайд 19*
Shrift o’lchamlaridan namunalar

*Shrift o’lchamlaridan namunalar

Слайд 20*
Sarlavhalar turlari

*Sarlavhalar turlari

Слайд 21*
Ro’yxatlar tashkil etish

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


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

*Ro’yxatlar tashkil etish Нодир; Наргиза; Наримон. Нодир; Наргиза; Наримон.

Слайд 22Ro’yxatlarning turlari




type="I">



Ro’yxatlarning turlari

Слайд 23*
Maxsus belgilar ketma-ketligi
Qo’shtirnoq
1)«» - « va »
2) „“ - „ va

”
3) ”“ - “ va ”
Tire
-(defis) -klaviaturada
– (minus) - –
—(tire) - —

>(katta) - >
< (kichik) - <
& (ampersand) - &
Bo’sh joy tashlash (probel)-  
- qatorni uzmaslik
- qatorni uzish mumkin

*Maxsus belgilar ketma-ketligiQo’shtirnoq1)«» - « va »2) „“ - „ va ”3) ”“ - “ va ”Tire-(defis)

Слайд 24Yuguruvchi qator

Yuguruvchi qator

Слайд 25*
Hujjatga rasm qo’yish

*Hujjatga rasm qo’yish

Слайд 26Rasmning xususiyatlari
(1) - (2) - (3) -

“foto" (4) - (5) - (6) -
Rasmning xususiyatlari(1) - (2) - (3) -

Слайд 27*
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:




*Rasmga yo’l ko’rsatishHujjat va rasm bitta papkada joylashgan:Hujjat va rasm turli papkada joylashgan:Hujjat va rasm ichma-ich papkada

Слайд 28*
Jadvallar bilan ishlash
- jadval qo’yish
(table rows)- satrlar
(table data)-yacheyka
-qatornibo’lmaslik

width=100 yoki 100%>


-jadval nomi

- jadval chegarasining kengligi
Gorizontal tekislash:
Align=left,right,center
Vertikal tekislash:
Valign=top, middle, bottom
*Jadvallar bilan ishlash - jadval qo’yish(table rows)- satrlar (table data)-yacheyka-qatornibo’lmaslik -jadval nomi - jadval chegarasining kengligi Gorizontal

Слайд 29*
Jadvallar yaratish

*Jadvallar yaratish

Слайд 30*
Freymlar
Freymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir

freymga boshqa-boshqa Veb sahifalarni bir paytda yuklash mumkin.
…
…

*FreymlarFreymlar yordamida ekran bir nechta nomlangan ramkalarga bo’linadi va har bir freymga boshqa-boshqa Veb sahifalarni bir paytda

Слайд 32*
Freymlar hosil qilish

*Freymlar hosil qilish

Слайд 33*
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)
*Giperbog’lanishlar Giperbog’lanish bu - gipermatnli hujjatdan boshqa bir hujjatga o’tish uchun yo’l ko’rsatib turadigan ko’rsatkichdir.Kirish nuqtasi (qayerdan

Слайд 34*
Shu faylning biror aniq joyiga bog’lanish

*Shu faylning biror aniq joyiga bog’lanish

Слайд 35*
Boshqa faylga giperbog’lanish
Boshqa faylning boshiga o’tish
fayl1



fayl2




*Boshqa faylga giperbog’lanishBoshqa faylning boshiga o’tishfayl1fayl2

Слайд 36*
Boshqa faylning biror aniq joyiga bog’lanish

name=“kitob”> (fayl2.htm da yoziladi)


fayl1




fayl2


Kitob(zakladka)


*Boshqa faylning biror aniq joyiga bog’lanish

Слайд 37*
Boshqa oyna orqali bog’lanish
yoki







misol


*Boshqa oyna orqali bog’lanish yokimisol

Слайд 38Rasmdan gipermurojaat


misol

Rasmdan gipermurojaat misol

Слайд 39Rasm qismidan gipermurojaat

Rasm qismidan gipermurojaat

Слайд 40*
Namo Web Editor 5.5

*Namo Web Editor 5.5

Слайд 41*
Namo Web Editor (HTML-kod)

*Namo Web Editor (HTML-kod)

Слайд 42*
Freymlarga bo’lish

*Freymlarga bo’lish

Слайд 43*
Clip Art ob’yektlarini qo’yish

*Clip Art ob’yektlarini qo’yish

Слайд 44*
Animatsion ob’yektlar qo’yish

*Animatsion ob’yektlar qo’yish

Слайд 45*
Namo GIF Animator

*Namo GIF Animator
Скачать презентацию

Похожие презентации

Презентация у уроку Информационные процессы Презентация у уроку Информационные процессы 169
Презентация Безопасность в Интернете Презентация Безопасность в Интернете 185
Подготовка компьютера к работе.(2 класс) Подготовка компьютера к работе.(2 класс) 265
Презентация по информатике на тему Внутренние устройства ПК Презентация по информатике на тему Внутренние устройства ПК 249
Мини-викторина по теме: Программирование циклических алгоритмов Мини-викторина по теме: Программирование циклических алгоритмов 405
Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика Презентация по дисциплине Информационные технологии в профессиональной деятельности на тему Графика 153

Что такое shareslide.ru?

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

Для правообладателей

Яндекс.Метрика

Обратная связь

Email: Нажмите что бы посмотреть