Mehmonxona web saytini yaratish - Информатика и ИТ - Дипломные работы

Информация о документе

Цена	12000UZS
Размер	6.6MB
Покупки	0
Дата загрузки	07 Ноябрь 2026
Расширение	docx
Раздел	Дипломные работы
Предмет	Информатика и ИТ

Mehmonxona web saytini yaratish

Купить

Mavzu: Mehmonxona web saytini yaratish
Mundarija
..................................................................................................................................................................... 2
Kirish ............................................................................................................................................................ 2
I BOB WEB-SAHIFA HAQIDA MA’LUMOTLAR ............................................................................................... 3
Web dasturlash haqida, Frontend nima? ..................................................................................................... 3
Web sayt haqida .......................................................................................................................................... 8
HTML va CSS .............................................................................................................................................. 13
PHP dasturlash tili ...................................................................................................................................... 13
HTML dagi asosiy kodlar ............................................................................................................................ 14
Asosiy qoidalar .......................................................................................................................................... 15
II BOB WEB SAYT ........................................................................................................................................ 18
WEB SAHIFA HAQIDA UMUMIY MA’LUMOT .............................................................................................. 18
2.1. Mehmonxona web saytining Oynalari qismi. ..................................................................................... 18
2.2. Mehmonxona web saytining kod qismlari. ......................................................................................... 19
Quyida mehmonxonamizning har bir oynalarining HTML, CSS va Java Scriptda yozilgan kod qismlarini
izohlari bilan ko’rishimiz mumkin .............................................................................................................. 19
Login va Register oynasining kod qismi ..................................................................................................... 19
Html ........................................................................................................................................................... 19
CSS ............................................................................................................................................................. 20
Java Script .................................................................................................................................................. 21
Mehmonxona haqida umumiy malumotlar oynasining kod qismi. HTML ................................................. 22
................................................................................................................................................................... 23
CSS ............................................................................................................................................................. 23
Xonalar turlari oynasining kod qismi. ........................................................................................................ 25
HTML ......................................................................................................................................................... 25
CSS ............................................................................................................................................................. 30
Xona band qilish oynasining kod qismi ...................................................................................................... 33
HTML ......................................................................................................................................................... 33
CSS ............................................................................................................................................................. 35
Java Script .................................................................................................................................................. 37
3.3. Mehmonxona web saytining dizayn qismi (ko’rinishi). ....................................................................... 38
Login va Registratsiya oynasi ..................................................................................................................... 38
................................................................................................................................................................... 39
1

................................................................................................................................................................... 39
................................................................................................................................................................... 39
Mehmonxona haqida umumiy ma’lumotlar oynasi ................................................................................... 39
Xonalar turlari oynasi ................................................................................................................................ 40
................................................................................................................................................................... 40
................................................................................................................................................................... 41
................................................................................................................................................................... 41
Xona band qilish oynasi ............................................................................................................................ 42
................................................................................................................................................................... 42
Xulosa ........................................................................................................................................................ 43
Foydalanilgan adabiyotlar .......................................................................................................................... 44
Kirish
Bugungi kunda Internet olamiga faqatgina kompyuterlar bilan emas, balki
uyali telefon aloqa texnologiyalari yordamida ham kirish oddiy holga aylandi.
Shuningdek, hozirgi globallashgan davrda har tomonlama takomillashtirilgan
vositalar va kashfiyotlar ham sinovdan o‘tkazilmoqda. Global kompyuter tarmog‘i
bugungi kungacha ma’lum bo‘lgan barcha axborot manbalaridan (telefon, pochta,
televidenie, radio, matbuot nashrlari va boshqalar) farqli holda, o‘z
2

foydalanuvchilariga har qanday ma’lumotni istalgan shakl va ko‘rinishda, ularning
qiziqish va xohishlariga qarab, alohida tanlov asosida uzatish va olish uchun qulay
imkoniyat yaratib kelmoqda.
Web dizayn fanining vazifasi:
- Web texnologiyalar asoslari bilan tanishtirish;
- zamonaviy axborot texnologiyalari orqali olinayotgan ma’lumotlarning qanday
hosil qilinishi va ulardan foydalanish haqida ma’lumotlarni berish;
- Web saytlarni hosil qiluvchi dasturlar va dasturlash tillari bilimlari bilan
tanishtirish:
- Flash muhitida oddiy va interfaol animasiyalar, flash saylar yaratishga
o‘rgatishdan iborat.
Web-texnologiyalar bu kabi dinamik web-saytlarni yaratish uchun bir-biri bilan
birgalikda ishlatiladigan ko‘plab tillar va multimedia paketlarini nazarda tutadigan
umumiy atama. Har bir alohida texnologiya o‘z-o‘zidan ancha cheklangan va hech
bo‘lmaganda boshqa bitta texnologiyadan ikki tomonlama foydalanishni talab
qiladi. Shuning uchun biz saytni tashkil etuvchi barcha tarkibiy qismlar bir-biriga
bog‘liqdir degan xulosaga kelishimiz mumkin.biz web-saytlarni yaratish
uchun ishlatiladigan individual web-ishlab chiqish texnologiyalari va vositalarini
muhokama qilamiz. Ammo bundan oldin, biz web-saytning ikkita alohida qismini
aniq bilib olishimiz kerak: old (Frontend) va orqa (Backend) qism.
I BOB WEB-SAHIFA HAQIDA MA’LUMOTLAR
Web dasturlash haqida, Frontend nima?
Dasturlash juda qiziqarli va har tomonlama foydali mashg‘ulot. Dasturlashni
o‘rganish juda oson. Qiziqish va yangi bilimlarni o‘zlashtirishga bo‘lgan yuqori
darajadagi istak bilan bir necha oylik mehnat orqali har kim malakali dasturchiga
aylanishi mumkin. Web dasturlash mening sevimli mashg‘ulotlarimdan biri.
3

Web dasturlash brauzeringiz orqali ko‘rishingiz va foydalanishingiz mumkin
bo‘lgan barcha web dasturlarni tayyorlash jarayonini o‘z ichiga oladi. Web
dasturlash ham juda qiziqarli va katta daromad keltiradigan soha hisoblanadi.
Malakali dasturchilarga bo‘lgan talab bugungi kunda har doimgidan ham yuqori.
Agar qachondir web dasturlashni o‘rganish haqida o‘ylab ko‘rgan bo‘lsangiz, hozir
bu niyatingizni amalga oshirish uchun kirishishning ayni vaqti!
Frontend bu – web-saytning foydalanuvchi o‘z ekranida ko‘rishi va o‘zaro
aloqada bo‘lishi mumkin bo‘lgan barcha qismlarini anglatadi.
Backend esa Frontedga qarama-qarshi tomonga ishora qiladi. Bu web-sahifa
funktsiyasini bajaradigan maxfiy mexanizmlarni o‘z ichiga oladi. Oddiy
foydalanuvchi odatda orqa tomonda nima sodir bo‘lishini bilmaydi
Avvalo “frontend” va “backend” so‘zlarining o‘zbek tilidagi ma’nolari bilan
tanishib chiqaylik. “Frontend” (front end, front-end) o‘zbek tilida “Oldindagi
(ustki) tomon” degan ma’noni anglatadi. Biz bu so‘z bilan u yoki bu narsaning
tashqi, hammaga ko‘rinib turadigan qismini nazarda tutamiz. Backend (back end,
back-end) esa Frontendning aksi hisoblanib, qaysidir narsaning ichki, yoki orqa
tomoni degan ma’noni anglatadi. Bu bilan biz qaysidir narsaning hammaga
ko‘rinmaydigan, yashiring, ichki yoki orqa tomonini nazarda tutgan bo‘lamiz.
Frontend - Bu o‘zi nima va yuqoridagi gaplarga buning nima bog‘liqligi
bor?» dersiz, bu savolingizga ushbu maqolada javob topasiz degan umiddamiz.
Frontend - «tashqi interfeys degan ma’noni bildirib, veb texnologiyalarning biridir.
Bu texnologiya yordamida veb sahifalarning insonga ko‘rinib turuvchi, ma’lumot
beruvchi vizual qismi yaratiladi. Frontend texnologiyalarini o‘rgangan inson o‘z
ijodkorligi, kretiv yondoshuvi orqali turli g‘oyalarini veb sahifalar, dasturlar
shaklida ro‘yobga chiqarishi mumkin bo‘ladi.
Bugungi kunda shaxsiy veb sahifaga ega bo‘lish o‘ziga xos elektron vizitka,
passport vazifasini bajaribgina qolmay, balki sayt orqali ko‘plab foydali ishlarni
amalga oshirish mumkin bo‘lib qoldi. Masalan, jurnalist, shoir, yozuvchi o‘z ijodi
4

