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

Layout 
(К о м п о н о в к а )  va 
View 
(В и д ).  U lar m aketlash

---

rejim iga  o*tish  va  sah ifan n ig   stm k tu ra s in i  tezd a  yaratishga  im k o n  
beradi.  Bu  e le m e n tla r  b ilan   q isq a c h a   ta n ish ib   o ‘tam iz:
•  Draw  Layout 
Cell  (С о з д а н и е   м а к е т н о й   я ч е й к и )  —  m aketli 
katakcha  yaratish  usk u n asin i  fao llash tirad i.
•  D raw   L ayout  T able 
( С о з д а н и е   м а к е т н о й   т а б л и ц ы )   — 
m aketli  jad val  yaratish  u sk u n asin i  faollash tirad i.
•  S tan d ard   V iew  
( С т а н д а р т н ы й   р е ж и м )   —  h u jja t  b ila n  
ish lash n in g  stan d art  rejim iga  o ‘tish.
•  Layout  View 
(Р еж и м   м а к е т и р о в а н и я )  —  hujjatni  m aketlash  
rejim iga  o ‘tkazadi.
U s h b u   b o ‘lim n in g   n o m i  p a l i t r a   s a r la v h a s i  q a t o r i  o s tid a  
tasvirlanadi.  BoMimni  o ch ish   u c h u n   sh u   n o m n i  « sichqoncha»  c h a p  
tugm asi  b ilan  bosing.  O ch ilg an   m e n y u d a n   foydalanuvchi  kerakli 
q ism n i  tanlashi  m u m k in .  P alitra n in g   ay rim   boM imlarida  h a m m a  
tu g m alar h am   tasvirlan m ay d i.  M a sa lan , 
Common 
(О б щ и е)  b o 'lim i 
yigirm aga  yaqin  tu gm ani  o 'z   ichiga  o la d i,  ularn in g   h am m asi  ham  
p a litra   o y n a sig a  s ig 'm a y d i.  B o s h q a   tu g m a la rn i  k o ‘rish   u c h u n  
p ro k ru tk a d a n   fo y d ala n ish   (p ro k ru tk a n in g   vazifasin i  p a litra n in g  
c h e tid a   jo y la s h g a n   s tre lk a li  tu g m a la r   b a ja ra d i)  y o k i  m u lo q o t 
o y n asin in g  oM chamini  k attala sh tirish   kerak.
A k sa riy a t  h o lla rd a   o b y e k tla r n i  q o ‘yish  u c h u n   q o ‘s h im c h a  
p a ram etrlarn i  kiritishga  t o ‘g ‘ri  keladi.  B unday  h o la tla rd a   ek ra n d a  
fo y d alan u v ch i  ta n la sh i  yoki  m a 'lu m o t  kiritishi  m u m k in   b o ‘lgan 
m u lo q o t oynasi  paydo b o ‘ladi.  Bu  oynaga  foydalanuvchi  obyek tnin g  
kerakli  o byektlarini  tan lash i  yoki  k iritishi  kerak.
Kodlar  nazoratchisi  bilan  ishlash
K o lp  sonli  H T M L   ta h rirlag ic h lari  sinfi  orasida  D ream w eav er 
d astu ri  g ip e rm a tn li  h u jja tla r  k o d la ri  b ilan   ishlash  im k o n iy a tla ri 
jih a tid a n   keskin  farq  qiladi.  F o y d a la n u v ch in in g   H T M L -k o d la rn i 
qoM da  ta h r ir la s h d a n   q u tilis h i  e n g   k a tta   y u tu q   va  te z k o r lik n i 
t a ’m inlab   berdi.
K o d la r  b ila n   t o £g ‘r i d a n - t o ‘g ‘ri  is h la s h ,  y a s h irin   x a to la r n i 
identifikatsiya  qilish,  o rtiq c h a   k o d n i  b a rta ra f etish,  g ip e rm a tn n in g  
ta n la n g a n   fra g m e n tig a   te z k o r   o 'z g a r tir is h   k iritis h ,  h u jja tn in g  
stru k tu rasin i  yoki  u n in g   fo rm a tla n ish in i  o p tim allash tirish   im k o ­
niyatlari  m avjud.
209

