logo

Dreamweaver web-sahifa yaratish

Загружено в:

12.08.2023

Скачано:

0

Размер:

1257.35546875 KB
O’ZBEKISTON RESPUBLIKASI OLIY VA  O’RTA MAXSUS
TA’LIM VAZIRLIGI
SHAROF RASHIDOV NOMIDAGI SAMARQAND DAVLAT
UNIVERSITETI
RAQAMLI TEXNALOGIYALAR FAKULTETI
AMALIY MATEMATIKA VA INFORMATIKA YO’NALISHI
               Mavzu:  Dreamweaver web-sahifa yaratish
                       
1Mustaqil ishMustaqil ish   Mavzu:  Dreamweaver web-sahifa yaratish
II bob. Dream Weaver dasturi va ta’limiy saytlar yaratish
2.1 Dream Weaver dasturi interfeysi va unda ishlash
Interfeys  deganda  informatikada  dasturdagi  turli  komponentlar  va
foydalanuvchi  o’rtasidagi  o’zaro  aloqani  taminlovchi  vositalar  va  qoidalar 
yig’indisi  tushuniladi.  Dreamweaver  paketi  taklif  etadigan  muomala  usuli 
zamonaviy  foydalanuvchi  uchun  odatiy  bo’lib  qolgan  grafik  oynali  interfeys 
printsiplariga  asoslanadi.  Dreamweaver  paketi  o’sha  sinfdagi  boshqa  
dasturlar 
bilan taqqoslaganda  ancha  aniq, moslashuvchan va  shu bilan bir paytda  kuchli
interfeys  hisoblanadi.  Palitralar,  ko’p  sonli  klaviatura  kombinatsiyalari  va
menyu  qatori  uning  asosiy  «tashuvchi  loyihalari»  hisoblanadi.  Barcha
operatsiyalar to’xtatilgach ekranda  qoladigan  oynalarni palitralari (Palette) yoki
panellar  (panel)  deb  atash  qabul  qilingan.  Ekranning  maxsus  ajratilgan 
pozitsiyalarida  emas,  balki  ixtiyoriy  joyida  joylasha  oladigan  oynalar  ko’chib 
yuruvchi  palitralar  (floating  plette)  deb  ataladi.  Dteamweavet  dasturi  
muloqot 
oynalarining ko’pchiligi ko’chib yuruvchi palitralar ko’rinishida ishlaydi. 
Palitralar  va  panellar  orasidagi  kichik  farqlar  dasturni  tavsiflash  uchun 
sezilarli  ahamiyatga  ega  emas.  SHuning  uchun  kelgusida  bu  atamalarni 
sinonimlar sifatida qo’llaymiz. 
Deyarli  barcha  palitralar  birlashish  xususiyatiga  ega.  Bu  har  xil 
palitralarni  bitta  muloqot  oynasida  joylashtirish  mumkinligini  bildiradi. 
Birlashtirish  amali turli mavzu  yoki buyruqlarga  tegishli boshqaruv vositalariga
ega  bo’lgan  ko’p  funktsiyali  terma  palitralarni  olish  imkoniyatini  beradi. 
Birlashish  xususiyatiga  ega  bo’lgan  palitralarni  (ular  dasturda  ko’pchilikni 
tashqil  etadi)  modulli  (dockable)  palitralar  deb  ataymiz.  Bir  necha  alohida
modullardan iborat murakkab palitralar terma (tabbed) palitralar deb ataladi. 
1-rasmda  to’rtta  ochiq  muloqot  oynali  dasturning  tashqi  ko’rinishi 
ko’rsatilgan.  Boshqaruvning  eng  talab  qilinuvchi  vositasi  so’zsiz,  Ptopetties 
2 inspectot  (xossalar  inspektori)  palitrasi  hisoblanadi.  Uning  yordamida  HTML  
sahifalarida  obektlarni  formatlash  va  HTML  sahifasidagi  obektlarni  tahrirlash
bo’yicha  ko’plab  amallar bajariladi. Behavietos (rejimlar) palitrasi  –  bu moduli 
ko’chib  yuruvchi  palitraga  misol  bo’ladi.  Dreamweaver  dasturi  turli  loyiha
masalalarini hal qilishga  mo’ljallangan unga  yaqin shunga  o’xshash  obektlarga
ega. 
Dastur oynasining tashqi ko’rinishi
Rasmda  ikkita  oddiy  modulli  Layets  va  Histoty  palitralardan  iborat 
bo’lgan  terma  palitraga  misol  keltirilgan.  Objekts  palitrasi  tashqi  obektlar: 
rasmlar,  jadvallar,  qatlamlar  freymlar  va  boshqa  obektlarni  qo’yish  uchun 
mo’ljallangan. Rasmda  ko’rsatilgan boshqa  barcha  boshqaruv elementlari 
hujjat 
oynasining  ajralmas  tashkil  etuvchi  qismi  hisoblanadi.  Texnik  tizimlarning 
ishonchli  ishlashi,  dasturiy  mahsulotlari  interfeyslarining  qulayligi  asosida
to’g’ri tashkil qilingan. Dteamweavet paketi formatlash va tahrirlashning deyarli 
barcha  asosiy  buyruqlari  uchun  amalga  oshirishning  bir  necha  xil  usullarini 
taklif  etadi.  Keng  formatli  ekranlarning  omadli  egalari  ularni  palitralar  va
panellar  yordamida  bajarishlari  mumkin.  Bundan  mahrum  
foydalanuvchilarga
esa  dastur  menyu  qatori  buyruqlarini  va  klaviatura  tugmalari 
kombinatsiyalaridan foydalaniladi.  
Menyu qatori  –  bu Windows ning ixtiyoriy ilovasining zaruriy  atributidir. U 
komandalarga,  muloqot  oynalariga,  tugmalarga  yo’l  ochadi,  ular  yordamida
3 hujjat  yaratish,  dasturni  sozlash,  vizuallashtirish  jarayonini  boshqarish  kabi 
samarali ishlar bajariladi. Menyu qatorining har bir bandi vazifasi jihatidan 
birbiriga  yaqin  kiritilgan  menyu  va  kichik  menyular  ierarxiyasini  hosil  
qiluvchi 
buyruqlar guruhini birlashtiradi. Bu bandlarning qisqacha tavsifini keltiramiz. 
--  File menyusi (Fayl) fayllar bilan bog’liq buyruqlarni, gipermatnli hujjatlar 
shablonlari  bilan  ishlash,  eksport  qilish,  import  qilish  va  brouzer 
dasturlarida ko’rish buyruqlarini o’z ichiga oladi.
  Edit  (Pravka)  menyusiga  tahrirlash  va  qidirish  bilan  bog’liq  buyruqlar 