va izlanishlarinini veb sahifasi orqali yoritib borishi mumkin. Tadbirkor o‘z
sahifasida mahsulot va xizmatlarini keng targ‘ib qilishi va daromadini oshirishi
mumkin.
Umumiy qilib aytadigan bo‘lsak Frontend texnologiyalarini o‘rganish -
internet xazinasining kalitini qo‘lga kiritish demakdir, bu xazinadan xohlagan
narsangizni olishingiz, foydalnishingiz, boshqarishingiz mumkin.
Qanday texnologiyalar o‘rganiladi? Nimadan boshlash kerak?
Frontend dasturlash sohasi bir necha til va texnologiyalarni o‘z ichiga oladi.
Uning asoslari HTML, CSS va JavaScriptdir. Vaqt davomida saytlarning ko‘rinishi
va ishlashiga bo‘lgan sifat talabi o‘sishi tufayli shu texnologiyalar asosida bir
qancha freymvork va kutubxonalar tuzib chiqilgan. Ulardan ko‘zlangan asosiy
maqsadlardan biri sayt tuzishga ketadigan vaqtni qisqartirishdir. CSS asosida Less,
Less oldindan ishlov beruvchi (preprotsessor), foydalanuvchi interfeysini tuzishda
yordam beruvchi Bootstrap, Materialize, Foundation, Bulma va Tailwind
freymvorklari tuzilgan bo‘lsa, JavaScript asosida hozirgi kunda trendda bo‘lgan
Angular, Vue freymvorklari, jQuery va React kutubxonalari tuzib chiqilgan.
Malakali frontend dasturchilarga dunyoning ko‘plab davlatlarida talab bor.
Ularning bilimi va tajribasiga qarab turlicha ish haqi to‘lanadi. Bugungi kunda
O‘zbekistonda malakali frontend dasturchilar oyiga o‘rtacha 300$ dan 1000$ gacha
o‘rtacha daromad topishlari mumkin. Quyida frontend dasturlash sohasiga kiruvchi
til va texnologiyalar haqida batafsil ma’lumot berib o‘tamiz.

Asosan o‘raganish kerak bo‘lgan manbalar bo‘lar(Frontend uchun)
Front-End?????? quyidagi texnologiyalar o‘rganiladi (mana shu ketma ketlikda):
Html5
??????
Css3
??????
JavaScript (Es6)
??????
5

Bootstrap??????
jQuery yoki Js framework Vue.js, React.js, Angular
??????
Sass
??????
Web-texnologiyalar bu kabi dinamik web-saytlarni yaratish uchun bir-biri
bilan birgalikda ishlatiladigan ko‘plab tillar va multimedia paketlarini nazarda
tutadigan umumiy atama. Har bir alohida texnologiya o‘z-o‘zidan ancha
cheklangan va hech bo‘lmaganda boshqa bitta texnologiyadan ikki tomonlama
foydalanishni talab qiladi. Shuning uchun biz saytni tashkil etuvchi barcha tarkibiy
qismlar bir-biriga bog‘liqdir degan xulosaga kelishimiz mumkin
HTML (Hyper Text Mark-up LanguYoshi) - bu har qanday web-saytni
birlashtiruvchi elim. Uy qurish kabi, siz har doim birinchi navbatda mustahkam
poydevor qurasiz. Har qanday sayt uchun HTML bu asosdir. HTML - bu oson
o‘rganiladigan va undan foydalanishni boshlash uchun hech qanday chiroyli (yoki
qimmat!) Paketlarni talab qilmaydigan ochiq manba tili (ya’ni hech kimga tegishli
emas). Sizga kerak bo‘lgan narsa - Windows Notepad, Visual Studio Code kabi
dasturlarda yozish kerak bo‘lgan teglar, ko‘p vaqt va sabr.
HTML "teg" tizimida ishlaydi, bu yerda har bir teg ushbu teg ichiga
joylashtirilgan tarkibga ta’sir qiladi, masalan teg qanday ta’sir qiladi . O‘z-o‘zidan
nisbatan cheklangan bo‘lsada, bu HTML ning moslashuvchanligi web-saytlarning
murakkabligini oshirishga imkon beradi. Uyingizning poydevori singari, HTML
ham HTML-sahifalaringizda birlashtirilgan turli xil tillarni qo‘llabquvvatlash
uchun yetarlicha kuchli.
DHTML (Dynamic HTML) xuddi nomidan ko‘rinib turibdiki, oddiy HTML
sahifalaringizga dinamik, harakatlanuvchi yoki o‘zgaruvchan tarkib qo‘shib beradi.
Buni HTMLning yanada rivojlangan versiyasi deb o‘ylang, garchi DTHML aslida
o‘zi dasturlash tili emas. DHTML - bu dasturlar guruhini tavsiflash uchun
ishlatiladigan keng atama, asosiylari quyida tavsiflangan
6

JavaScript: JavaScript - bu "skript" tili. Biroz badiiy filmdagi ssenariyga
o‘xshab, "nima bo‘lishini" hal qilish uchun foydalaniladi. Bu ekrandagi voqealar
ketma-ketligi bo‘lishi mumkin, bu erda bir voqea boshqasining oxirigacha
boshlanadi yoki foydalanuvchi qandaydir tarzda sahifa bilan o‘zaro aloqada
bo‘lishiga, masalan, sichqonchani havola orqali harakatlantirishiga
dasturlashtirilgan javob bo‘lishi mumkin. JavaScript - bu murakkab va kuchli til
bo‘lib, uni to‘g‘ridan-to‘g‘ri HTML-sahifaning ichiga yoki alohida
JavaScriptfaylga joylashtirish mumkin.
CSS (Cascading Style Sheets) - bu HTML ning cheklangan uslub
xususiyatlarini kengaytirish uchun mo‘ljallangan nisbatan yangi til. O‘rganish va
amalga oshirish oson, CSS - bu sizning saytingiz uslubini, masalan, o‘lcham, rang
va shrift kabi matn uslublarini boshqarishning eng yaxshi usuli.

CSS HTML-sahifaning ichiga yoki alohida fayllarga joylashtirilishi
mumkin. Bitta CSS faylida butun saytingiz uchun barcha uslubiy xususiyatlarga
ega bo‘lishning haqiqiy afzalligi shundaki, siz har bir HTML faylini birma-bir
ko‘rib chiqishingizga emas, balki butun faylni o‘zgartirishingiz uchun ushbu bitta
faylni tahrirlashingiz mumkin. Shu sababli, ehtimol bu eng foydali web-
texnologiya va, albatta, mening sevimlilarimdan biri.
DOM: DOM (Document Object Model) dizaynerga HTML-sahifadagi rasm,
qatlam yoki jadval kabi har qanday elementga kirish huquqini beradi. Masalan, uni
aniqlash uchun har bir elementga o‘ziga xos "id" nomi berilishi mumkin 6 My
TEG tarkibi CSS va JavaScript bilan birlashtirilganda, DOM faqat "Mening
yorligim" ga o‘zgartirishlar kiritish uchun ishlatilishi mumkin va boshqa hech
7

qanday element, masalan, matn hajmini oshirish yoki "Mening yorligim" ning
ekrandagi holati. JavaScript ning ham ekrandagi matn hajmini bosqichma-bosqich
oshirish kabi har qanday aniqlangan elementga bunday o‘zgarishlarni animatsiya
qilish uchun ishlatilgan. Har bir boshqa brauzerda o‘ziga xos DOM mavjud va bu
ko‘pincha mehmon qaysi brauzerdan foydalanayotganligini aniqlash uchun
ishlatiladi. Agar shaxs, masalan, NS6 dan foydalansa va IE5 ishlatayotgan bo‘lsa,
unga e’tibor berilmasa, muayyan harakatlar amalga oshirilishi mumkin.
Yuqoridagi barcha texnologiyalardan farqli o‘laroq, Flash ochiq manbali
texnologiya emas. Flash Macromedia-ga tegishli bo‘lib, ular web-saytingiz uchun
Flash tarkibini yaratish uchun zarur bo‘lgan dasturni ishlab chiqaradi. Bundan
tashqari, o‘z-o‘zidan web-brauzerda Flash-tarkib ko‘rsatilmaydi, "plagin" yuklab
olinishi va uni to‘g‘ri ko‘rishidan oldin saytingizga tashrif buyuruvchi tomonidan
o‘rnatilishi kerak (bepul). Ushbu plaginlar (mini-ilovalar) ham Internetdagi eng
zamonaviy Flash tarkibini namoyish qilishlarini ta’minlash uchun yangilanishi
kerak. Flashning kamchiliklaridan uni ijobiy tomonlari ko‘p. Flash hozirda tarmoq
uchun animatsiya, video, ovozli va juda ta’sirli interaktiv web-saytlarni
qo‘llabquvvatlovchi yagona haqiqiy multimedia paketlaridan biridir. Ko‘pgina
webfoydalanuvchilar Flash dasturini plaginini o‘rnatadi va aksariyat web-
dizaynerlar Flash dasturini plaginsiz ishlatadilar.
Web sayt haqida
Web-ishlab chiqish deganda web-saytlarni yaratish jarayoni tushuniladi.
Ushbu jarayon bir qator bosqichlarga asoslangan bo‘lib, biz har bir jarayonda
ishtirok etadigan vositalarni o‘rganib chiqishda batafsilroq ko‘rib chiqamiz.
Odatda web-saytning ikkita qismi Oldinga borganimizda, biz web-saytlarni
yaratish uchun ishlatiladigan individual web-ishlab chiqish texnologiyalari va
vositalarini muhokama qilamiz. Ammo bundan oldin, biz web-saytning ikkita
alohida qismini aniq bilib olishimiz kerak: old (Frontend) va orqa (Backend) qism.
8

