Web Learning Center

Web dasturlash o’quv web - saytini yaratish.

2.1. Web saytning strukturasi.

Web dasturlash o`quv web sayti 4 qismdan tarkib topgan. Web sahifaning asosiy sahifasi HTML haqidagi darsliklar keying sahifa CSS haqidagi darsliklar va JavaScript haqidagi darsliklardan iborat darsliklar sahifasi mavjud(1-rasm).

2.1.1-rasm.(Bosh menyu)

2.1.2-rasm.(dastur ko`dini tekshirish menyusi)
Web saytning dastur ko`dini tekshirish menyusi(2-rasm) ushbu menyuga darsliklar ichidagi dastur ko`dlarini tekshirish uchun o`tib tekshirish mumkin.

2.2. Web saytni yaratish.

Birinchi navbatda biz index.php php sahifasini yaratib olamiz. Bu bizda bosh sahifa hisoblanadi index.php 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. php fayliga o’zgartrish va kodlarni kiritshimiz uchun biz Sublime Text Editor 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 kiritlgan.
PHP ko`dni kompilyatsiya qilish uchun WAMP dasturidan foydalandim. Sayt resurslarini WAMP dasturining ichiga joylashtiriladi.

2.2.1-rasm(Web sayt resurslari joylashgan manzil)
Ushbu manzilda Web saytning hamma resurslari joylashgan va brauzer ushbu manzil orqali Web saytni chaqirib oladi.
Web saytning darslik qismi bazada joylashgan. Darslikning hamma mavzulari ma’lumotlar bazasida joylashgan. (2-rasm) quy

2.2.2-rasm.(Darslik qismi)

2.2.3-rasm.(Ma’lumotlar bazasi asosiy menyusi)
Ushbu oynada weblearn bo`limida Web saytning ma’lumotlar bazasi joylashgan o`rta menyudagi jadvallarda darsliklar joylashgan. Ushbu jadvallardan php orqali darsliklar chaqirib web sahifaga kiritiladi.

2.2.4-rasm.(Sublime Text dasturida php kod)
Ushbu kodlar orqali ma’lumotlar bazasidagi ma’lumotlar o`zgaruvchilarga o`zlashtirilib echo operatori orqali web saytga joylashtiriladi.



2.2.5-rasm.(Web saytning asosiy ko`rinishi)

2.2.6-rasm.(Asosiy sahifa kodi)

2.2.7-rasm(Asosiy Web sahifaning CSS stillari)

2.2.8-rasm.(Kodni tekshirish sahifasi)

2.2.9-rasm.(Ko`dni tekshirish sahifasining dastur kodi)