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



Download 9,72 Mb.
Pdf ko'rish
bet65/110
Sana24.01.2022
Hajmi9,72 Mb.
#407171
1   ...   61   62   63   64   65   66   67   68   ...   110
Bog'liq
Kompyuter grafikasi va web-dizayn.Мамаражабов М

5.1-jai/val
B ra u z e r d a s tu rla ri
T /r
Brauzer nomi
Imkoniyatlari
1.
O pera 10.63
Opera 
Software  kom paniyasi dasturidir.  Bu dastur 
43 tildagi  foydalanuvchilar  uchun  m o ijallan g an  
bo 'lib ,  W indows,  Linuxva  M ac  operatsion tizim larida 
ishlaydi.
2.
M ozillaFirefox
Mozilla Firefox 
-  tezkor,  k o ‘p  funksiyali  brauzer 
dasturi.  Fire fox dasturida b ir  oynada b ir  nechta 
sahifani  ochish  m um kin.  Shuningdek,  siz gi per 
havolalarni  shu sahifani  (siz ayni  paytda k o 'rib  turgan. 
sahifani)  tarketm asdan turib ochish  imkoniyatiga  ega 
b o iasiz.B rau zer  w eb-standartlarni juda  yaxshi qo'llab, 
unda juda qulay interfeys mavjud  va  o'zida  qidiruv 
paneli  (G oogle va  boshqalar)  joylashgan.
G oogle  Chrome
Google Chrome 
— bu  brauzer  m urakkab  texno- 
logiyalarni  va sodda  dizaynni  birlashtirib,  Internetda 
ishlashni  tezlashtiradi va  xavfsizligini  oshiradi.
4.
Apple  Safari
Apple 
Inc.kom paniyasining b rau zer  dasturi  hisoblanadi. 
Dastlab dastur  M ac O S  operatsion tizim i  uchun ishlab 
chiqilgan edi.  Dasturda  k o ‘p  oynalikinterfeys mavjud 
b o ‘lib,  unda xavfsizlikuskunalari  bilan boyitilgan.
5.
M axthon
Intem et-brauzer  dasturi. 
Maxthon 
web-sahifalarni 
k o ‘p  oynali  rejimda  ko‘rish  im konini  beradi. 
Dasturning asosiy xususiyatlaridan biri  — unda ko‘p 
sonli bog‘lanishlar  im koniyati  mavjud.
107


5. l-jadvalning  davomi
6.
Avant  Browser
Bu brauzer  ham  ko‘p  oynali  rejimda  ishlaydi.
Ya’ni,  asosiy oyna  ichida k o ’plab oynalarni  ochish 
imkoniyati  mavjud.  Avant  Browser  dasturida 
«sichqoncha»  tugmasini bir  bosish  bilan grafiklar, 
video,  tovushlar  va  Flash  anim atsiyalarni yuklashni 
taqiqlash  yoki  aksincha  ruxsat berish  imkoniyati 
mavjud.
7.
N etscape
N avigator
Dastur  o'zining oddiy va yengil sozlanadigan 
foydalanuvchi  intcrfeysi va tezkorligi.  ishlashga 
qulayligi  hamda web-sahifalarni  ko‘rishni  boshqarish 
imkoniyatlari  bilan boyitilgan.
M a’lumki,  yaratilgan  web-sahifalarni  ishlatib  ko‘rishda  o'zimiz 
bilgan  yoki  bilmagan  holda  brauzer  dasturiga  murojaat  qilamiz. 
Ana  shu  paytda  yaratilgan  web-sahifani  ochish  uchun  uning  fayli 
ustida sichqonchaning chap tugmasini  ikki  marta  ketma-ket  bosish 
yetarli.
Bundan  tashqari  avval  brauzer  dasturini  (Internet  Explorer) 
ishga  tushirib  olib,  keyin  esa 
File  >  Open 
buyrugini  berish  orqali 
ham   faylni  ishga  tushirish  mumkin.  M a ’lumki,  web-  sahifani 
yaratish  vaqtida  uning  qanday  dizaynda  chiqayotganini  ko'rish 
uchun biz brauzer dasturlariga qayta-qayta murojaat qilamiz. Ayrim 
professional  dasturlarda  (D ream w eaver  va  boshqaiar)  natijani 
ko‘rish  uchun  to 'g ‘ridan-to‘g‘ri  maxsus  tugma  bosiladi.
Bunda to'g'ridan-to'g'ri belgilangan brauzerda sahifa yuklanadi. 
Bu  haqida 
Dreamweaver 
dasturida  batafsil  m a’lumot  beramiz.
5.3.  HTML-hujjatning  asosiy  strukturasi
Siz  yaratgan  ilk  HTML-sahifa  asosida  HTM L-hujjat  asosiy 
strukturasini  tahlil  qilamiz.  K om pyuter  xotirasiga  saqlangan 
HTM L-hujjatni  Notepad  yordamida  oching.  Har  qanday  H TM L- 
hujjat  ichki  qismi  quyidagilardan  tashkil  topgan  boiadi:
< H T M L >   —  bu  teg  HTML-hujjatni  ochish  (boshlash)  uchun 
xizmat  qiladi  va  u  HTML-hujjatning  birinchi  ochuvchi  va  oxirgi 
yopuvchi  tegi  hisoblanadi.  Boshqacha  aytganda,  web-sahifaning 
boshlanish  va  tugash  chegarasini  ifodalaydi.  Uning yagona  vazifasi
108