Frontend bu – web-saytning foydalanuvchi o‘z ekranida ko‘rishi va o‘zaro aloqada
bo‘lishi mumkin bo‘lgan barcha qismlarini anglatadi. Backend esa Frontedga
qarama-qarshi tomonga ishora qiladi. Bu websahifa funktsiyasini bajaradigan
maxfiy mexanizmlarni o‘z ichiga oladi. Oddiy foydalanuvchi odatda orqa tomonda
nima sodir bo‘lishini bilmaydi
Web-saytni rivojlantirishning navbatdagi bosqichi: texnik tavsiflarni
shakllantirish Texnik topshiriq - bu mijoz bilan tuzilgan hujjat. U manbaning
batafsil tavsiflarini o‘z ichiga oladi: Dizayn bo‘yicha takliflar (rangli dizayn,
korporativ identifikatsiyani qo‘llash yoki uning rivojlanishi, grafik elementlarning
matnga nisbati); o Semantik yadro; o Sayt tuzilishi, sahifalar, toifalar, bloklar soni;
o Saytning faoliyati (faqat standart yoki qo‘shimcha modullarni ishlab chiqish,
ularning batafsil tavsifi va maqsadlari); o Amaliy texnologiyalar; o Resursga
texnik talablar. Texnik topshiriqlar ishlab chiqishda ishtirok etadigan har bir ishlab
chiquvchi ishonadigan asosdir. Shuning uchun buyurtmachining texnik
spetsifikatsiyani 11 tayyorlashda ishtirok etishi zarur. Mijoz hujjatni imzolaguncha
u muzokara qilinadi va tahrir qilinadi. Shundan keyingina loyiha yaratilish
bosqichiga o‘tadi. TKni shakllantirish va muhokama qilish bosqichida saytning
tuzilishi, uning navigatsiyasi, toifalar va kichik toifalar soni, ularni joylashtirish
ketma-ketligi va boshqalar ham ishlab chiqiladi. Barcha ma’lumotlar, shuningdek,
mijoz tomonidan imzolangan hujjatga kiritilgan.
Web-sayt dizayni maketini yaratish Resursning sifatli ishlashi uchun web-
saytlarni yaratishning barcha bosqichlari muhim, ammo dizaynni ishlab chiqish
9

asosiylaridan biri hisoblanadi. Axir, dizayn bu birinchi navbatda mehmonni
ko‘radi, uni baholaydi va sahifada qolishga yoki brauzer yorlig‘ini yopishga qaror
qiladi. Dizayner texnik topshiriq asosida ishlaydi, tugmalar, bannerlar va boshqa
grafik elementlarni chizadi. Boshqacha qilib aytganda, web-saytni
rivojlantirishning birinchi bosqichida yaratilgan protetib estetik ko‘rinishga ega
bo‘lib, mijoz tomonidan tanlangan ranglarda ishlab chiqariladi. Agar kompaniya
korporativ uslubga ega bo‘lsa, unda dizayn unga mos ravishda ishlab chiqilgan.
Shu bilan bir qatorda, avval korporativ identifikatorni, so‘ngra unga asoslangan
dizaynni ishlab chiqish mumkin. Shuni ta’kidlash kerakki, dizayner har bir
sahifaning dizaynini emas, balki web-dizayn tendentsiyalaridan foydalangan holda
bir nechta asosiy sahifalarning shablonlarini chizadi. Tayyorlangan tartib mijozga
topshiriladi va uning roziligini kutadi. Agar takomillashtirish kerak bo‘lsa,
dizayner ularni amalga oshiradi va xaridorga takomillashtirilgan varyantda taqdim
etadi.
Maket dizayneri tayyor dizaynni ishchi loyihaga aylantirish uchun HTML
dan foydalanadi. Resurs hayotga ega bo‘ladi, dinamik bo‘ladi, barcha tugmalar
ishlaydi. Resurs o‘zaro faoliyat brauzerga aylanadi va mavjud bo‘lgan barcha
Internetbrauzerlarda to‘g‘ri ko‘rsatiladi. Xuddi shu bosqichda CSS uslublari
yaratiladi Bundan tashqari, resurs boshqaruv tizimiga ulangan. Uning yordami
bilan loyihaning sahifalari, toifalari va kichik toifalari yaratiladi, menyu
yorlig‘ining ishlash tartibi aniqlanadi, bog‘lash qismlari joylashtiriladi. Resurs
tashrif buyuruvchilarga taqdim etiladigan yakuniy tuzilmani oladi. Ba’zan
saytlardan CMS holda foydalanish mumkin (masalan, ochilish sahifalari), shuning
uchun sayt HTML va CSS-da asosiy bazaga ulanmasdan joylashtirilgan. Xuddi shu
bosqichda toifalar va pastki toifalar sahifada joylashtiriladigan tarkib, tarkibdir.
10

Maket dizayneri onlayn-do‘kon uchun mahsulot kartasining tartibiga katta
e’tibor beradi, u texnik va foydalanuvchi talablariga javob berishi kerak.
Joylashtirishning yakuniy bosqichida saytning moslashuvchan versiyasi ishlab
chiqilgan. Bu ixtiyoriy, ammo mobil trafikka erishmoqchi bo‘lgan mijozlarga
tavsiya etiladi. Web-saytlarni dasturlash Oddiy saytni yaratish bosqichlarida
dasturlashning hojati yo‘q (masalan, bitta sahifalisahifa). Agar katta va murakkab
loyiha ishlab chiqilayotgan bo‘lsa, dasturchi ishga qo‘shiladi. Mutaxassisning
vazifasi murakkab funktsiyalarni ishlab chiqishdir, masalan: kalkulyator, bank
kartalaridan foydalangan holda to‘lov tizimi, valyuta konvertori, ya’ni barcha
funktsiyalarning standart paketiga kiritilmagan barcha funktsiyalardir. Tarkibni
to‘ldirish Web-saytni yaratilishning oldingi bosqichi sahifalarni grafik va axborot
mazmuni bilan to‘ldirishdir. Ro‘yxatdan o‘tmasdan yoki o‘qishi mumkin bo‘lgan
videolar, fotosuratlar, matnlar va boshqa ma’lumotlar joylashtirilgan. 13 Semantik
yadro asosida SEO kontentlari yoziladi (agar resurs SEO usuli bilan targ‘ib
qilinadigan bo‘lsa), kontent menejeri grafik elementlarni mantiqiy tuzilishga
joylashtiradi va sahifalar ichki optimallashtirilib boriladi. 3-rasm. Loyihani
sinovdan o‘tkazish Web-sayt yaratish jarayonida test sinovlari eng muhim rol
o‘ynaydi. Ishni bir qator mezonlarga muvofiq resursning ishlashini nazorat
qiluvchi va yo‘q qilinishi kerak bo‘lgan xatolarni aniqlaydigan sinovchi amalga
oshiradi (3-rasm). Biz alohida bosqich sifatida domen va xostingni tanlamadik. Bu
kerak, lekin uni resurs yaratish jarayonining istalgan nuqtasida qilish mumkin. Ish
tugagandan so‘ng, tugallangan loyiha mijozga login va parollar bilan birga
boshqaruv tizimiga o‘tkaziladi.
11

Loyiha topshirilgandan so‘ng, mijoz o‘z narxini to‘lash orqali loyihani targ‘ib
qilish va qo‘llab-quvvatlash xizmatiga buyurtma berishi mumkin.
Maket dizayneri tayyor dizaynni ishchi loyihaga aylantirish uchun HTML
dan foydalanadi. Resurs hayotga ega bo‘ladi, dinamik bo‘ladi, barcha tugmalar
ishlaydi. Resurs o‘zaro faoliyat brauzerga aylanadi va mavjud bo‘lgan barcha
Internetbrauzerlarda to‘g‘ri ko‘rsatiladi. Xuddi shu bosqichda CSS uslublari
yaratiladi. Bundan tashqari, resurs boshqaruv tizimiga ulangan. Uning yordami
bilan loyihaning sahifalari, toifalari va kichik toifalari yaratiladi, menyu
yorlig‘ining ishlash tartibi aniqlanadi, bog‘lash qismlari joylashtiriladi. Resurs
tashrif buyuruvchilarga taqdim etiladigan yakuniy tuzilmani oladi. Ba’zan
saytlardan CMS holda foydalanish mumkin (masalan, ochilish sahifalari), shuning
uchun sayt HTML va CSS-da asosiy bazaga ulanmasdan joylashtirilgan. Xuddi shu
bosqichda toifalar va pastki toifalar sahifada joylashtiriladigan tarkib, tarkibdir.
Maket dizayneri onlayn-do‘kon uchun mahsulot kartasining tartibiga katta e’tibor
beradi, u texnik va foydalanuvchi talablariga javob berishi kerak. Joylashtirishning
yakuniy bosqichida saytning moslashuvchan versiyasi ishlab chiqilgan. Bu
ixtiyoriy, ammo mobil trafikka erishmoqchi bo‘lgan mijozlarga tavsiya etiladi.
Web-saytlarni dasturlash Oddiy saytni yaratish bosqichlarida dasturlashning hojati
yo‘q (masalan, bitta sahifalisahifa). Agar katta va murakkab loyiha ishlab
chiqilayotgan bo‘lsa, dasturchi ishga qo‘shiladi. Mutaxassisning vazifasi murakkab
funktsiyalarni ishlab chiqishdir, masalan: kalkulyator, bank kartalaridan
foydalangan holda to‘lov tizimi, valyuta konvertori, ya’ni barcha funktsiyalarning
standart paketiga kiritilmagan barcha funktsiyalardir. Tarkibni to‘ldirish Web-
saytni yaratilishning oldingi bosqichi sahifalarni grafik va axborot mazmuni bilan
to‘ldirishdir. Ro‘yxatdan o‘tmasdan yoki o‘qishi mumkin bo‘lgan videolar,
fotosuratlar, matnlar va boshqa ma’lumotlar joylashtirilgan. 13 Semantik yadro
asosida SEO kontentlari yoziladi (agar resurs SEO usuli bilan targ‘ib qilinadigan
bo‘lsa), kontent menejeri grafik elementlarni mantiqiy tuzilishga joylashtiradi va
sahifalar ichki optimallashtirilib boriladi. Loyihani sinovdan o‘tkazish Web-sayt
12

