Ииршишнивп ■l/fl w eb-dizflyn ■

Sayt chizmasi
P anelning u ch in ch i vkladkasi — 
S ite View (Схема сайта) 
yaratilayotgan web-saytning sxemasini ko‘risli uchun m o ‘ljallangan. 
HTML— 
hujjatlar, rasmlar va boshqa obyekjtlar orasidagi aloqalar
179

---

sxemada p u n ktir k o ‘rinishda berilgan b o ‘lib, elem entlar orasidagi 
b o g ‘lanishlar yaqqol ko'zga tashlanadi. B iror elem entnin g ustida 
«sichqoncha»ning c h ap tugm asini bosish bilan sxemadagi tegishli 
e le m en tal tahrirlash oynasida belgilanishiga (ochilishiga) olib 
keladi. H T M L — hujjatdagi biror e le m e n ta l belgilab, dasturning 
o 'n g panelidagi oynaga uni tahrirlash u ch u n o ‘tish m um kin.
B uning u c h u n u sh b u e le m e n t u stid a « sich q o n ch a » c h a p
tugmasini bosing va kontekstli m enyudan Edit (Правка) buyrug‘ini 
b e rin g . S a y tn in g s x e m a s in i d ia g r a m m a k o ‘r in is h id a h a m , 
shuningdek oddiy kataloglar daraxti k o 'rin ish id a ham ko 'rish
m um kin.
Bir ko‘rinishdan boshqa ko‘rinishga oafish uchun Site View 
(Схема сайта) vkladkasining ixtiyoriy joyida «sichqoncha» chap 
tugmasini bosish va kontekstli m en y u d an View Style (М етод 
п р о с м о т р а ) p u n k tin i ta n lash va T ree (Д е р ев о ) yoki C h a r t 
(Д и а гра м ма) larda n biriga bayroqehani G‘rnatish kerak.
Boshqa vkladkalar
• Snippets (О тр ы в к и ) — web-sahifa u ch u n qisqa shablonli 
m atnlarni yaratish, ularni kataloglashtirish va hujjatga tezkorlik 
bilan q o ‘yish uch u n moijallangan.
• H elp ( С п р а в к а ) — bu ajoyib m a ’lu m o tn o m a H o m e site
dasturidan foydalanish b o ‘yicha, shuningdek H T M L tili va turli 
q o ‘shimcha dasturlar bilan ishlash to £g‘risida tekinga internetdan 
m a ’lumot olish imkonini ham beradi.
• Tag In sp e c to r (С редство п росм отра тегов) — H T M L - 
hujjatdagi mavjud teglarni iyerarxik struktura ko^inishida ko‘rish 
imkonini beradi.
Bu daraxtsimon strukturadan qandaydir tegni belgilab, vkladka- 
ning pastki qismida tegga tegishli barcha atributlar va izohlarni 
(собы тия) olish m um kin. R o‘yxat jadval k o ‘rinishida tuzilgan 
bo‘lib, unga biror m a ’lumotni qo‘shish mum kin. Huijatda amalga 
oshirilgan barcha o ‘zgarishlar shu yerning o ‘zida, ya’ni tahrirlash 
panelida tasvirlanadi (kiritilish vaqtida darhol emas, balki jadvalning 
boshqa maydoniga o ‘tilganda). Bunday imkoniyatlarni Resource 
Tab paneli taqdim qiladi. Darvoqe, F9 klavishasi yordamida uni 
tezda ekrandan olib tashlash, agar xohlasangiz tahrirlash panelini
180

---

astur 
o y n a s in in g b u tu n cniga yoyish m m k in . R e s o u r c e T ab
panelini ekranga qaytarish uchun esa F9 klav
Tahrirlash paneli
Endi dastur oynasining asosiy qismi — ta 
chiqamiz. Vkladkalar:
• Edit (П равк а) — Tahrirlash;
• Browse (П росм отр) — Ko'rish;
• Design (О формление) — Dizayn.
B irinchi 
HTML-hujjat
joriy (исходно
taqdim qilingan. Bunda teglar avtom atik rav 
beriladi:
• Havolalar — to 'q yashil rang,
• grafik teglar — to 'q qizil rang,
• boshqa teglar - to ‘q ko‘k rang,
• senariylarga qurilgan teglar — jigar ra
• funksiyalar va ssenariy tilining bosh с 
elem entlar — qalin shrift bilan yoziladi.
Shuningdek, stilli bloklar ham turli ra 
esa qabul qilishni yengillashtirib, taso d if 
qilishda yordam beradi. Foydalanuvchining 
ranglarni o ‘zgartirish mumkin. Buning ucli 
buyruqlarni berish kerak:
— Options (П араметры ) menyusidan
shasini takror bosiladi.
irirlash panelini ko‘rib
й) m atn k o 'rin ish id a 
shda turli ranglar bilan
* zaxiralangan so*z va
iglarda tasvirlanib, bu 
xatoliklarni b arta ra f 
xohishiga ko‘ra barcha 
.in m enyudan quyidagi
Settings 
(Н астр о й к и ) 
^а ц в е т о в о й с х е м ы )
buy rug1 ini b e ris h . Edit S ch em e ( П р а в
tugmasini bosish, 
EditorColor Coding 
(кЦзменить > Ц ветовая 
м аркировка) oynasidan o ‘zgartirish.
HTML-matnni 
q o ‘lda kiritishda kiritilg 
avtomatik ravishda tekshiriladi (agar bu ro 
bayroqchasini o ‘rnatish bilan faollashtirish
— 
Options > Settings > Validation > 
метры > Н астрой ки > П роверка > Прс 
Agar teg t o ‘g ‘ri b o ‘lsa, h o lat qatori 
проверен) yozuvi paydo b o ia d i. Aks ho 
rang k o ‘rinadi va shu bilan birga Windowsn 
biri ijro qilinib, holat qatorida yozuv payd 
teg mavjud emasligi yoki H T M L ning joriy
an teglarning t o ‘g ‘riligi 
у bermasa u holda uni 
mumkin:
Tag validation 
(П ара- 
верка тегов), 
la 
Tag validated 
(T e r 
da holat qatorida qizil 
ng tizimli tovushlaridan 
) b o ‘ladi. U n d a bunday 
versiyasida uni q o ‘llash
181

---

tavsiya qilinm agani haqida m a ’lu m o t beriladi. Foydalanuvchi 
kodlam i faqatgina q o i d a kiritishga majbur emas. Ishni yengillash- 
tirish u c h u n T ag Insight (П о с т р о и т е л ь тегов) funksiyasidan 
foydalanish m um kin. Agar u o 'ch irilg an bo'lsa, bayroqchasini 
faollashtirish bilan yoqing: Options > Settings > Editor > Tag 
In sig h t > Enable T ag In sig ht (П а р а м е т р ы > Н а с т р о й к и > 
Редактор > Построитель тегов > Задействовать построитель).
Shundan so‘ng, teg simvoli kiritila boshlagandan ikki sekunddan 
keyin (vaqtni o ‘zgartirish uchun shu bo‘limga murojaat qilinadi: 
Options > Settings > Editor > Tag Insight) tegishli teglarning 
ro‘yxati (раскрываю щийся список) ochiladi. Endi faqat keraklisini 
tanlash qoldi.
Aynan shu mexanizmni