Laboratoriya mashg’uloti №1 mavzu: setup bios dasturlarini o’rganish. Ishdan maqsad

Laboratoriya mashg’uloti №9 
Mavzu
:
 Kengaytirilgan ACL – ro’yhatlarini rejalashtirish, 
konfigurasiyalash va tekshirish. Bir sohaning OSPRF sini sozlash 
va tekshirish 
Ishning maqsadi
: Kengaytirilgan ACL – ro‘yhatlarini 
rejalashtirish, konfigurasiyalash va tekshiris, statik NAT ni sozlash 
va tekshirishni o‘rganish. 
Topshiriq 
Nazariy qismni o‘rganish. 
IP – adreslanish sxemasini loyixalashni o‘rganish 
Statik NAT ni sozlash va tekshirishni o‘rganish 
Berilgan ish bo‘yicha hisobot tayyorlash 
Nazariy qism 
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: 

---

1-rasm. Notepad++ da sahifaning ko‘rinishi. 
Qolgan barcha web sahifalarni yaratishda Javascript va css 
dokumentlar hamda html, css kodlaridan foydalandim. 
2-rasm. CSS va JavaScript dokumentlarni bog‘lash. 
Style.css bu biz yaratib olgan css dokumentdir. Bu yerdan OK 
tugmasini bosamiz va css dokument bog‘lanadi. Buni css 
dokumentni   teglari orasidagi rel="stylesheet" type="text/css" /> kodlar yozilishidan bilib olsa 
bo‘ladi.
Sayt novigatsiyasiga quyidagicha still berildi: 

---

BOSH SAHIFA

li>YODGORLIKLAR

VIDEO

href="antalogiya.html">BUXORO 
ANTALOGIYASI

TUMANLAR

 
Brauzerdagi ko‘rinishi quyidagicha: 
5-rasm. 

---

Saytimizning html kodi quyida keltirilgan: 
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 
Buhoro tumanlari sahifasini ko‘rinishi. Bu sahifada buhoro 
tumanari haqida ma‘lumot berilgan. 

---

8-rasm. Tumanlar sahifasi 
Notepad++ da html korinishi 
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 
Buyerda matinlar

tegasini ichiga class atributi bilan 
berilgan va ularning hususiyatlari o‘zgartirilgan. 
Boqiy buhoro sahifasi saytning content qismidan tashqarida 
sahifaning o‘ngtomoniga rBar kalonkasi ichiga suratga silka berib 
joylashgtirilgan. Suratning ustiga sichqonchani olib borganingzda 
qol rasmi chiqadi va bosilganda quydagi sahifaga ochiladi. 

---

Boqiy buhoro sahifasi saytning content qismidan tashqarida 
sahifaning o‘ngtomoniga rBar kalonkasi ichiga suratga silka berib 
joylashgtirilgan. Suratning ustiga sichqonchani olib borganingzda 
qol rasmi chiqadi va bosilganda quydagi sahifaga ochiladi.
10-rasm. Boqiy Buhoro sahifasi. 
Notepad++ da html ko‘rinishi 
Bu yerda sahifaning kodlari yozilgan sozlar orasi
tegasi 
bilan ajratilgan 

---