kiradi. 
  View  (Vid)  menyusi  interfeysning  yordamchi  elementlarini  va

gipermatnli hujjat  obektlarining ko’rinishlari ustida  ishlovchi buyruqlarni 
o’z ichiga oladi. 
  Insert  (Vstavka)  menyusiga  har-xil  obektlarni  import  qilish  buyruqlari 

kiradi: rasmlar, jadvallar, formalar, katlamlar, maxsus belgilar va  boshqa
obektlarni import qilish. 
  Modify  (Izmenit)  menyusi  o’
 z  ichiga  gipermatnli  hujjat  obektlari 
atributlarini o’zgartirish buyruqlarini oladi.  
  Text (Tekst) menyusi o’z ichiga matnli fragmentlarni hosil qilish va ularni 

formatlash bilan bog’liq buyruqlarni o’z ichiga oladi. 
  Commands (Komandы) men
 yusi gipermatnli hujjatlarni  avtomatik qayta
ishlash buyruqlarini o’z ichiga oladi. 
4   Menyu  qatorining  Site  (Sayt)  bo’limi  sayt  bilan  ishlash  vositalari  va
gipermatnli  hujjatlar  bilan  bog’liq  murakkab  tizimlar  vositalarini  o’z 
ichiga olgan. 
  Window (Okno) menyusi dasturga  tegishli palitralar, panellar va  muloqot 

oynalarini o’rnatish va  olib tashlash bilan bog’liq buyruqlarni o’z ichiga
oladi. 
  Help  (Spravka)  menyusida  dasturdan  foydalanish  haqidagi  interaktiv 

malumotlarni  chaqirish,  elektron  qo’llanmani  chaqirish  kabi  buyruqlar 
joylashgan.  
Uskunalarlar  paneli  dasturning  asosiy  dispetcherlik  (nozimlik)  pulti 
vazifasini bajaradi. U eng ko’p ishlatiladigan buyruqlar va  tahrirlash resurslarini 
chaqirish  tugmalarini  birlashtiradi.  Bu  ixchamgina  panel  kiritilgan  menyu  va
kichik  menyular  tizimi  navigatsiyasi  bilan  bog’liq  sarf-harajatlarni  anchagina
qisqartiradi. 
Unda  joylashgan  barcha  boshqaruv  elementlarini  sanab  o’tamiz  (chapdan 
5 o’ngga). 
  Code View (Rejim razmetki)  - gipermatnli hujjatning faqat belgili kodlari 
tasvirlanadi. (dizayni tasvirlanmaydi).  
  Code  and  Design  View  (Rejim  razmetki  i  planirovki).  Tugmasi 

bosilganda  hujjat  oynasi  ikki  qismga  ajraladi:  birinchi  oynada  belgili 
kodlar beriladi,  ikkinchi  oynada  esa  gipermatnli sahifaning dizayni, yani 
tashqi ko’rinishi beriladi. 
  Design  View  (Rejim  planirovki).  Dasturda  ishlashning  vizual  –

WYSIWYG rejimiga o’tish tugmasi. 
  T
 itle (Zagolovok)  –  bu matnli maydon hujjatning sarlavhasini kiritishga
mo’ljallangan. 
  File  Management  (Upravlenie  faylami)  –  tarmoqda  malumot  almashish 

uchun  xizmat qiladigan fayllar bilan ishlash buyruqlaridan tarkib topgan 
menyuni ochish tugmasi. 
  Pteview/Debug  in  Btowset  (Prosmotr/otladka  v  brouzere)  –  tugmasi 

gipermatnli  hujjatni  ko’rish  va  undagi  Java  Sctipt  kodlarini  tanlangan 
brouzerda  ishlash  yoki  ishlamasligini  tekshiruvchi  buyruqlaridan  iborat 
menyuni ochadi. 
  Teftesh Design View (Obnovit stranitsu)  -  bu buyruq berilgandan so’ng, 

hujjatning  belgili  matnlarida  bo’lgan  barcha  o’zgarishlar  loyihalash 
rejimiga  uzatiladi.  Ana  shu  vaqtda  kodlarni interpritatsiyasi va  sintaksik 
tekshiruv  boshlanadi.  Xato  fragmentlari  sariq  rangda  ko’rsatiladi. 
6 To’g’rilari esa sahifada tasvirlanadi. 
  Tefetence  (Spravka)  –  tugmasi  elektron  malumotli  qo’llanmani  ekranga
chiqarib  beradi.  Bu  qo’llanmada  gipermatnli  belgilash  tili  deskriptorlari 
ifodalangan.
  Code  Navigation  (Navigatsiya  po  kodam)  –  tugmasi  Java  Sctipt  tilida