---

D ream w eaver  paketi  tarkibida  giperm atnli  hujjatlarni  belgilash 
k od larini  k o 'rish   va  tahririashga  m o 'ljallan g an   m axsus  vositasi 
mavjud.
Bu  vosita  Code  In sp ecto r  (И н сп ек то р   кода)  deb  nom lanadi. 
U ni  quyidagi  usullar bilan о ‘m a t ish m um kin:  birinchidan,  W indow
>  C ode  Inspector  (О кн о  >  И н сп ектор  кода)  buyrug'ini  berish 
y o ii  bilan,  ikkinchidan,  bu  FIO  tugm asini  bosish  yo‘li  bilan.  Bu 
b uy ruq lar  ta k ro r  bosilganda  C o d e  In sp ecto r  yana  ish  sto lid an  
•yo‘qoladi.
8 .9 -ra sm d a   « K o d larn i  n a z o ra t  qilish  oynasi»  k o 'rsa tilg a n . 
P alitrad a  kodlarning  belgilanishini  tan ish tirish n i  View  O ptions 
(П а р а м е т р ы   о т о б р а ж е н и я )  tu g m asi  y o rd a m id a   o c h ila d ig a n  
buyruqlar  boshqaradi.  Bu  buyruqlam i  ko'rib  chiqam iz:
•  W ord  W rap 
(П ерен ос  по  словам)  —  kod  qatorini  ko'chirish 
rejimi.  Agar u yoqilgan bo'lsa,  H T M L  tili bayonnom asi tahrirlagich 
oynasining  o lc h a m ig a   yetganda  avtom atik  ravishda  yangi  qatorga 
o ‘tadi.
•  L ine  N u m b ers 
(Н ом ер а  стр о к )  —  n o m erlash n i  o 'rn a tish  
buyrug'i.  A gar  bu  rejim   o 'rn a tilg an   bo'lsa,  har  b ir  q a to r  tartib  
bilan  nom erlanadi.
It.hlriP- 
Code Inspector 
jfSj 
; 
Ш Ш
H Q
Й ^ 
C ode 
1 
n sp eo to r 
1
ш
  ц щ ,
 
.
Я* 1 1 1 1_С 
>су
 1 1 1 Lt>
1 
i d
« b o d y  background*. ./FON.JPG>
■

I 
2.  С 
■ о з д а н и е  web-y3na
I  

1  


1  
2.1.
■П роектирование
в  


C
©1
Л
8.9-rasrn.
  Kodlar nazoratchisi.
210

---

•  Highlight  Invalid  H T M L  
( П о м е т к а   н е к о р р е к т н ы х   к о до в)
—  bu  b u y ru q   s in ta k tik   x a to g a   ega  k o n s tru k s iy a la rn i  P r o p e rty  
In sp e c to r  p a n elid a  va  h u jja tn in g   o y n a sid a   sariq  ran g d a  ajratish 
rejim in i  faollashtiradi.  S h u n d a n   s o ‘n g   P ro p e rty   In s p e c to r  xato 
haqida  x ab ar  beradi  va  ayrim   h o lla rd a   u n i  tu zatish   u c h u n   ko ‘rsat- 
m alar  beradi.
•  S yntax  C oloring 
( Р а с к р а с к а   с и н т а к с и ч е с к и х   к о н с т р у к ­
ц и й )  bu  rejimda  belgili  k odlar  turli  xil  ranglarda  ajratiladi.  Bu  esa 
hujjatning  kiritiladigan  m atni  va  belgili  kodlarini  tez  ajratib  olishga 
im kon  beradi.  B undan  tash q ari,  D ream w eav er  dasturi  H T M L   tili­
ning  h ar  bir  deskriptori  u c h u n   a lo h id a  ran g   belgilash  im koniyatiga 
ega.  Ranglarni  belgilaslming  d a stu r  asosiy  k o ‘rsatkichlarini 
Code 
Colors 
(Ц вета  кода)  b o i im i d a   am alga  oshiriladi.
•
  A uto  In d en t 