yaratish jarayonida test sinovlari eng muhim rol o‘ynaydi. Ishni bir qator
mezonlarga muvofiq resursning ishlashini nazorat qiluvchi va yo‘q qilinishi kerak
bo‘lgan xatolarni aniqlaydigan sinovchi amalga oshiradi . Biz alohida bosqich
sifatida domen va xostingni tanlamadik. Bu kerak, lekin uni resurs yaratish
jarayonining istalgan nuqtasida qilish mumkin. Ish tugagandan so‘ng, tugallangan
loyiha mijozga login va parollar bilan birga boshqaruv tizimiga o‘tkaziladi. Loyiha
topshirilgandan so‘ng, mijoz o‘z narxini to‘lash orqali loyihani targ‘ib qilish va
qo‘llab-quvvatlash xizmatiga buyurtma berishi mumkin .
HTML va CSS
HTML va CSS veb sahifalar asosini tashkil qiladi. HTML saytda aynan
nimalar joylashishi kerakligiga mas’ul bo‘lsa (matn, rasm, video), CSSda ularning
qaysi tartibda joylashuvi va qanday ko‘rinishda bo‘lishi yozib chiqiladi. Sayt
foydalanuvchilarga ko‘rinadigan elementlar HTML va CSSda tuzilgani uchun bu
ikkisisiz sayt tuzib bo‘lmaydi. Shuning uchun ham frontend sohasini o‘rganish
aynan shu texnologiyalardan boshlanadi. Bularda bor imkoniyatlarga
qo‘shimchalar va yangiliklar qo‘shilib, HTML5 va CSS3 standardlari ishlab
chiqilgan.
PHP dasturlash tili
Ko’pgina boshqa dasturlash tillaridan farqli ravishda, PHP qandaydir tashkilot
yoki kuchli dasturchi tomonidan yaratilgan emas. Uni oddiy foydalanuvchi
Rasmus Lеrdorf 1994 yili o’zining bosh sahifasini intеraktiv uslubda ko’rsatish
uchun yaratgan. Unga Personal Home Page (PHP – shaxsiy bosh sahifa) dеb nom
bеrgan.
PHP – wеb tеxnologiya tili. PHPni o’rganish uchun avval HTML va
dasturlash tilidan habardor bo’lish talab qilinadi. PHPning vazifasi HTML faylini
yaratib bеrish. PHPda yozilgan kod sеrvеrning o’zida bajarilib, mijozga HTML
shaklida yеtib boradi. Bu havfsizlik jihatdan ancha maqsadga muvofiq.
13