yozilgan belgili kodlarni tuzatishni boshqaruv buyruqlaridan tarkib topgan 
menyuni ochadi. 
  View  Options  (Parametrы  otobrajeniya)  –  tug
 masi  hujjat  oynasining 
qo’shimcha  elementlari  vizualizatsiyasini  boshqaruvchi  buyruqlar 
menyusini  ochadi.  Bu  menyuga  asosiy  menyu  qatoridagi  View 
menyusining bir necha buyruqlari kiradi.  
Edite  Sizees  (O’lchamlarni  to’g’rilash)  ning  oxirgi  bandi  hujjat  oynasining 
o’lchamlarini  tanlash  va  ularni  standartlar  ro’yxatiga  kiritish  imkonini  
beradi. 
Ekranda  Ptefetences  (Sozlashlar)  muloqot  oynasi  paydo  bo’ladi,  unda  Width
(kenglik,  eni)  maydonida-kenglik,  Hight  (balandlik)  maydonda  esa  soha
balandligi  belgilanadi.  YAngi  standartning  matnli  tavsifi  Desctiption  (tavsiya) 
maydonida ko’rsatiladi. 
Barcha  o’lchamlar  dastur  oynasining  xizmat  elementlarini:  o’lchov 
chiziqlari  va  menyu  qatorini  inobatga  olmasdan  hisoblab  chiqiladi.  
Faqatgina
hujjat  va  uning  obektlari  uchun  ajratilgan  ishchi  soha  hisobga  olinadi. 
Dteamweavet dasturida holat qatorining balandligi, chap va o’ng maydonlar eng
ommaviy  brouzerlar  Mictosoft  Explotet  va  Netscafe  Navigatot  larning  
shunga
o’xshash o’lchamlariga asosan tanlab olinadi. 
Kоntеkstli mеnyu
Kontekstli  menyu  Windows  operatsion  tizimining  xatto  boshlovchi 
foydalanuvchilari  uchun  ham  yaxshi  tanish.  Boshqaruvning  bu  standart  usuli
ushbu  operatsion  tizimi  boshqaruvida  ishlovchi  ko’pchilik  ilovalar  (dasturlar) 
tomonidan  ko’p  qo’llaniladi.  Uning  mohiyati  sodda.  Sichqonchaning  o’ng 
tugmasini hujjat  oynasining  obekti ustida  bosilsa, ekranga  obekt turiga  bog’liq
7 bo’lgan mazmunli menyu chiqadi. Bu menyuda  shu  obektga  tegishli yoki ushbu
holatda talab qilinishi ko’proq ehtimolligi bor bo’lgan buyruqlar to’plangan. 
Dreamweaver  dasturining  barcha  versiyalari  kontekstli  menyu  bilan 
aloqada  bo’ladi.  Kontekstli  menyuning  o’lchamlari  buyruklari  safi  kengaydi, 
qo’shimcha  darajalarga  ega  bo’ldi  va  endi  har  qanday  holatda  chaqirilishi 
mumkin. 6-rasmda  oyna  ixtiyoriy bo’sh nuqtasida  sichqonchaning o’ng tugmasi
bosilsa dastur chiqarib beradigan kontekstli menyuga misol keltirilgan.
Property Inspectot pаlitrаsi
Property  Inspectot  (Inspektor  svoystv)  palitrasi  —  bu  dasturning  asosiy 
instrumentidir.  HTML  sahifasida  joylashgan  obektlar  atributlarini  o’zgartirish 
ishlarining asosiy qismini uning yordamida bajariladi. (7-rasm). 
Property  Inspectot  palitrasi  ko’chib  yuruvchi  palitradan  iborat  bo’lib, 
uning tarkibi bajarilayotgan  operatsiyaga, tanlangan  obekt turiga  va  
kursorning 
holatiga  qarab, mos ravishda  o’zgarib turadi. Palitrani ekranga  chiqarish uchun
quyidagi  Window  >  Properties  (Okno  >  Svoystva)  buyruqni  berish  yoki 
CTTL+F3 tugmalar kombinatsiyasini bosish kerak. Bu buyruqni qaytadan berish 
palitrani ekrandan olib tashlaydi. 
Dreamweaver  o’zining  bir  qancha  qo’shimcha  funktsiyalari  bilan 
foydalanuvchilarga  manzur bo’ldi: birinchidan, Dreamweaver  barcha  palitralari
erkin holatda  turadi. Ularni qaerga  surib qo’ysangiz o’sha  erda  joylasha  oladi. 
Bu  esa  monitorning ish maydoni xududini boshqaruvning  xizmatchi 
elementlari 
va  hujjatning  oynasiga  eng  optimal  bo’lish  imkonini  beradi.  Ikki  monitorli 
tizimda ishlaydigan foydalanuvchilar barcha yordamchi oyna va palitralarni bitta
monitorga  joylab, ikkinchisida  esa  hujjatlar bilan ishlashi mumkin. Ikkinchidan, 
dastur  palitralari  birlashish  xususiyatiga  ega.  Uchinchidan,  barcha  ochiq 
palitralarni  dastur  ish  stolidan  olib  tashlovchi  buyruq  mavjud.   Bu 
operatsiyalarni  F4  tugmasini  bosish  bilan  ham  bajarish  mumkin.  Bu  
tugmani 
takror bosish esa yana tiklash imkonini beradi. 
:  Layout  (Komponovka)  va  View  (Vid).  Ular  maketlash  rejimiga  o’tish  va
8 sahifannig  strukturasini  tezda  yaratishga  imkoni  beradi.  Bu  elementlar  bilan 
qisqacha tanishib o’tamiz:
  Dtaw  Layout  Cell  (Sozdanie  maketnoy  yacheyki)  -  maketli  katakcha
