Bosh sahifa

2.  WEB SAHIFANI YARATISH 

 

Birinchi  navbatda  biz  index.html  php  sahifasini  yaratib  olamiz.  Bu  bizda 

bosh  sahifa  hisoblanadi  index.html  yaratib  bo’lingach  biz  still  uchun  alohida 

style.css  faylini  yaratib  olamiz  va  biz  bunga  o’zimizga  kerakli  parametrlarni, 

shriftlarni,  fon  va  boshqa  narsalarni  kiritib  chiqamiz.  html  fayliga  o’zgartrish  va 

kodlarni  kiritshimiz  uchun  biz  NotePad  ++  dasturidan  foydalandik.  Uning  boshqa 

dasturlardan  farqi  va  yaxshi  tarafi  siz  agar  html  kodini  kiritayotgn  vaqtda  xatolik 

bo’lsa, qizil bilan belgilab beradi va html teg va kodlari dastur ichiga kiritilgan. 

Notepad++ dasturida bosh sahifa kodi: 

 

              2-rasm. Notepad++ da sahifaning ko’rinishi. 

 

Qolgan  barcha  web  sahifalarni  yaratishda  Javascript  va  css  dokumentlar 

hamda html, css kodlaridan foydalandim. 

 

 

                        3-rasm. CSS va JavaScript dokumentlarni bog’lash. 

 

---

6 

 

Style.css  bu  biz  yaratib  olgan  css  dokumentdir.  Bu  yerdan  OK  tugmasini 

bosamiz  va  css  dokument  bog’lanadi.  Buni  css  dokumentni       

teglari  orasidagi    kodlar 

yozilishidan bilib olsa bo’ladi. 

 Sayt novigatsiyasiga quyidagicha still berildi: 

 

 

                        

4-rasm. Navigatsiya panelining ko’rinishi. 

 

 

 

BOSH SAHIFA

 

li>YODGORLIKLAR 

VIDEO

 

BUXORO ANTALOGIYASI

 

TUMANLAR

 

 

 

 

Brauzerdagi ko’rinishi quyidagicha: 

 

5-rasm. 

 

Saytimizning html kodi quyida  keltirilgan: 

---

7 

 

 

Endi  web  saytimiz  uchun  birinchi  o’zimizga  kerakli  bo’lgan  menyu 

sahifalarini aniqlab olamiz va yaratamiz. Biz sahifalarimizani Notepad++ dasturida 

ochamiz va kerakli teg va kodlarni kirtib chiqamiz. 

 

6-rasm. Bosh sahifaning html ko’rinishi. 

Bosh sahifani yaratib bo’lingach qolgan sahifalarni ham sozlab chiqamiz. 

Yaratmoqchi bo'lgan sahifalarimizning kodlarini teramiz. Kerakli rasm va 

matnlarni joylaymiz. So'ngra brauzerda ochip ko'ramiz: 

 

7-rasm. Video sahifasi 

---

8 

 

 

Buhoro tumanlari sahifasini ko’rinishi. Bu sahifada buhoro tumanari haqida 

ma’lumot berilgan.  

 

8-rasm. Tumanlar sahifasi 

Notepad++ da html korinishi 

 

 

 

 

 

 

---

9 

 

 

Yodgorliklar sahifasiga “bosh sahifada” ham silka berilgan  u yerdan  read move 

tugmasini bosganimizda quydagi sahifa ochiladi. Buyerda buhoro obidalari haqida malumotlar  

har bitta obidaga alohida ma’lumot berilgan. 

 

9-rasm. Yodgorliklar sahifasi 

Notepad++ da html korinishi 

Buyerda matinlar 

 tegasini ichiga class atributi bilan berilgan va ularning 

hususiyatlari o’zgartirilgan. 

 

---

10