( А в т о м а т и ч е с к и й   о т с т у п )  b u y ru g 'i  k o d la r 
n a z o ra tc h is i  o ynasiga  k iritilg an   b e lg ila sh   d is k re p to rla ri  u c h u n  
avtom atik joy  qoldirish  rejimini  faollashtiradi.
« K o d la r  n a zo ratch isi  o y n a» sin in g   o ‘ng  q ism id a  u c h b u rc h a k  
form ada  tugm a joylashgan.  U  hujjatning  m avjud  m atnlariga  xizmat 
qiladigan  buyruqlardan  iborat  m e n y u n i  ch aq irad i.  Bu  b u y ru q lam i 
sanab  o'tam iz:
•
  Find  and  Replace 
(Н а й т и   и  за м е н и т ь )  — qidirish  va  a lm ash ­
tirish  vazifasini  bajaradi.
•
  Find N ext 
(Н а й т и  далее) -  avval qidirilgan  n a m u n an i  mavjud 
p a ra m e tr  asosida  qidirish.  B u n d a  qidirish  va  alm ashtirish  m uloqot 
oynasi  ch iq m asd an   t o 'g 'r id a n - t o ’g 'ri  am alga  oshiriladi.
•
  Reference 
(С п р а в о ч н о е   р у ко во д ство )  —  H T M L ,  JavaScript 
va  C SS  m anbalari  asosidagi  m a ’lum otli  qoMlanmani  chaqiradi.
•
  S e t  B reak p o in t 
(В с т а в и т ь   к о н т р о л ь н у ю   т о ч к у ).  M a tn  
kursori  pozitsiyasida  nazorat  nuqtasini  belgilaydi.
•
  Remove  All  B reakpoint 
(У дали ть  все  к о н т р о л ь н ы е   то ч к и )
—  hujjatning  m avjud  m a tn id a n   b a rc h a   n a z o ra t  n u q ta larin i  olib 
tashlaydi.
•
  C u t 
(В ы р езать)  — T a n la n g an   kodli frag m en tn i buferga qirqib 
olish.
•
  Copy 
(К о п и р о в а т ь )  —  T a n la n g an   kodli  fragm entning  nus- 
xasini  buferga  oladi.
•
  P aste 
(В ставить)  —  buferga  olingan  frag m en tn i  q o ‘yadi.

---