mazkur  hujjatni  ochayotgan  dasturga  bu  fayl  HTM L-hujjatlari 
haqida  axborot  berishdan  iborat;
 
-   HEAD  tegidan  so‘ng  HTML-hujjatning  tizimli 
axborotlari  haqida  m a’lumot  beradi.  Bizning misolimizdagi yagona 
tizimli  axborot  —  TITLE  tegi  hisoblanadi;
  <br />-   bu  teg  ochuvchi  teg  <HEAD>  va  yopuvchi  teg  <br />< /H E A D >   orasida yoziladi.  Ochuvchi va yopuvchi  TITLE orasida  <br />kiritilgan  axborot  siz  yaratayotgan  hujjat  nomini  anglatadi.  Siz  <br />kiritgan  nom  brauzer  dasturi  tomonidan  va  internetdagi  qidiruv  <br />tizimlari tomonidan  ishlatiladi.  Biz  keltirilgan  misolda  «Eng sodda  <br />ko‘rinishdagi  H TM L sahifa!»  matni  brauzer dasturi  yuqori  qismida  <br />ya’ni  sarlavha  satrida  namoyish  etiladi; <br /><body>  <br />-   BODY  ochuvchi  va  yopuvchi  teglari  orasida  <br />yozilganlarning  barchasi  sizning  HTM L-hujjatingizning  tanasi  <br />hisoblanadi.  Agar siz  ushbu  teg  orasiga  matn  yozsangiz  yoki  tasvir  <br />kiritsangiz,  bularning barchasini  brauzer  ekranda  namoyish  etadi.  <br /><body>  tegi  haqidagi  batafsil  m a’lumotni  siz  «Hujjat  tanasini  <br />formatlash»  b o lim id a  o ‘qishingiz  mumkin. <br />Har  qanday  HTM L-hujjat  quyida  keltirilgan  tartibda  yozilishi  <br />shart: <br />—  <H TM L>  H T M L   huijat  boshi; <br />—  <H EA D >  hujjat  nomlanishining  boshlanishi; <br />—  <TITLE>...</T IT L E >   H T M L   sahifa  nomi  (sarlavhasi); <br />—  <HEAD>  hujjat  nomlanishining  yakunlanishi; <br />—  < B O D Y   B G C O L O R = « w h ite » >   -   h u jja t  ta n a s in in g   <br />boshlanishi <br />< !—H T M L   hujjat  boshlanishi—> <br />< T A B L E   <br />B O R D E R = « 0 »   <br />C E L L P A D D I N G  =  «0»  <br />CELLSPAC1NG=«0»  W1DTH=«100%»> <br /><tr > <br /><td  width=«1%»  valign =«top»> <br />< I M G   SRC=«img/p.gif»  W ID TH =«160»  H E IG H T = « 1 »   <br />ALT=«»> <br />< F O N T   COLOR=«white»>Sayt  m enyusi:</FO N T> <br />133 <br /></div> <style type="text/css"> </style> <hr /><div id="page116-div" > <br />< /T D > <br /><td  w 1 d t h = « 2 % » x /t d > <br /><td   w id th =«94%»  valign=«top»> <br />Web  sahifaning  asosiy  matni. <br />< B R > < B R > < B R > < B R > < B R > < B R > < B R > < B R X B R > < B R > < B R >   <br />< /T D > <br /><td  width=«2%»>  </td > <br /><td  w1dth=«1%»  valign=«top»> <br />< IM G   S R C = « im g /p .g if»   W ID T H = « 1 0 0 »   H E IG H T = « 1 »   <br />A L T = « * X B R > <br />C T A B L E   <br />B O R D E R = « 0 »   <br />C E L L P A D D I N G  =  « 1 »>  <br />C ELLSPA CIN G =«0»  W ID TH =«I00»  BGCOLOR=#336699> <br /><tr> <br />< T D X F O N T   C O L O R = «#eO eO ff»> R eklam a:< /F O N T > < /  <br />TD > <br />< /T R > <br /><tr> <br /><td > <br />C T A B L E   <br />« B C )R D E R » = « 0 »   <br />C E L L P A D D I N G = « 0 »   <br />CELLSPACING=«0»  WIDTH=«100%»  BGCOLOR=«#tDrora»>  <br /><tr> <br /><td   bgcolor=«#cccc33»> <br />< !—Reklama  m atni--> <br />< F O N T   S IZ E = « 2 » > R ek lam a  m atni  va  tasvirni  shu  erga  <br />joylashtirishingiz  mumkin  < /FO N T > <br />< /T D > <br />< /T R > <br /></T A B L E > <br />< /T D > <br />< /T R > <br /></T A B L E > <br />134 <br /></div> <style type="text/css"> </style> <hr /><div id="page117-div" > <br />ion  tahlil  qilish  imkonini  <br />taqdiringizda,  uni  qaysi <br />< /T D > <br />< /T R > <br /></T A B L E > <br />< /B O D Y > <br />Bu  ifodalar  sizga  jadvalli  sahifani  о  <br />beradi  hamda  turli  o'zgarishlar  kiritgar  <br />joyda  bo‘lishini  aniq  belgilay  olasiz. <br />Ba’zida  o ‘zingiz  ham  m ana  shunday  sxemalarni  tuzishingiz  <br />mumkin.  Sahifa  tayyor  b o ‘lgach,  kiriitilgan  izohlarni  o 'chirib  <br />tashlash  lozim.  Bunda  kiritilgan  izoh  quyidagi  tartibda  yozilishi  <br />kerak:  <br />izoh  —>'. <br />5.10.  Freymlar  bilan  ishlash  imkoniyatiari <br />Freym  —  brauzer  oynasidagi  musiaqil  to ‘g ‘ri  t o ‘rtburchak  <br />shaklidagi  maydon  bo‘lib,  u  o ‘z  ichigajj  boshqa  alohida  mustaqil  <br />HTML-hujjatlarni  birlashtira  oladi. <br />Endi  siz  har  bir  oynasida  alohida  rr  <br />ochish  imkonini  beruvchi  freymlarni  tu  <br />chiqasiz.  Freymlar brauzerdagi  yangi  o]  <br />oyna  yoki  ramka  b o ‘lib,  u  brauzern  <br />ichida aks ettiriladi.  Bu bo‘limda. bir fre  <br />bir-biriga  havolalar  yordam ida  b o g ‘l^sh  usullarini  tahlil  qilib  <br />chiqamiz. <br />ustaqil  HTML-hujjatlarni  <br />zish usullari  bilan tanishib  <br />na  emas,  balki  bu  alohida  <br />hg  ochilib  turgan  oynasi  <br />vmdan ikkinchi  freymlarni <br /></tr></td></tr></tr></td></td></td></td></td></tr></head>