PHP dаsturlаri ikki usuldа bаjаrilishi mumkin: Web-server tоmоnidаn
stsenаriy ilоvаsi vа kоnsоl dаsturi sifаtidа.
HTML dagi asosiy kodlar
HTML,vebsahifalarni yaratish uchun ishlatiladigan bir tilda sintaksisidir.
HTML yordamida,matn, rasmlar, videolar va boshqa mediyalar vebsahifada
joylashishi mumkin. HyperText Markup LanguYoshi (HTML) - bu WEB-da
gipermatnli hujjatlar yaratish uchun standart til. HTML hujjatlarni har xil turdagi
WEB-brauzerlar orqali ko‘rish mumkin. Hujjat HTML yordamida yaratilganda,
web-brauzer HTMLni sharhlab, hujjatning turli elementlarini ajratib ko‘rsatishi va
avval ularni qayta ishlashi mumkin. HTML-dan foydalanish hujjatlarni ularni
ko‘radigan har qanday tizimdagi shriftlar, chiziqlar va boshqa grafik elementlardan
foydalangan holda taqdimot uchun formatlash imkonini beradi. HTML versiyalari
HTML 1991 yilda ingliz olimi Tim Berners-Li tomonidan ishlab chiqilgan.
Keyinchalik HTMLning takomillashtirilgan versiyalari paydo bo‘la boshladi yil
Ko‘pgina hujjatlar sarlavhalar, xatboshilar yoki ro‘yxatlar kabi standart
elementlarga ega. HTML teglaridan foydalanib, ushbu elementlarni belgilashingiz
18 mumkin, WEB-brauzerlarga ushbu elementlarni ko‘rsatish uchun minimal
ma’lumotlarni taqdim etishingiz mumkin, shu bilan birga hujjatlarning umumiy
tuzilishi va to‘liqligi saqlanadi. HTML hujjatini o‘qish uchun faqat HTML
teglarini sharhlaydigan va hujjatni muallif bergan shaklda ekranda aks ettiradigan
WEB brauzeri kerak bo‘ladi. Ko‘pgina hollarda, hujjat muallifi hujjatning tashqi
ko‘rinishini qat’iy belgilaydi. HTML uchun o‘quvchi (WEB brauzerining
imkoniyatlaridan kelib chiqib, ma’lum darajada, hujjatning ko‘rinishini
boshqarishi mumkin (lekin uning mazmuni emas). HTML sarlavha yoki paragraf
qaerda bo‘lishi kerakligini belgilashga imkon beradi. HTML yorlig‘idan
foydalangan holda hujjat, so‘ngra ushbu teglarni sharhlash uchun WEB-brauzerni
taqdim etadi. Masalan, bitta WEBbrauzer xat boshining yorlig‘ini taniy oladi va
kerakli shaklda hujjatni taqdim etishi mumkin, ikkinchisi bunday qobiliyatga ega
emas va hujjatni bitta satrda taqdim etadi.Ba’zi WEB-brauzerlarning
14

foydalanuvchilari, shuningdek, o‘lcham va ko‘rinish shriftini, rangini va hujjat
ekraniga ta’sir qiladigan boshqa parametrlarni sozlash qobiliyatiga ega. HTML
teglarini taxminan ikkita toifaga bo‘lish mumkin: WEB-brauzer tomonidan hujjat
tanasining umuman qanday ko‘rsatilishini belgilaydigan teglar hujjatning nomi
yoki muallifi kabi umumiy hujjat xususiyatlarini tavsiflovchi teglar Esingizda
bo‘lsin, HTML-ning asosiy afzalligi shundaki, sizning hujjatingizni har xil turdagi
WEB-brauzerlarda va turli platformalarda ko‘rish mumkin.
Asosiy qoidalar
Barcha HTML teglari "<" (chap burchakli qavs) bilan boshlanib, ">" (o‘ng
burchakli qavs) bilan tugaydi. Odatda, boshlang‘ich yorlig‘i va tugatish yorlig‘i
mavjud. Masalan, boshlang‘ich va oxirgi teglar ichidagi matnni belgilaydigan va
hujjatning sarlavhasini tavsiflovchi sarlavha teglari: Yakuniy yorliq boshlang‘ich
yorlig‘i bilan bir xil ko‘rinadi va undan burchakli qavs ichidagi matn oldida
oldinga siljish bilan farqlanadi. Ushbu misolda yorlig‘i esa web-brauzerga sarlavha
matnini tugatishni buyuradi. (abzatsni belgilaydigan yorliq) kabi ba’zi teglar oxirgi
yorliqni talab qilmaydi, ammo undan foydalanish hujjatning asl matnini o‘qish va
tuzilishini yaxshilaydi. HTML kichik harflarga sezgir emas va oldingi misol
quyidagicha ko‘rinishi mumkin:
HTMLvebsahifalarni yaratish uchun ishlatiladigan bir tilda sintaksisidir.
HTML yor-damida,matn, rasmlar, videolar va boshqa mediyalar veb-sahifada joyla
shishi mumkin.
HyperText Markup LanguYoshi (HTML) - bu WEB-da gipermatnli hujjatlar
yaratish uchun standart til. HTML hujjatlarni har xil turdagi WEB-brauzerlar orqali
ko‘rish mumkin. Hujjat HTML yordamida yaratilganda, web-brauzer HTMLni
sharhlab, hujjatning turli elementlarini ajratib ko‘rsatishi va avval ularni qayta
ishlashi mumkin. HTML-dan foydalanish hujjatlarni ularni ko‘radigan har qanday
15

tizimdagi shriftlar, chiziqlar va boshqa grafik elementlardan foydalangan holda
taqdimot uchun formatlash imkonini beradi. HTML versiyalari HTML 1991 yilda
ingliz olimi Tim Berners-Li tomonidan ishlab chiqilgan. Keyinchalik HTMLning
takomillashtirilgan versiyalari paydo bo‘la boshladi yil Ko‘pgina hujjatlar
sarlavhalar, xatboshilar yoki ro‘yxatlar kabi standart elementlarga ega. HTML
teglaridan foydalanib, ushbu elementlarni belgilashingiz 18 mumkin, WEB-
brauzerlarga ushbu elementlarni ko‘rsatish uchun minimal ma’lumotlarni taqdim
etishingiz mumkin, shu bilan birga hujjatlarning umumiy tuzilishi va to‘liqligi
saqlanadi. HTML hujjatini o‘qish uchun faqat HTML teglarini sharhlaydigan va
hujjatni muallif bergan shaklda ekranda aks ettiradigan WEB brauzeri kerak
bo‘ladi. Ko‘pgina hollarda, hujjat muallifi hujjatning tashqi ko‘rinishini qat’iy
belgilaydi. HTML uchun o‘quvchi (WEB brauzerining imkoniyatlaridan kelib
chiqib, ma’lum darajada, hujjatning ko‘rinishini boshqarishi mumkin (lekin uning
mazmuni emas). HTML sarlavha yoki paragraf qaerda bo‘lishi kerakligini
belgilashga imkon beradi. HTML yorlig‘idan foydalangan holda hujjat, so‘ngra
ushbu teglarni sharhlash uchun WEB-brauzerni taqdim etadi. Masalan, bitta
WEBbrauzer xat boshining yorlig‘ini taniy oladi va kerakli shaklda hujjatni taqdim
etishi mumkin, ikkinchisi bunday qobiliyatga ega emas va hujjatni bitta satrda
taqdim etadi.Ba’zi WEB-brauzerlarning foydalanuvchilari, shuningdek, o‘lcham va
ko‘rinish shriftini, rangini va hujjat ekraniga ta’sir qiladigan boshqa parametrlarni
sozlash qobiliyatiga ega. HTML teglarini taxminan ikkita toifaga bo‘lish mumkin:
WEB-brauzer tomonidan hujjat tanasining umuman qanday ko‘rsatilishini
belgilaydigan teglar hujjatning nomi yoki muallifi kabi umumiy hujjat
xususiyatlarini tavsiflovchi teglar Esingizda bo‘lsin, HTML-ning asosiy afzalligi
shundaki, sizning hujjatingizni har xil turdagi WEB-brauzerlarda va turli
platformalarda ko‘rish mumkin.
HTML (HyperText Markup Language) veb sahifalarni yaratish uchun ishlati
ladigan markaziy
16

tili hisoblanadi. Bu tilning vazifasi matn, rasmlar, videolar, audio, formalar, jadval,
havolalar va boshqa elementlar yordamida veb sahifalarni
tuzishdir. HTML, veb brauzerlarga sahifalarni
kiritish yoki hosil qilingan sahifalarni ko'rish imkoniyatini beradi. HTML foydalan
uvchilar, turli platformalarda (kompyuterlar, planshetlar, mobil qurilmalar va bosh
qalar) sahifalarni ko'rish va boshqarish imkoniyatini ta'minlaydi. HTML, vebdastur
lashning asosiy qismlaridan biri hisoblanadi . .
17

II BOB WEB SAYT
WEB SAHIFA HAQIDA UMUMIY MA’LUMOT
2.1. Mehmonxona web saytining Oynalari qismi .

Web sahifamiz 4 ta oynadan iborat bo’ladi.
1.Login va Registratsiya oynasi
2.Mehmonxona haqida batafsil va umumiy malumotlar oynasi
3.Xonalar va turlari haqida malumotlar oynasi.
4.Xona band qilish oynasi.
1.Saytda akkaunti bo’lgan foydalanuvchi Login qismiga Username va passwordni
kiritish orqali to’g’ridan-to’g’ri saytning ikkinchi oynasiga o’tadi. Agarda akkaunti
mavjud bo’lmasa Register qismi orqali registratsiya qilinib keyin esa KLogin
oynasiga o’tiladi
2.Ikkinchi oynada Foydalanuvchilar mehmonxona haqida uning joylashuvi sharoiti
va qulayliklari haqida batafsil malumot olishlari mumkin
3.Bu oynada mehmonxonaning har bir xonalari haqida uning sharoitlari haqida
umumiy va to’liq malumot berilgan bo’ladi, shuningdek, narxlar bilan ham
tanishish mumkin.
4.Xona band qilish oynasiga keladigan bo’lsak, bu oyna orqali foydalanuvchilar
uyida o’tirgan holda so’ralgan malumotlarni kiritish orqali malum sanaga va
ma’lum muddatga xona band qilishlari mumkin.
18

Saytimiz ajoyib va kreativ dizaynda qurilgan, hashamatli bo’lgan ranglar
uyg’unligini ham ko’rish mumkin. Eng asosiysi har bi ramal bajarilganda
bildirishnomalar chiqadi, saytning bu qismi uchun Java Scriptda ko’p ter to’kilgan
2.2. Mehmonxona web saytining kod qismlari.
Quyida mehmonxonamizning har bir oynalarining HTML, CSS va Java Scriptda
yozilgan kod qismlarini izohlari bilan ko’rishimiz mumkin
Login va Register oynasining kod qismi
Html
<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Login / Register </ title >
< link rel = "stylesheet" href = "style.css" >
</ head >
< body >
< div class = "form-container" >
< h2 id = "form-title" > Login </ h2 >
< form id = "login-form" >
< input type = "text" id = "username" placeholder = "Username"
required >
< input type = "password" id = "password" placeholder = "Password"
required >
< button type = "submit" > Login </ button >
< p > Don't have an account? < a href = "javascript:void(0);"
id = "switch-to-register" > Register </ a ></ p >
</ form >
< form id = "register-form" style = "display: none;" >
< input type = "text" id = "new-username" placeholder = "Username"
required >
< input type = "password" id = "new-password"
placeholder = "Password" required >
< input type = "password" id = "conf-password" placeholder = "Confirm
Password" required >
< button type = "submit" > Register </ button >
< p > Already have an account? < a href = "javascript:void(0);"
id = "switch-to-login" > Login </ a ></ p >
</ form >
</ div >
< script src = "script.js" ></ script >
19

</ body >
</ html >
CSS
body , html {
margin : 0 ;
padding : 0 ;
font-family : Arial , sans-serif ;
background-color : #34495e ;
display : flex ;
justify-content : center ;
align-items : center ;
height : 100vh ;
}
.form-container {
background-image : linear-gradient ( 135deg , #34495e , #7f8c8d , #7f8c8d ,
#34495e );
padding : 40px ;
border-radius : 10px ;
box-shadow : 0 0 15px rgba ( 0 , 0 , 0 , 0.1 );
width : 100% ;
max-width : 400px ;
text-align : center ;
}
h2 {
margin-bottom : 20px ;
color : #ecf0f1 ;
}
input {
width : 100% ;
padding : 10px ;
margin : 10px 0 ;
border : 1px solid #ddd ;
border-radius : 5px ;
background-color : #ecf0f1 ;
}
button {
width : 100% ;
padding : 10px ;
background-color : #3498db ;
color : white ;
border : none ;
20

border-radius : 5px ;
cursor : pointer ;
}
button:hover {
background-color : #2980b9 ;
}
p {
font-size : 14px ;
color : #ecf0f1 ;
}
a {
color : black ;
text-decoration : none ;
}
a:hover {
text-decoration : underline ;
}
Java Script
// Register va LOgin formlarini yoqish
document . getElementById ( "switch-to-register" ). addEventListener ( "click" ,
function () {
document . getElementById ( "login-form" ). style . display = "none" ;
document . getElementById ( "register-form" ). style . display = "block" ;
document . getElementById ( "form-title" ). textContent = "Register" ;
});
document . getElementById ( "switch-to-login" ). addEventListener ( "click" ,
function () {
document . getElementById ( "register-form" ). style . display = "none" ;
document . getElementById ( "login-form" ). style . display = "block" ;
document . getElementById ( "form-title" ). textContent = "Login" ;
});
// Login qismi
document . getElementById ( "login-form" ). addEventListener ( "submit" ,
function ( event ) {
event . preventDefault ();
const username = document . getElementById ( "username" ). value ;
const password = document . getElementById ( "password" ). value ;
if ( username === "jafar" && password === "jafar2204" ) {
21

alert ( "Login successful!" );
window . location . href = "C:/Users/Muhammad/Desktop/hotel
newww/hotel inform/hotel-info.html" ; // Mehmonxona haqidagi qismga o'tish
} else {
alert ( "Invalid credentials!" );
}
});
// Register qismi
document . getElementById ( "register-form" ). addEventListener ( "submit" ,
function ( event ) {
event . preventDefault ();
const username = document . getElementById ( "new-username" ). value ;
const password = document . getElementById ( "new-password" ). value ;
const conpassword = document . getElementById ( "conf-password" ). value ;

alert ( "Registration successful! You can now log in." );
document . getElementById ( "register-form" ). reset ();
document . getElementById ( "switch-to-login" ). click (); // Registeratsiya
qilingandan keyin loginga o'tish
});
Mehmonxona haqida umumiy malumotlar oynasining kod
qismi. HTML
<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > About Our Hotel </ title >
< link rel = "stylesheet" href = "style.css" >
</ head >
< body >
< div class = "about-container" >
< div class = "about-content" >
< h1 > Welcome to Dubai Hotel </ h1 >
< p >
Dubai mehmonxonasi — zamonaviy hashamat va qulayliklarni
birlashtirgan mehmonxona bo‘lib, mehmonlar uchun dam olish va xotirjamlik
maskanini taqdim etadi. Ushbu mehmonxona odatda ajoyib interyeri, yuqori
darajadagi xizmatlari va keng turdagi xonalari bilan ajralib turadi. < br >
< br > Oasis mehmonxonasining xususiyatlari: < br >
Joylashuvi < br >
22

Shahar markazida, diqqatga sazovor joylarga yaqin. < br >
Tinch hududda joylashgan bo‘lib, dam olish uchun qulay
muhit yaratadi. < br >
< br > Restoran va barlar < br >
Mahalliy va xalqaro taomlar bilan boy menyu. < br >
Ochiq havodagi kafe yoki bar xizmatlari. < br >
< br > Qulaylik va xizmatlar < br >
Basseyn, sauna, fitnes zal. < br >
Spa markazi va massaj xizmatlari. < br >
Biznes markazi va konferens-zallar. < br >
Bolalar uchun o‘yin zonalari va qo‘shimcha xizmatlar. < br >
< br > Qo‘shimcha qulayliklar < br >
Yuqori tezlikdagi Wi-Fi. < br >
24/7 xonada xizmat ko‘rsatish. < br >
Transport xizmatlari (aeroportdan kutib olish va yetkazib
qo‘yish). < br >
</ p >
< button
onclick = " window . location . href = 'C:/Users/Muhammad/Desktop/hotel
newww/rooms/rooms.html';" > Xona band qilish </ button >
</ div >
</ div >
</ body >
</ html >

CSS
body , html {
margin : 0 ;
padding : 0 ;
font-family : Arial , sans-serif ;
background-color : #34495e ;
height : 100vh ;
display : flex ;
justify-content : center ;
align-items : center ;
}
/* About Section */
.about-container {
background-image : url ( '../hotel-3.jpg' );
background-size : cover ;
background-position : center ;
width : 100% ;
height : 100% ;
display : flex ;
23

justify-content : center ;
align-items : center ;
position : relative ;
}
.about-container::before {
content : '' ;
position : absolute ;
top : 0 ;
left : 0 ;
width : 100% ;
height : 100% ;
background-color : rgba ( 52 , 73 , 94 , 0.7 );
z-index : 1 ;
}
.about-content {
text-align : center ;
position : relative ;
z-index : 2 ;
background-color : transparent ;
padding : 40px ;
border-radius : 15px ;
box-shadow : 0 10px 20px rgba ( 0 , 0 , 0 , 0.5 );
color : #ecf0f1 ;
animation : fadeIn 1.5s ease-in-out ;
max-width : 600px ;
width : 90% ;
}
.about-content h1 {
font-size : 2.5rem ;
margin-bottom : 20px ;
}
.about-content p {
text-align : left ;
font-size : 15px ;
margin-bottom : 30px ;
line-height : 1.6 ;
}
button {
padding : 10px 20px ;
background-color : #3498db ;
border : none ;
color : #ecf0f1 ;
font-size : 1rem ;
border-radius : 5px ;
24

cursor : pointer ;
transition : background-color 0.3s ease ;
}
button:hover {
background-color : #2980b9 ;
}
@keyframes fadeIn {
from {
opacity : 0 ;
transform : translateY ( 20px );
}
to {
opacity : 1 ;
transform : translateY ( 0 );
}
}
@media ( max-width : 768px ) {
.about-content {
padding : 20px ;
}
.about-content h1 {
font-size : 2rem ;
}
.about-content p {
font-size : 1rem ;
}
}
Xonalar turlari oynasining kod qismi.
HTML
<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Room Types </ title >
< link rel = "stylesheet" href = "style.css" >
</ head >
< body >
25

< div class = "rooms-container" >
< h2 class = "fade-in" > Our Premium Room Types </ h2 >
< div class = "room-cards" >

< div class = "room-card fade-in" >
< img src = "../econom room.jpg" alt = "Single Room"
class = "room-img" >
< h3 > Single Room - 80$ </ h3 >
< p > Single Room xususiyatlari: < br >
Yotoq joyi < br >
Bitta yotoq (Single bed) bo‘lib, odatda standart
o‘lchamdagi qulay yotoq taqdim etiladi. < br >
Toza choyshablar va yostiqlar bilan jihozlangan. < br >
< br > Shaxsiy hammom < br >
Dush kabinasi yoki kichik vanna. < br >
Asosiy gigiyena vositalari (sovun, shampun) va toza
sochiqlar taqdim etiladi. < br >
< br > Joyning ixchamligi < br >
Odatda kichikroq o‘lchamga ega, lekin barcha zarur
mebellar: stol, stul va shkaf mavjud. < br >
Bir kishilik foydalanishga mo‘ljallangan. < br >
< br > Texnologik qulayliklar < br >
Televizor (asosiy kanallar bilan). < br >
Wi-Fi ulanish. < br >
Konditsioner yoki isitish tizimi. < br >
< br > Qo‘shimcha qulayliklar < br >
Ba'zi mehmonxonalarda mini-bar yoki choy/qahva
tayyorlash imkoniyati bo‘lishi mumkin. < br >
Ish safarida bo‘lganlar uchun kichik ish burchagi. < br >
< br > Single Room kimlar uchun mos? < br >
Yakka o‘zi sayohat qilayotgan mehmonlar. < br >
Ish safari yoki qisqa muddatli to‘xtash uchun joy
qidirayotganlar. < br >
Minimal byudjet bilan qulaylikni qadrlaydigan
mehmonlar. < br >
Single Room odatda mehmonxonalarda eng arzon xona turi
bo‘lib, oddiy va ixcham dizayni bilan tanilgan. </ p >
</ div >


< div class = "room-card fade-in" >
< img src = "../hotel-1.jpg" alt = "Standard Room" class = "room-
img" >
< h3 > Standard Room - 130$ </ h3 >
< p > Standart xonalar xususiyatlari: < br >
O'rtacha maydon – Standart xonalar odatda kichikroq
bo'lib, asosiy ehtiyojlar uchun joy yetarli bo'ladi. < br >
26

Qulay yotoq – Bir yoki ikki kishilik yotoqlar (Twin
bed yoki Queen-size) mavjud. Toza choyshablar va yostiqlar bilan
jihozlangan. < br >
Hammom – Odatda, shaxsiy hammom dush bilan
ta'minlangan. Gigiyenik vositalar (shampun, sovun) va sochiqlar
qo'shiladi. < br >
< br > Oddiy texnologik qulayliklar: < br >
Televizor (asosiy kanallar bilan). < br >
Bepul yoki cheklangan Wi-Fi. < br >
Konditsioner yoki isitish tizimi. < br >
Minimalist jihozlar – Kichik ish stoli, stul va shkaf
mavjud. < br >
Qo'shimcha imkoniyatlar: < br >
Ba'zi mehmonxonalar standart xonalarda mini-bar yoki
choy/qahva tayyorlash uchun imkoniyatlarni qo'shishi mumkin. < br >
Standart xonalar qisqa muddatli mehmonlar, biznes
safarida bo‘lganlar yoki qulay va arzon variantni xohlaydigan sayyohlar
uchun ideal tanlov hisoblanadi. </ p >
</ div >


< div class = "room-card fade-in" >
< img src = "../Bussinuss room.jpg" alt = "Deluxe Room"
class = "room-img" >
< h3 > Deluxe Room - 220$ </ h3 >
< p > Deluxe xonalar xususiyatlari: < br >
Maydoni katta – Odatda keng va ochiq tuzilishga ega
bo'ladi, bu esa mehmonlarga erkin harakatlanish imkoniyatini beradi. < br >
Hashamatli yotoq – King-size yoki Queen-size yotoqlar
joylashtirilgan bo'lib, yuqori sifatli yostiqlar va matraslar bilan
ta'minlanadi. < br >
Shaxsiy hammom – Marvaridli vanna, dush kabinalari,
yuqori sifatli gigiyena vositalari va sochiqlar bilan jihozlanadi. < br >
< br > Texnologik qulayliklar – Televizor, yuqori
tezlikdagi Wi-Fi, USB zaryadlash portlari va iqlim nazorati tizimlari
mavjud. < br >
Qo'shimcha qulayliklar: < br >
Mini-bar yoki kofe tayyorlash burchagi. < br >
Dam olish uchun yumshoq mebellar (masalan, kreslo yoki
divan) < br >
Deluxe xonalar asosan biznesmen sayohatchilar,
romantik dam olishni xohlagan juftliklar yoki qulay va hashamatli muhitni
qadrlaydigan mehmonlar uchun mo‘ljallangan. </ p >
</ div >

< div class = "room-card fade-in" >
< img src = "../about.jpg" alt = "Suite Room" class = "room-img" >
< h3 > Suite Room - 350$ </ h3 >
27

< p > Suite xonalar xususiyatlari: < br >
Keng maydon < br >
Oddiy mehmonxona xonasiga qaraganda ancha kattaroq
bo'ladi. < br >
Xona bir nechta bo‘limlarga bo‘linadi: yotoq xonasi,
yashash xonasi va ba'zan oshxona yoki ish burchagi. < br >
< br > Hashamatli yotoq < br >
King-size yotoq yoki undan kattaroq. < br >
Yuqori sifatli choyshablar va yostiqlar bilan
jihozlangan. < br >
< br > Yashash va ish hududi < br >
Divanlar, kreslolar va ish stoli mavjud. < br >
Ba'zi suite xonalarda ovqatlanish uchun alohida stol
va stullar bo'ladi. < br >
< br > Shaxsiy hammom < br >
Marvaridli vanna yoki dush kabinasi. < br >
Hashamatli gigiyena vositalari va yumshoq
sochiqlar. < br >
Ba'zan sauna yoki jakuzi mavjud. < br >
< br > Qo‘shimcha qulayliklar < br >
Mini-bar, kofe tayyorlash moslamasi. < br >
Zamonaviy texnologiyalar: katta ekranli televizor,
yuqori tezlikdagi Wi-Fi, iqlim nazorati tizimi. < br >
Ba'zi mehmonxonalarda balkon yoki panoramali manzara
mavjud. < br >
Suite xonalar kimlar uchun? < br >
< br > Suite xonalar ko‘pincha quyidagilar uchun
ideal: < br >
Hashamatni qadrlaydigan va hashamatli dam olishni
xohlovchilar. < br >
Uzoq muddatli mehmonlar yoki oilalar. < br >
Ish safari uchun qulaylik va maxfiylik izlayotgan
mehmonlar. < br >
Suite xonalar ko‘pincha mehmonxonaning eng yuqori
qavatida joylashgan bo‘lib, ulardan shahar yoki tabiatning go‘zal
manzarasini tomosha qilish mumkin. </ p >
</ div >


< div class = "room-card fade-in" >
< img src = "../hotel-2.jpg" alt = "Family Room" class = "room-
img" >
< h3 > Family Room - 500$ </ h3 >
< p > Family Room xususiyatlari: < br >
Keng va qulay joy < br >
Katta maydon oila a’zolarining harakatlanishi uchun
qulaylik yaratadi. < br >
28

Odatda 4-5 kishini sig‘dira oladigan yotoq joyi
mavjud. < br >
< br > Bir nechta yotoq turlari < br >
King-size yoki Queen-size yotoq. < br >
Bolalar uchun qo‘shimcha yotoq joylari: ikki qavatli
yotoqlar, divan-yotoqlar yoki qo‘shimcha to'shaklar. < br >
< br > Shaxsiy hammom < br >
Dush yoki vanna. < br >
Katta oila ehtiyojlarini qondirish uchun ko‘proq
sochiqlar va gigiyena vositalari taqdim etiladi. < br >
< br > Qo‘shimcha jihozlar < br >
Mini-bar yoki choy/qahva tayyorlash burchagi. < br >
Kichik bolalar uchun krovat yoki oziq-ovqat stoli
(oldindan so‘ralgan holda). < br >
Yirik shkaflar yoki javonlar oila a'zolarining barcha
buyumlarini joylashtirish uchun. < br >
< br > Bolalar uchun imkoniyatlar < br >
Multfilm kanallari bilan televizor. < br >
Ba'zi mehmonxonalarda o‘yin burchaklari yoki maxsus
bolalar uchun xizmatlar mavjud. < br >
< br > Qo‘shimcha qulayliklar < br >
Balcon yoki ochiq joy oila bilan dam olish uchun. < br >
Yashash hududi, ovqatlanish uchun stol va stullar. < br >
< br > Family Room kimlar uchun mos? < br >
Bolali oilalar. < br >
Do‘stlar guruhi yoki birga sayohat qiluvchi
qarindoshlar. < br >
Dam olishni qulay va yaqin muhitda o'tkazishni
xohlaydiganlar. < br >
Family Room oilaviy sayohatning qulay, stresssiz va
esda qolarli bo‘lishini ta'minlash uchun mo‘ljallangan. </ p >
</ div >

< div class = "room-card fade-in" >
< img src = "../Rich room.jpg" alt = "Presidential Room"
class = "room-img" >
< h3 > Presidential Room - 800$ </ h3 >
< p > Presidential Room xususiyatlari: < br >
Katta maydon va alohida hududlar < br >
Xona bir nechta bo‘limlardan iborat: yotoq xonasi,
yashash xonasi, ish kabineti, ovqatlanish xonasi va ba'zan oshxona. < br >
Keng va zamonaviy dizayndagi interyer. < br >
< br > Hashamatli yotoq joyi < br >
King-size yotoq yoki undan kattaroq. < br >
Yuqori sifatli choyshablar, ortopedik matraslar va
hashamatli yostiqlar bilan jihozlangan. < br >
< br > Shaxsiy hammom < br >
Jakuzi, marvaridli vanna yoki sauna. < br >
29

Hashamatli gigiyena vositalari, yumshoq xalat va
sochiqlar. < br >
< br > Zamonaviy texnologik qulayliklar < br >
Televizorlarning premium versiyalari (bir nechta
ekran). < br >
Yuqori tezlikdagi Wi-Fi va audio tizimlar. < br >
Iqlim nazorati, yorug‘likni boshqarish tizimi va
boshqa smart-yechimlar. < br >
< br > Qo‘shimcha xizmatlar < br >
Shaxsiy konsyerj yoki xizmat ko‘rsatuvchi
xodimlar. < br >
Maxfiy kirish va chiqish yo‘llari (ba'zi
mehmonxonalarda). < br >
Mehmonlarni qabul qilish uchun kichik yig‘ilish
xonasi. < br >
< br > Interyer dizayni < br >
Hashamatli mebellar, san'at asarlari va yuqori sifatli
pardoz materiallari. < br >
Ba'zan balkon yoki terassa bilan, shahar yoki
tabiatning ajoyib manzarasiga ega. < br >
< br > Presidential Room kimlar uchun mos? < br >
Yuqori martabali mehmonlar: siyosatchilar,
biznesmenlar, san'atkorlar. < br >
Maxsus tadbir yoki muhim voqea uchun hashamatli
sharoitni qadrlaydigan mehmonlar. < br >
Uzun muddatli mehmonlar, yuqori darajadagi qulaylik
izlovchilar. < br >
Prezident xonalari mehmonxonaning brendi va nufuzi
uchun ramziy ahamiyatga ega bo'lib, ularni mehmonxonaning eng ajoyib
xizmatlarini ko‘rsatish maydoni sifatida taqdim etish mumkin. </ p >
</ div >
</ div >
< button
onclick = " window . location . href = 'C:/Users/Muhammad/Desktop/hotel
newww/booking/booking.html';" > Book a Room </ button >
</ div >
< script src = "script.js" ></ script >
</ body >
</ html >
CSS
body {
font-family : 'Arial' , sans-serif ;
background-color : #f4f4f4 ;
margin : 0 ;
30

padding : 0 ;
}
.rooms-container {
width : 90% ;
margin : 0 auto ;
text-align : center ;
animation : fadeIn 1s ease-in-out ;
background-color : #ffffff ;
padding : 40px ;
border-radius : 15px ;
box-shadow : 0 4px 10px rgba ( 0 , 0 , 0 , 0.1 );
background-image : linear-gradient ( 135deg , #2c3e50 , #34495e );
color : #fff ;
}
h2 {
margin-bottom : 30px ;
font-size : 32px ;
color : #ecf0f1 ;
text-transform : uppercase ;
letter-spacing : 3px ;
}
.room-cards {
display : flex ;
flex-wrap : wrap ;
justify-content : space-around ;
gap : 20px ;
animation : fadeIn 1s ease-in-out ;
}
.room-card {
width : 30% ;
padding : 20px ;
background-color : #7f8c8d ;
border-radius : 15px ;
box-shadow : 0 8px 15px rgba ( 0 , 0 , 0 , 0.3 );
text-align : left ;
overflow : hidden ;
transition : transform 0.3s ease-in-out , box-shadow 0.3s ease-in-out ;
background-image : linear-gradient ( 135deg , #34495e , #7f8c8d );
}
.room-card:hover {
transform : translateY ( -10px );
box-shadow : 0 15px 25px rgba ( 0 , 0 , 0 , 0.4 );
}
31

.room-img {
width : 100% ;
height : 220px ;
object-fit : cover ;
border-radius : 10px ;
transition : transform 0.5s ease ;
}
.room-card:hover .room-img {
transform : scale ( 1.1 );
}
.room-card h3 {
margin-top : 20px ;
color : #ffffff ;
font-size : 24px ;
text-transform : uppercase ;
}
.room-card p {
color : #ecf0f1 ;
font-size : 16px ;
}
button {
display : inline-block ;
padding : 14px 22px ;
background-color : #3498db ;
color : #ffffff ;
text-decoration : none ;
font-size : 18px ;
border-radius : 10px ;
cursor : pointer ;
margin-top : 30px ;
transition : background-color 0.3s ease ;
}
button:hover {
background-color : #2980b9 ;
}
button:focus {
outline : none ;
}
@keyframes fadeIn {
0% {
opacity : 0 ;
transform : translateY ( 20px );
32

}
100% {
opacity : 1 ;
transform : translateY ( 0 );
}
}
.fade-in {
opacity : 0 ;
animation : fadeIn 1s forwards ;
animation-delay : 0.5s ;
}
@media ( max-width : 768px ) {
.room-cards {
justify-content : center ;
}
.room-card {
width : 100% ;
margin-bottom : 20px ;
}
h2 {
font-size : 28px ;
}
button {
width : 100% ;
}
}
@media ( max-width : 480px ) {
h2 {
font-size : 24px ;
}
button {
font-size : 16px ;
}
}
Xona band qilish oynasining kod qismi
HTML
33

<! DOCTYPE html >
< html lang = "en" >
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > Room Booking </ title >
< link rel = "stylesheet" href = "style.css" >
</ head >
< body >
< div class = "booking-container" >
< div class = "booking-content" >
< h1 > Book Your Stay </ h1 >
< form id = "booking-form" >
< input type = "text" id = "name" placeholder = "First and Last
Name" required >
< input type = "email" id = "email" placeholder = "Email Address"
required >

< div class = "phone-container" >
< select id = "country-code" required >
< option value = "+1" > United States (+1) </ option >
< option value = "+44" > United Kingdom (+44) </ option >
< option value = "+91" > India (+91) </ option >
< option value = "+998" selected > Uzbekistan
(+998) </ option >
< option value = "+81" > Japan (+81) </ option >
< option value = "+61" > Australia (+61) </ option >

</ select >
< input type = "tel" id = "phone" placeholder = "Phone
Number" required >
</ div >

< input type = "number" id = "guests" placeholder = "Number of
Guests" min = "1" required >
< label for = "start-date" > Start Date: </ label >
< input type = "date" id = "start-date" required >
< label for = "duration" > Duration (Days): </ label >
< input type = "number" id = "duration" placeholder = "Duration"
min = "1" required >
< label for = "room-type" > Room Type: </ label >
< select id = "room-type" required >
< option value = "" disabled selected > Select Room
Type </ option >
< option value = "Single Room" > Single Room </ option >
< option value = "Standart Room" > Standart Room </ option >
< option value = "Deluxe Room" > Deluxe Room </ option >
< option value = "Suite Room" > Suite Room </ option >
< option value = "FamilyRoom" > Family Room </ option >
34

< option value = "Presidential Room" > Presidential
Room </ option >
</ select >
< button type = "submit" > Book Now </ button >
</ form >
</ div >
</ div >
< script src = "script.js" ></ script >
</ body >
</ html >
CSS
/* Global Styles */
body , html {
margin : 0 ;
padding : 0 ;
font-family : Arial , sans-serif ;
background-color : #34495e ; /* Benzin ko'k fon */
height : 100vh ;
display : flex ;
justify-content : center ;
align-items : center ;
}
/* Booking Section */
.booking-container {
background-image : linear-gradient ( 135deg , #34495e , #7f8c8d , #7f8c8d ,
#34495e ); /* Oqish jigarrang */
padding : 40px ;
border-radius : 15px ;
box-shadow : 0 10px 20px rgba ( 0 , 0 , 0 , 0.5 );
text-align : center ;
width : 90% ;
max-width : 500px ;
animation : fadeIn 1.5s ease-in-out ;
}
.booking-content h1 {
font-size : 2rem ;
color : #ecf0f1 ; /* Yengil kulrang matn */
margin-bottom : 20px ;
}
input , select {
width : 100% ;
padding : 10px ;
35

margin : 10px 0 ;
border : 1px solid #ddd ;
border-radius : 5px ;
font-size : 1rem ;
background-color : #ecf0f1 ; /* Yengil kulrang */
}
.phone-container {
display : flex ;
gap : 10px ;
}
.phone-container select , .phone-container input {
width : calc ( 50% - 5px );
}
button {
width : 100% ;
padding : 10px ;
background-color : #3498db ; /* Moviy tugma */
border : none ;
color : #ecf0f1 ; /* Tugma matni */
font-size : 1rem ;
border-radius : 5px ;
cursor : pointer ;
transition : background-color 0.3s ease ;
}
button:hover {
background-color : #2980b9 ; /* Tugma hover effekti */
}
/* Animatsiyalar */
@keyframes fadeIn {
from {
opacity : 0 ;
transform : translateY ( 20px );
}
to {
opacity : 1 ;
transform : translateY ( 0 );
}
}
/* Responsivlik */
@media ( max-width : 768px ) {
.booking-container {
padding : 20px ;
}
36

.booking-content h1 {
font-size : 1.5rem ;
}
input , select {
font-size : 0.9rem ;
}
button {
font-size : 0.9rem ;
}
}
Java Script
// Booking Form Submission
document . getElementById ( "booking-form" ). addEventListener ( "submit" ,
function ( event ) {
event . preventDefault ();
const name = document . getElementById ( "name" ). value ;
const email = document . getElementById ( "email" ). value ;
const countryCode = document . getElementById ( "country-code" ). value ;
const phone = document . getElementById ( "phone" ). value ;
const guests = document . getElementById ( "guests" ). value ;
const startDate = document . getElementById ( "start-date" ). value ;
const duration = document . getElementById ( "duration" ). value ;
const roomType = document . getElementById ( "room-type" ). value ;
const fullPhone = ` ${ countryCode } ${ phone } ` ;
alert ( `Thank you, ${ name } ! Your booking for a ${ roomType } starting on
${ startDate } for ${ duration } days has been confirmed. We will contact you
at ${ email } or ${ fullPhone } .` );

// Reset the form after successful booking
document . getElementById ( "booking-form" ). reset ();
});
37

3.3. Mehmonxona web saytining dizayn qismi (ko’rinishi).
Login va Registratsiya oynasi
38

Mehmonxona haqida umumiy ma’lumotlar oynasi
39

Xonalar turlari oynasi
40

Xona band qilish oynasi
42

Xulosa
Vebsaytni tuzishda asosan HTML, CSS va Java Scriptdan foydalandim.
Saytni tuzishda quyidagi HTML semantik elementlaridan foydalanildi: <header>,
<nav>, <section> hamda <footer> lardan foydalangan holda tuzildi. Hamda asosan
<div>, <h2>, <h3>, <h4>, <h5>, <p>, <img>, <li>, <ul>, <a>, <i>, <span>,
<br>, <button> va boshqa HTML teglari orqali veb sayt tuzildi. Shuningdek,
asosan classlar orqali saytga style (dizayn) berildi. Css fayllarda saytni bezash
uchun turli kodlar yozildi. OS panel orqali bazaga bog’langan. Saytga endigina
tashrif buyurgan uchun ro’yxatdan o’tish orqali bazaga ma’lumotlar yig’ilib
boradi. Men bilan hamkorlikda ishlamoqchi bo’lganlar uchun bog’lanish imkoni
mavjudSaytning asosiy maqsadi o’zim haqimda qisqacha rezume tuzish, ishga
kirishda va o’z qobiliyatlarim haqida boshqalarga tushuncha berish maqsad
qilingan.
 Sayt uchun domen nomi (domen): Sayt yaratish uchun texnik
topshiriqlarni tayyorlash bosqichida ham sayt uchun domen nomi to‘g‘risida qaror
qabul qilish maqsadga muvofiqdir. Agar domen oldindan ro‘yxatdan o‘tmagan
bo‘lsa, unda siz mos bo‘lgan bepul domen nomini tanlashingiz va uni ro‘yxatdan
o‘tkazishingiz kerak.
 Saytning tuzilishi: Saytni ishlab chiqish bo‘yicha texnik topshiriq
doirasida saytning kelajakdagi tuzilishini (saytning asosiy bo‘limlari, bo‘limlari va
sarlavhalari, ularning mazmuni, xizmatlari) aniqlash kerak, shu bilan birga resursni
yanada rivojlantirish imkoniyatlari.
 Web-sayt dizayni: Saytni yaratish bo‘yicha texnik topshiriqda saytni
loyihalash uchun barcha asosiy talablar belgilanadi: optimal o‘lchamlari,
brauzerlararo muvofiqligi va boshqalar. Agar sayt etarlicha murakkab bo‘lsa, sayt
sahifalarining prototiplari yaratiladi (sahifa sxemasining sxematik versiyasi).
 Saytning funktsionalligi: TOR-saytga tashrif buyuruvchilar uchun samarali
ishlash uchun zarur bo‘lgan barcha xizmatlarni tavsiflaydi va nostandart dasturlar
uchun ularning ish algoritmini tavsiflaydi
43

Saytni bosqichma-bosqich yaratish mijoz tomonidan nazorat qilinadi. Har
bir bosqich oxirida tugallangan natija mijozga namoyish etiladi va u bilan
kelishiladi. Bu buyurtmachiga pudratchining ishini boshqarishda, pudratchida esa
mijoz o‘z ishining natijalaridan qoniqadimi yoki yo‘qligini tushunishga yordam
beradi. Sayt yaratish uchun texnik topshiriqni ishlab chiqish sayt yaratish bo‘yicha
mavjud marketing topshirig‘ini har tomonlama baholash bilan boshlanadi.
Foydalanilgan adabiyotlar
1. Yuldashev ulmasbek Abdubanapovich.Web Dizayndan O’quv Qo’llanma.
Guliston-2022
2. M.Aripov, Yu.Pudovchenko, K.Aripov. «Osnovi Internet» T.: O‘zMU 2002.
3. M. Aripov. «Informatika va hisoblash texnikasi asoslari». Toshkent,2001.
4. https://www.nuu.uz - Informatika o‘qitish metodikasi kursidan distantsion kurs.
O‘zbekiston Milliy universiteti.
5. https://www.bitpro.ru/ITO/index.html-«Informatsionnie texnologii
vobrazovanii» konferentsiya sayti.
6. https://www.ziyonet.uz – O‘zbekiston Respublikasi Axborot-ta’lim tarmog‘i.
7. https://www.infomicer.net – Elektron darsliklar, entsiklopediyalar, multimedia
materiallari va boshqalar.
8. https://github.com/
9. . https://www.w3schools.com/
10. https://www. free code camp.com/
11. https://www.codeacademy.com/
12. https://www. khan academy.com/
13. HTML va CSS: Veb-saytlarni loyihalash va yaratish (Jon Dakket tomonidan)
44

14. HTML va CSS-ni o'rganishning aqlli usuli (Mark Myers tomonidan)
15. HTML va CSS uchun tezkor qo'llanma (Devid DuRocher tomonidan)
16. JavaScript va JQuery: Interaktiv front-end veb-ishlab chiqish (Jon Duckett
tomonidan)

45

Mehmonxona web saytini yaratish

Купить

Похожие документы
3d-max dasturida obektlarni yaratish
Algoritm va ma’lumotlar strukturasi
3D-MAX dasturi haqida
3D Studio MAX dasturiga kirish. 3D Studio MAX dasturi haqida tushuncha
Adobe photoshop dasturida tasvirlarda ishlov berish,taqdimot yaratish