«Kodlar  nazoratchi»sini  m atn  muharriri  uchun  biroz  g ‘ay- 
noddiy  holda  muvaffaqiyatli  qo'llash  mumkin.  D ream w eaver 
dasturi  A SC II  simvollarini  q o ‘llash  bilan  yozilgan  fayllarni, 
masalan  oddiy  matnli  fayllarni  yoki  dasturning  dastlabki  matnini 
muvaffaqiyatli o ‘qiydi.  Bunday hujjatlar 
Open 
(Открыть) buyrug'i 
yordamida  ochiladi  va  kodli  rejimda  ishlaydigan  oyna  hujjatiga 
yuklanadi.  Bunda  dasturning  b a’zi  resurslariga  kirish  m um kin 
bo‘lmay  qoladi.
Dasturning  kutubxonasi
Kutubxonalar  —  bu  gipermatnli  sahifaning  dizayniga  tegishli 
ko‘p  marta  qo‘llaniladigan  elementlarni  saqlash  vositasidir.  Bu 
elementlarga:  tasvirlar,  bogianishlar,  matn  bolaklari  va  boshqalar 
kiradi.  Dreamweaver  dasturida  esa  kutubxonaning  ishlash  prinsipi 
biroz  boshqacha.  Dastlab  kutubxonaga  saqlashning  bitta  elementi 
hisoblangan,  obyekt  yoki  obyektlarga  tegishli  gipermatnli  belgilash 
frag m en tlari  saqlanadi.  D ream w eav er  d a stu rid a   k u tu b x o n a  
elementlari maxsus Library papkasida saqlanadi.  Bu papka saytning 
asosiy papkasi ichida joylashadi.  Har bir Web-uzel o ‘zining standart 
elementlari  va  ularni  saqlash  papkasini  tashkil  qiluvchi  shaxsiy 
kutubxonasiga  ega.  Ular  bilan  ishlash  uchun  palitraning 
Assets 
(Ресурсы)  b o iim id a n   foydalaniladi  (8.10-rasm).  Kutubxonalar 
bilan  boshqarish  ishlarining  asosiy  qismini  palitraning 
Assets 
(Ресурсы)  bo‘limi  buyruqlari  yordamida  amalga  oshiriladi.
Dreamweaverda  kutubxonalarning asosiy  imkoniyatlarini  sanab 
o ‘tamiz:
•  kutubxona  elementi  deb    deskriptori  orasida  yotgan 
har  qanday  fragmentni  aytish  mumkin;
•  kutubxona  elementlari  qo'llanilishida  cheksiz  imkoniyatlarga 
ega.  Ularni gipermatnli sahifalarga hech qanday tahrirlashsiz qo‘yish 
mumkin;
•  kutubxona  elementlariga  o ‘zgartirish  kiritilsa,  ularni  boshqa 
gipermatnli  sahifalar va  hujjatlarda  qoilashdan  saqlanib  qoladi;
•  sahifalardagi  kutubxona  namunasi  va  uning  nusxalari  orasi- 
dagi  aloqani  uzishga  ruxsat  etiladi;
•  dastur alohida saytlar o ‘rtasida kutubxona elementlarini alma- 
shish  buyruqlariga  ega;
2 1 2

---

Ш
•- 
bbr iiy  .  ; 
•/ 
.
g a
Щ
T N sts^i 
ЫапЦ 
Lib* 
sc*# 
ЩЬ&
 
To -
O f
  Edtt b u tto n e d  Add content ;  1
Щ .
Щ
Nam e
1 
S iz e jfu H  P ath
w
j
Ш
 
1
1KB  /Library/I Jbi
Ш  
2
1KB  /Libtзгу/2 - Ibi
И
Ш
Ш
т ш Ш
Ш
г:
8. Ю-rasm.
  Palitraning Assets b o ‘limi.
•  kutubxonalar  dinamik  xususiyatga  ega  b o ‘lgan  obyektlarni 
saqlash  xususiyatiga  ega;
•  vaqt diagrammalari (timeline) va stillarning kaskadli sahifalari 
kutubxonada  saqlanishi  mumkin  emas.
Holat  qatori  va  uni  o‘rnatish
Status  Ваг 
(Строка  состояния)  bu  kichik  bo‘lim  dasturning 
holat  qatori  ko‘rinishi  ko‘rsatkichlarini  belgilaydi  (8.11-rasm).  Bu 
element  hujjat  oynasining  pastki  qismida  joylashgan.  Odatda,  bu 
qatorda  joriy  oyna  oMchami  haqidagi  m a ’lu m o tlar  va  uning 
yuklanishi  uchun  ketadigan vaqt ko‘rsatiladi.  U ndan tashqari,  holat 
qatorining  o'ng  qismini  tez  yuklanish  paneli  egallaydi:
•  Window  Sizes 
(Размеры  окна)  —  gipermatnli  sahifalar  har 
xil  o ‘lchamdagi  oynalarda  tasvirlanishi  mum kin.  Window  Sizes 
(Размеры  окна)  paneli  standart  o ‘lchamlar  ro ‘yxatini  to‘ldirish 
uchun  m o‘ljallangan.  Barcha  tahrirlash  amallari  klaviaturadan  shu 
panelning  tegishli  maydonlariga  kiritish  yordamida  bajariladi.
•  Connection  Speed  Kilobits  Per  Second 
(Скорость  соеди­
н ен и я,  К би т/с).  —  bu  maydonga  server  bilan  b o g ian ish n in g
213

---

Status 8ai