yaratish instrumentini faollashtiradi. 
  Dtaw  Layout  Table  (Sozdanie  maketnoy  tablitsы).  Maketli  jadval 

yaratish instrumentini faollashtiradi. 
  Standatd  View  (Standartnыy  rejim).  Hujjat  bilan  ishlashning  standart 

rejimiga o’tish. 
  Layout  View  (Rejim  maketirovaniya)  -  Hujjatni  maketlash  rejimiga

o’tish. 
Ushbu  bo’limni  nomi  palitra  sarlavxasi  qatori  ostida  tasvirlanadi.  Bo’limni 
ochish  uchun  shu  nomni  sichqoncha  chap  tugmasi  bilan  bosing.  Ochilgan 
menyudan  foydalanuvchi  kerakli  qismni  tanlashi  mumkin.  Palitraning  ayrim 
bo’limlarida  hamma  tugmalar ham tasvirlanmaydi. Masalan, Common (Obщie) 
bo’limi yigirmaga yaqin tugmani o’z ichiga oladi, ularning hammasi ham palitra
oynasiga sig’maydi. Boshqa  tugmalarni ko’rish uchun prokrutkadan foydalanish 
(prokrutkani  vazifasini  palitraning  chetida  joylashgan  strelkali  tugmalar 
bajaradi) yoki muloqot oynasining o’lchamini kattalashtirish kerak.
Aksariyat  xollarda  obektlarni  qo’yish  uchun  qo’shimcha  parametrlarni 
kiritishga  to’g’ri keladi. Bunday holatlarda  ekranda  foydalanuvchi tanlashi yoki 
malumot  kiritishi  mumkin  bo’lgan  muloqot  oynasi  paydo  bo’ladi.  Bu  oynaga
foydalanuvchi obektning kerakli obektlarini tanlash yoki kiritish kerak. 
Dаsturning HTML bilаn ishlаsh imkоniyatlаri 
Dteamweavet dasturining yaratuvchilari gipermatnli hujjatlarning ko’plab 
tahrirlash   operatsiyalarini  to’g’ridan-to’g’ri  HTML  deskriptorlari  yordamida
bajarish  mumkin.  HTML  so’zma-so’z  tarjimada:  gipermatnlarni  belgilash  tili 
(HypetText Matkup Language) manosini beradi. HTML tili bu  -  instruktsiyalar 
to’plami yoki kiritilgan matn va import qilingan obektlarni ekranda namoyishini 
taminlab beradigan ifodalardir. Bu tilning elementlarini deskriptorlar yoki teglar 
deb nomlash qabul qilingan. Ingliz tilidan tag (yorlik, belgi va boshqa manolarni 
beradi).  Deskriptorlarni  saqlash  uchun  ASCII  belgilari  qo’llaniladi.  SHuning 
uchun  har  qanday  gipermatnli  hujjatni  belgilashni  har  qanday  oddiy  matn 
9 muharrirlarida bajarish mumkin. Buning uchun xatto Bloknot dasturi ham etarli. 
Gipermatnli  hujjatlarni  yaratishning  asosiy  qoidalari  bilan  tanishib 
chiqamiz. HTML tilining kodlari hujjatning matnli massivlari qismi hisoblanadi. 
Endi deskriptorlar bilan tanishib chiqamiz. Deskriptorlar ikki  xil bo’ladi. 
YAkka  va  juft  deskriptorlar.  Juft  deskriptorlar  ayrim  xollarda  konteynerlar 
deyiladi.  Hujjatga  tegishli  matnlar  va  uning  belgili  kodlarini  ajratish  uchun, 
HTML  tili  kodlari  burchakli  qavslarda  yoziladi.  Masalan,  <bt>  yoki  <p>. Juft 
deskriptorlar  (konteynerlar)  o’z  ichiga  deskriptorlar  juftligini,  ochiladigan 
(boshlangich)  va  yopiladigan  (oxirgi)  deskriptorlar.  Bu  juftliklar  <tag>  </tag> 
ko’rinishida yozilib, o’z qiymatini juftlik orasidagi hujjat fragmentiga o’tkazadi. 
Boshqacha  aytganda  konteyner  juftliklari  orasiga  hujjat  fragmenti  yoziladi. 
Deskriptorlar  ana  shu  fragment  uchun  ishlaydi  xolos.  YAkka  deskriptorlarda
yopiladigan  teg  bo’lmaydi.  Masalan,  <ht>  deskriptori  gorizontal  chiziq  hosil 
qiladi, <bt>  -  esa  matnli qatorni ifodalaydi, eng muhim yakka  deskriptorlardan 
biri  <img>  maxsus  kodi  hisobalanadi.  U  rasmlarni  qo’yiladigan  holatini  va
joylashuvini belgilaydi. 
Endi  Dteamweavet  dasturida  shablon  asosida  yangi  hujjat  hosil  qilamiz. 
YAngi  hujjatning  bo’sh  (tuldirilmagan)  bo’lishi  xammamizga  malum.  Quyida
bunday sahifaning gipermatnli belgilari keltirilgan.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv-"Content-Type" content-"text/html; chatset=iso-8859-1">
</head>
<body bgcolot="#FFFFFF">
</body> </html>
Bu erda  <html> deskriptori gipermatnli hujjatning chegarasini (boshlanish yoki 
tugashini) bildiradi. Hujjatning o’zi esa ikki qismga bo’linadi: sarlavxa qismi va
asosiy qism. Sarlavxa  bo’limi  —  bu kodning <head> va  </head> deskriptorlar 
10 orasida joylashgan fragmenti.
Hujjatning  asosiy qismi  —  bu kodning <body> va  </body> deskriptorlar 
juftligi  orasida  joylashgan  eng  muhim  qismi  hisoblanib:  matnlar,  rasmlar, 
animatsiyalar, jadvallar, bog’lanishlar va boshqalarni o’zida saqlaydi.
<title>  deskriptori  esa  o’zida  gipermatnli  hujjatning  rasmiy  nomi  matnini 
ifodalaydi.  Hujjatni  ko’rishda  bu  matn  brouzer  dasturining  sarlavxa  qatorida
tasvirlanadi.  U  faqat  sahifaning  mavzusini  ifodalovchi  malumot  bo’lib 
qolmasdan,  balki  Internetdagi  qidiruv  tizimlarida  sahifani  indeksatsiyalash 
uchun ham xizmat qiladi. 
<meta>  deskriptorining  chatset  atributi  internetda  tanlangan  simvollarni 
namoyishini  taminlovchi  kodirovkani  ifodalaydi.  (Odatda  yangi  shablondagi 
(iso-8859-1) kodli to’plam kiril simvollarini ifodalay olmaydi). 
<body> deskriptorining bgcolot atributi sahifaning foni rangini belgilaydi. 
YAngi hosil qilingan hujjatda fon rangi oq rangda bo’ladi. (#FFFFFF).
Bizga  boshqa  dasturlardan  belgilangan  matnni  yoki  butun  hujjatdagi 
matnni shriftini belgilash malum. Endi  ana  shu jarayonni HTML tilida  qanday 
bajarilishi  ko’rib  chiqamiz.  Bu  vazifani  HTML  da  maxsus  deskriptor  <font> 
yordamida  bajariladi.  Uning  qiymatlari  bo’lib  bir  nechta  shriftlar  nomi 
ishlatilishi  mumkin,  masalan:  <font  face="Coutiet,  Helvetica,  
sanssetif">SHriftni belgilash </font> 
SHriftlarni belgilashni texnik tomoni esa  matn muharrirlaridan  xech ham 
11 farq qilmaydi. 
1.  Matnni  belgilang  yoki  matn  kursorini  hujjatning  shrifti  o’zgarishi  kerak 
bo’lgan joyiga qo’ying. 
2.  Text > Font (Tekst > SHrift) buyrug’ini bering va kerakli shriftni tanlang. 
Xuddi  shu  ishni  Ptopetty  Inspectot  (Inspektor  svoystv)  palitrasi 
yordamida ham bajarish mumkin. 
Tanlangan shriftning nomi shriftlar ro’yxatining nomi hisobla
2.2 Dream Weaver dasturi asosida ta’limiy sayt yaratish usuli
Micromedia  Dreamweaver  MX  dasturida  ishni  boshlash  uchun   «Pusk» 
tugmasini  bosamiz,  «Programmi»  (Vse  programmi)  ni  tanlaymiz  va
«Macromedia»  bo`limini  bosganimizdan  so`ng, Micromedia Dreamweaver MX 
dasturini yuklaymiz:
Tanlab  bo`lgandan  so`ng,  ekranga  Micromedia Dreamweaver MX dasturi  
ishgatushadi. 
Uning ishchi oynasi quyidagi ko`rinishda bo`ladi
12 Micromedia  Dreamweaver  MX  dasturida  quyidagi  bo`limlar  File,  Edit, 
View, Insert, Modify, Text, Commands, Site, Window, Help joylashgan.
File -  bo`limi  tayyorlangan  yoki  tayyorlanayotgan  sahifalar ustida  amallar
bajaradi,  ya`ni  fayllarni  ochish,  berkitish,  saqlash,   chop  etish  kabi  amallarni
bajaradi;
Edit – bo`limida sahifalar tahrirlanadi;
View  -  bo`limida  Micromedia  Dreamweaver  MX   dasturi  ishchi  oynasining
ko`rinishini berish mumkin: kod, kod va sahifa, sahifa;
Insert  –  turli  xil  rasmlar,  jadvallar,  freymlar,  tugmachalar,  formalar  va  h.k.  
larni
joylash ishlari shu  bo`limda bajariladi; 
Modify  –  bo`limida  sahifaning  xususiyatlari,  ichki  va  tashki  ishoratlari,  
jadval
va freymlar yaratish kabi amallar bajariladi;
Text  –  ishchi  stoldagi  matnlar  ustida  turli  xil  amallar:  rang  berish,  o`lcham
qo`yish, sarlavha yoki abzats va h.k. bajarish mumkin;
Commands-sahifa uchun turli xil buyruqlar bajariladi;
Site – tayyorlangan saytlar ustida turli xil ishlar olib boriladi;
Window - bo`limida Micromedia Dreamweaver MX dasturidagi ishchi oynaning
ko`rinishi o`zgartirish ishlari olib boriladi;
Help- Micromedia Dreamweaver MX dasturi haqida ma`lumot olinadi.
                                      Insert bo’limii
Micromedia Dreamweaver MX dasturida  Insert bo`limi joylashgan bo`lib, 
unda quyida bandlar joylashgan bo`lib: 
13 uning quyi qismida
- dasturning kodi        
- dasturning sahifasi va kodi          
- dasturning sahifa 
ko`rinishlari joylashgan. 
Bu bandlar orqali tayyorlanayotgan sahifaning HTML tilidagi kodiga yoki
sahifasiga o`tish uchun qo`llaniladi.
Insert  bo`limi  orqali  rasmlar,  formalar,  freymlar,  jadvallar,  Macromedia 
Flash va Fireworks dasturlariga o`tish mumkin.
Matnlarni kiritish va ular ustida amallarni bajarish
Matnlarni  formatlash  uchun  Micromedia  Dreamweaver  MX  dasturining
yuqori menyusida joylashgan Text bandidan foydalanamiz 
Indent-abzats tashlash
Outdent-abzatsni olib tashlash
Paragraph Format- Sarlavhani formatlash
Align-matnni  o`nggi,  chapga,  o`rtaga  va  h.k. 
kabi ko`rinishda joylash
List-ro`yxat va markerlarni tashkil etish
14 Font- Shrift turini berish
Style-matnning  ko`rinishi:  ostiga  chizilga,  to`q
qilib  yozilgan,  og`ma  shaklda  yozish  vash  u
kabi amallar bajariladi
HTML  Styles-HTML  ko`rinishi  matnlarni
tahrirlaydi
CSS Styles- CSS ko`rinishi matnlarni tahrirlaydi
Size-Matnning o`lchami beriladi
Size Change-Matnlarning oraliq masofasi
Color-matnning rangi
Masalan,  Mukovaning  Micromedia  Dreamweaver  MX  dasturidagi  ko`rinishi
quyidagicha:
Dreamweaver dasturining hujjat oynasi. Bu yerda qanday turdagi web sahifa 
yaratishimizga qarab tanlab olamiz.
Micromedia Dreamweaver MX dasturida rasm va tugmachalarni qo`yish.
      Micromedia  Dreamweaver  MX  dasturida  rasm  qo`yish  uchun  avvalo
sahifani  saqlash  lozim.  Shundan  so`ng  quyidagi  amal  orqali  rasm  joylash  
ishi
bajariladi, ya`ni Insert bo`limidan Image bandini tanlaymiz:
15 Ekranda quyidagi oyna hosil bo`ladi:
U erdan kerakli bo`lgan rasmni sahifa joylash uchun OK tugmasini bosamiz:
Micromedia  Dreamweaver  MX  dasturida  tugmachani  joylash  uchun  Insert 
bo`limiga  kirib,  u  erdan  Interactive  Image  bandi  orqali  Flash  Button  ni
tanlaymiz:
Ekranda quyidagi oyna hosil bo`ladi: 
16 Bu oynada quyidagi bo`limlar joylashgan:
Sample - tugmachaning ko`rinishi
Style – tugmachaning nomi
Button Text – tugmachaning matni
Font – shrift turi
Link – giperishorat
Target – sahifaning ko`rinishi
Bgcolor- tugmachaning orqa fon rangi
Save as- tugmachani qanday nom bilan saqlash
Kerakli  amallarni  kiritib  bo`lgandan  so`ng  OK  tugmasini  bosiladi  va
sahifaga tugmacha joylashtiradi:
Micromedia Dreamweaver MX dasturida  jadval  tashkil  etish  uchun  Insert
bo`limidan Table bandi tanlanadi:
Tanlangandan so`ng ekranda quyidagi oyna hosil bo`ladi:
Bu erda 
Rows-qatorlar soni
Solumns-ustunlar soni
Width-uzunligi
Border-jadval chizig`ining qalinligi
Cell Padding-matnning jadval Bilan oraliq masofasi
Cell Spacing-jadval chizig`ining uzunlik masofasi
Jadval uchun qo`shimcha xususiyatlarni bilish uchun sahifaning quyi
qismiga e`tibor berish lozim.
Bu  bo`lim  orqali  yacheykalarni  birlashtirish,  bo`lish,  balandligini  berish, 
matnlarni  qalinlashtirish,  o`rtaga  olish,  o`lchamini  berish  va  ularga
17 giperishoratlar berish mumkin.
Micromedia Dreamweaver MX dasturida  freym  tashkil  etish  uchun  Insert
bo`limidan Frames bandi tanlanadiva u orqali qo`shimcha freym qo`shiladi:
Qulaylik  sifatida  Insert  bo`limidagi  Frames  menyusidan  ham  freym
tashkil etish mumkin.
Bu erda ham turli-tuman freymlar joylashgan.  
Tashkil  etilgan  freymlarni  saqlash  uchun  hamma  freymlarni  bir  joyga, 
ya`ni bitta papkaga joylash lozim.
Giper ishoratlar o`rnatish
Giper  ishoratlarni  tashkil  etish  uchun  Insert  bo`limidan  Hyperlink  bandi
orqali bajariladi.
Uning umumiy ko`rinishi quyidagicha ko`rinishda bo`ladi:
Bu erda: 
Text-giperishorat o`rnatilayotgan matn
Link-qaysi faylga giperishorat o`rnatish
Target-sahifaning qay ko`rinishda paydo bo`lishi
Title-matnga borgada qo`shimcha yordam beruvchi matn
Tayyorlangan  sahifani  saqlab  F12  tugmasi  orqali  sahifaning  Internet
Explorer dasturida ko`rish mumkin.
Matnli  giperishoratdan  tashqari  tasvirga  yoki  tugmachaga  ham  ishorat  
o`rnatish
mumkin.  Masalan,  tasvirga  giperishorat  o`rnatish  uchun  avvalo  rasmni  
sahifaoynasiga joylanadi:   So`ngra sahifaning quyi qismidan
Link bo`limiga murojat va giperishorat uchun fayl tanlanadi.
Quyi  qismda  yana  map  bo`limi  ham  mavjud  bo`lib,  u  bo`lim  orqali  bitta
rasmga  bir  necha  sahifalarni  bog`lash  mumkin.  Buning  uchun  rasmni  
belgilab, kerakli ko`rinishdagi shakl tanlanadi:
Tanlangan  shaklni  rasmning  ustki  qismiga  chiziladi  va  uning  quyi  qismidagi
quyidagi xususiyat oynasi paydo bo`ladi:
Bu erda   Link-giperishorat uchun bog`lanadigan fayl;
Target-sahifaning chiqish ko`rinishi;
Alt-yordamchi matnni chiqarish.
18 Biz  yo’qorida  keltirilgan  Dream  Weaver  dasturi  imkoniyotlaridan 
foydalanib  kasb-hunar  kolledjlarida  o’qitiladigan  ―Informatika  va  iformasion
texnologiyalr ‖   fanidan  sayt  yaratishga  harakat  qildik.  Sayt  bo’l imlari 
qo’yidagilardan tashkil topgan:
IOK -  Informatikadan o’quv kompleksi haqida ma’lumot
Meyyoriy hujjatlar – DTS, ishchi dasturlar joy olgan
O’quv qo’llanma – Bunda asosiy o’quv materiallari joylashgan
Praktikum bo’limida – amaliy mashq bajaruvchi dasturlar joylashgan
Testlar – bo’limida test topshiriqlar jamlanmasi joylashgan
Elektron  kutubxona  –  bo’limida  fanga  tegishli  adabiyotlarning  electron 
versiyalari to’plangan.
Bu  saytdan  talabalar  mustaqil  o’rganish  uchun,  amaliy  topshiriqlarni 
bajarishda  va fan bo’yicha olgan bilim va ko’nikmalarini mustahkamlash uchun 
foydalansa maqsadga muvofiqdir. 
                                                       
                                                      XULOSA
Web–saytni  yaratish  va  uni  o`rganish  muammolar  sabablariga
quyidagilarni  kiritish  mumkin:  internet  xizmatining  kengligi,  xizmatdan
foydalanishning  oddiyligi,  Web–texnologiyalarni  tarqatishdagi  qulaylik;  real
vaqt  masshtabida  axborotlarga  bo`lgan  talablar;  tashkilot  va  xususiy
shaxslarning  o`zlari  to`g`risidagi  axborotlarni  internetga  joylashtirishga  
intilish; 
tarmoq  ma`lumotlar  bazasida  global  masshtabdagi  ixtiyoriy  ma`lumotlarni
to`plash, Web–texnologiya bo`yicha mutaxassislar etishmasligi.
Web–saytni  ishlab  chiqishdan  oldin  qator  asosiy  masalalarni  echish  talab
qilinadi,  masalan:  auditoriya,  konkurent,  byudjet,  biznes  protsess,  Web–sayt
tadqiqodchisi, joylash, quvvatlash va ko`rib chiqish.
Web–saytni loyihalashning asosiy printsiplari orasida quyidagilarni ajratib
ko`rsatish  mumkin:  foydalanuvchilarga  mo`ljal  olish:  foydalanuvchilarni
quvvatlab turish; vaqt bilan tekshirib chiqilgan  uslublarni ishlatish; jamoa bo`lib
ishlash; ortiqchalikning yo`qligi.
HTML  gipermatn  belgilash  tili  hisoblanib,  (dasturlash  tili  emas)  uning
19 asosiy  qoidalari  quyidagicha:  har  bir  harakat  uning  boshi  va  oxiridagi  teglar
bilan  aniqlanadi;  teglar  va  yo`riqnomalar  ichki  buyruq  hisoblanib,  brauzer
darchasida ko`rinmaydi.Web–sahifalar  har  xil  shakllar  o`lchamida  va  
vazifasiga  qarab–shaxsiy, unga  xos,  boshlang`ich  holda  bo`ladi. Web–
sahifalarni  tinimsiz  takomillashtirib
berish  kerak.  Barcha  Web–sahifalar  birgalikda  Web–uzel  yoki  Web–sayt,  
debnomlanadi.  Web–sahifalarni  Web–saytlarga  o`tkazish  ob`ektlar  uchun  
zarurathisoblanadi.Tuzilma  tanlab  olingach,  uning  ildizli  tuzilmasini  
kengaytirishtexnologiyasiga  deyiladi,  ya`ni  fayllarga  nom  berish,  shu`ba  
sahifalarga  havola qilish,  standart  quyi  kalontitulni  nazarda  tutish,  Web–
uzelning  har  bir  HTML 
20

O’ZBEKISTON RESPUBLIKASI OLIY VA O’RTA MAXSUS TA’LIM VAZIRLIGI SHAROF RASHIDOV NOMIDAGI SAMARQAND DAVLAT UNIVERSITETI RAQAMLI TEXNALOGIYALAR FAKULTETI AMALIY MATEMATIKA VA INFORMATIKA YO’NALISHI Mavzu: Dreamweaver web-sahifa yaratish 1Mustaqil ishMustaqil ish

Mavzu: Dreamweaver web-sahifa yaratish II bob. Dream Weaver dasturi va ta’limiy saytlar yaratish 2.1 Dream Weaver dasturi interfeysi va unda ishlash Interfeys deganda informatikada dasturdagi turli komponentlar va foydalanuvchi o’rtasidagi o’zaro aloqani taminlovchi vositalar va qoidalar yig’indisi tushuniladi. Dreamweaver paketi taklif etadigan muomala usuli zamonaviy foydalanuvchi uchun odatiy bo’lib qolgan grafik oynali interfeys printsiplariga asoslanadi. Dreamweaver paketi o’sha sinfdagi boshqa dasturlar bilan taqqoslaganda ancha aniq, moslashuvchan va shu bilan bir paytda kuchli interfeys hisoblanadi. Palitralar, ko’p sonli klaviatura kombinatsiyalari va menyu qatori uning asosiy «tashuvchi loyihalari» hisoblanadi. Barcha operatsiyalar to’xtatilgach ekranda qoladigan oynalarni palitralari (Palette) yoki panellar (panel) deb atash qabul qilingan. Ekranning maxsus ajratilgan pozitsiyalarida emas, balki ixtiyoriy joyida joylasha oladigan oynalar ko’chib yuruvchi palitralar (floating plette) deb ataladi. Dteamweavet dasturi muloqot oynalarining ko’pchiligi ko’chib yuruvchi palitralar ko’rinishida ishlaydi. Palitralar va panellar orasidagi kichik farqlar dasturni tavsiflash uchun sezilarli ahamiyatga ega emas. SHuning uchun kelgusida bu atamalarni sinonimlar sifatida qo’llaymiz. Deyarli barcha palitralar birlashish xususiyatiga ega. Bu har xil palitralarni bitta muloqot oynasida joylashtirish mumkinligini bildiradi. Birlashtirish amali turli mavzu yoki buyruqlarga tegishli boshqaruv vositalariga ega bo’lgan ko’p funktsiyali terma palitralarni olish imkoniyatini beradi. Birlashish xususiyatiga ega bo’lgan palitralarni (ular dasturda ko’pchilikni tashqil etadi) modulli (dockable) palitralar deb ataymiz. Bir necha alohida modullardan iborat murakkab palitralar terma (tabbed) palitralar deb ataladi. 1-rasmda to’rtta ochiq muloqot oynali dasturning tashqi ko’rinishi ko’rsatilgan. Boshqaruvning eng talab qilinuvchi vositasi so’zsiz, Ptopetties 2

inspectot (xossalar inspektori) palitrasi hisoblanadi. Uning yordamida HTML sahifalarida obektlarni formatlash va HTML sahifasidagi obektlarni tahrirlash bo’yicha ko’plab amallar bajariladi. Behavietos (rejimlar) palitrasi – bu moduli ko’chib yuruvchi palitraga misol bo’ladi. Dreamweaver dasturi turli loyiha masalalarini hal qilishga mo’ljallangan unga yaqin shunga o’xshash obektlarga ega. Dastur oynasining tashqi ko’rinishi Rasmda ikkita oddiy modulli Layets va Histoty palitralardan iborat bo’lgan terma palitraga misol keltirilgan. Objekts palitrasi tashqi obektlar: rasmlar, jadvallar, qatlamlar freymlar va boshqa obektlarni qo’yish uchun mo’ljallangan. Rasmda ko’rsatilgan boshqa barcha boshqaruv elementlari hujjat oynasining ajralmas tashkil etuvchi qismi hisoblanadi. Texnik tizimlarning ishonchli ishlashi, dasturiy mahsulotlari interfeyslarining qulayligi asosida to’g’ri tashkil qilingan. Dteamweavet paketi formatlash va tahrirlashning deyarli barcha asosiy buyruqlari uchun amalga oshirishning bir necha xil usullarini taklif etadi. Keng formatli ekranlarning omadli egalari ularni palitralar va panellar yordamida bajarishlari mumkin. Bundan mahrum foydalanuvchilarga esa dastur menyu qatori buyruqlarini va klaviatura tugmalari kombinatsiyalaridan foydalaniladi. Menyu qatori – bu Windows ning ixtiyoriy ilovasining zaruriy atributidir. U komandalarga, muloqot oynalariga, tugmalarga yo’l ochadi, ular yordamida 3

hujjat yaratish, dasturni sozlash, vizuallashtirish jarayonini boshqarish kabi samarali ishlar bajariladi. Menyu qatorining har bir bandi vazifasi jihatidan birbiriga yaqin kiritilgan menyu va kichik menyular ierarxiyasini hosil qiluvchi buyruqlar guruhini birlashtiradi. Bu bandlarning qisqacha tavsifini keltiramiz. -- File menyusi (Fayl) fayllar bilan bog’liq buyruqlarni, gipermatnli hujjatlar shablonlari bilan ishlash, eksport qilish, import qilish va brouzer dasturlarida ko’rish buyruqlarini o’z ichiga oladi. Edit (Pravka) menyusiga tahrirlash va qidirish bilan bog’liq buyruqlar  kiradi. View (Vid) menyusi interfeysning yordamchi elementlarini va  gipermatnli hujjat obektlarining ko’rinishlari ustida ishlovchi buyruqlarni o’z ichiga oladi. Insert (Vstavka) menyusiga har-xil obektlarni import qilish buyruqlari  kiradi: rasmlar, jadvallar, formalar, katlamlar, maxsus belgilar va boshqa obektlarni import qilish. Modify (Izmenit) menyusi o’  z ichiga gipermatnli hujjat obektlari atributlarini o’zgartirish buyruqlarini oladi. Text (Tekst) menyusi o’z ichiga matnli fragmentlarni hosil qilish va ularni  formatlash bilan bog’liq buyruqlarni o’z ichiga oladi. Commands (Komandы) men  yusi gipermatnli hujjatlarni avtomatik qayta ishlash buyruqlarini o’z ichiga oladi. 4

Menyu qatorining Site (Sayt) bo’limi sayt bilan ishlash vositalari va gipermatnli hujjatlar bilan bog’liq murakkab tizimlar vositalarini o’z ichiga olgan. Window (Okno) menyusi dasturga tegishli palitralar, panellar va muloqot  oynalarini o’rnatish va olib tashlash bilan bog’liq buyruqlarni o’z ichiga oladi. Help (Spravka) menyusida dasturdan foydalanish haqidagi interaktiv  malumotlarni chaqirish, elektron qo’llanmani chaqirish kabi buyruqlar joylashgan. Uskunalarlar paneli dasturning asosiy dispetcherlik (nozimlik) pulti vazifasini bajaradi. U eng ko’p ishlatiladigan buyruqlar va tahrirlash resurslarini chaqirish tugmalarini birlashtiradi. Bu ixchamgina panel kiritilgan menyu va kichik menyular tizimi navigatsiyasi bilan bog’liq sarf-harajatlarni anchagina qisqartiradi. Unda joylashgan barcha boshqaruv elementlarini sanab o’tamiz (chapdan 5