Download 9,72 Mb.

Do'stlaringiz bilan baham:
1   ...   61   62   63   64   65   66   67   68   ...   110




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©hozir.org 2024
ma'muriyatiga murojaat qiling

kiriting | ro'yxatdan o'tish
    Bosh sahifa
юртда тантана
Боғда битган
Бугун юртда
Эшитганлар жилманглар
Эшитмадим деманглар
битган бодомлар
Yangiariq tumani
qitish marakazi
Raqamli texnologiyalar
ilishida muhokamadan
tasdiqqa tavsiya
tavsiya etilgan
iqtisodiyot kafedrasi
steiermarkischen landesregierung
asarlaringizni yuboring
o'zingizning asarlaringizni
Iltimos faqat
faqat o'zingizning
steierm rkischen
landesregierung fachabteilung
rkischen landesregierung
hamshira loyihasi
loyihasi mavsum
faolyatining oqibatlari
asosiy adabiyotlar
fakulteti ahborot
ahborot havfsizligi
havfsizligi kafedrasi
fanidan bo’yicha
fakulteti iqtisodiyot
boshqaruv fakulteti
chiqarishda boshqaruv
ishlab chiqarishda
iqtisodiyot fakultet
multiservis tarmoqlari
fanidan asosiy
Uzbek fanidan
mavzulari potok
asosidagi multiservis
'aliyyil a'ziym
billahil 'aliyyil
illaa billahil
quvvata illaa
falah' deganida
Kompyuter savodxonligi
bo’yicha mustaqil
'alal falah'
Hayya 'alal
'alas soloh
Hayya 'alas
mavsum boyicha


yuklab olish