III. BOB WEB SAYTNI TO‘LIQ YARATISH, UNI BOSHQARISH VA WEB SAHIFANING AFZALLIKLARI

3.1.1-rasm. Assets papkani ichida yangi NewyorkAsset.php faylini yaratib olamiz. css/bootstrap.min.css, // css/style11.css, // // css/animate.css, css/animate.min.css, css/bootstrap-touch-slider.css css/owl.carousel.css, css/pr_loading.css, css/prettyPhoto.css, css/timeline.min.css js/jquery-3.4.1.min.js, // js/bootstrap.js, js/jquery.fancybox.min.js js/mapsed.js, ]; 3.1.2-rasm. Frontend/views/layouts papkasi ichida yangi shablon.php faylini yaratib olamiz. 3.1.3-rasm. Shablon.php ni qisqartirilgan holatdagisi. Saytimizning har bir sahifasini tahlil qilib chiqishimizdan oldin shablon.php tomonidan berilayotgan sectionlarni rasmlarini ko’rib chiqamiz Menyudagi asosiy, kurslar va hokazolar bosilgan paytda o’z sahifalariga o’tish uchun quyidagi kod yozilgan |
III. BOB WEB SAYTNI TO‘LIQ YARATISH, UNI BOSHQARISH VA WEB SAHIFANING AFZALLIKLARI
|
bet | 13/22 | Sana | 10.06.2024 | Hajmi | 13,87 Mb. | | #262242 |
Bog'liq Dadajonov Hikmatillo diplom ishiBu sahifa navigatsiya:
- 3.1.1-rasm. Assets papkani ichida yangi NewyorkAsset.php faylini yaratib olamiz.
- css/bootstrap.min.css, // css/style11.css, // //
- css/animate.css, css/animate.min.css, css/bootstrap-touch-slider.css
- css/owl.carousel.css, css/pr_loading.css, css/prettyPhoto.css, css/timeline.min.css
- js/jquery-3.4.1.min.js, // js/bootstrap.js, js/jquery.fancybox.min.js
- js/mapsed.js, ]; 3.1.2-rasm. Frontend/views/layouts papkasi ichida yangi shablon.php faylini yaratib olamiz.
- 3.1.3-rasm. Shablon.php ni qisqartirilgan holatdagisi.
- Saytimizning har bir sahifasini tahlil qilib chiqishimizdan oldin shablon.php tomonidan berilayotgan sectionlarni rasmlarini ko’rib chiqamiz
- Menyudagi asosiy, kurslar va hokazolar bosilgan paytda o’z sahifalariga o’tish uchun quyidagi kod yozilgan
III. BOB WEB SAYTNI TO‘LIQ YARATISH, UNI BOSHQARISH VA WEB SAHIFANING AFZALLIKLARI.
3.1. Saytni to‘liq yaratish.
Birinchi navbatda biz saytimizning shablonini tuzib olishimiz kerak, ya’ni har doim takrorlanuvchi qismlar (menyu, footer…) bir shablon.php faylga tashlab olamiz va shu bilan har takrorlanuvchi kodlarni va hajmni kichikligini saqlab qolamiz. Shuningdek bu yo’l bilan sayt sekin ishlashini ham oldini olamiz.
3.1.1-rasm. Assets papkani ichida yangi NewyorkAsset.php faylini yaratib olamiz.
Bu NewyorkAsset.php faylida bizning saytimiz uchun kerak bo’ladigan css, js fayllarni yo’lini ko’rsatib qo’yamiz, yani:
public $css = [
'css/bootstrap.min.css',
//
'css/style11.css',
//
//
'css/versions.css',
'css/responsive.css',
//
'css/custom.css',
'css/animate.css',
'css/animate.min.css',
'css/bootstrap-touch-slider.css',
// 'css/colors.css',
'css/flaticon.css',
'css/font-awesome.min.css',
'css/awesoin.css',
'css/owl.carousel.css',
'css/pr_loading.css',
'css/prettyPhoto.css',
'css/timeline.min.css',
'css/jquery.fancybox.min.css',
'css/my.css',
];
public $js = [
'js/jquery-3.4.1.min.js',
// 'js/bootstrap.js',
'js/jquery.fancybox.min.js',
'js/modernizer.js',
'js/all.js',
'js/custom.js',
'js/timeline.min.js',
'js/mapsed.js',
];
3.1.2-rasm. Frontend/views/layouts papkasi ichida yangi shablon.php faylini yaratib olamiz.
Yani bu shablon.php faylimiz butun bir saytimizda har doim takrorlanuvchi qismlarini o’z ichiga oladi, pastdagi rasmda yaqqol ko’rishimiz mumkin, ya’ni saytning header, testemonials, footer sectionlari har bir pageda keladi.
3.1.3-rasm. Shablon.php ni qisqartirilgan holatdagisi.
Html fayllarini yani index, about va hokazalarni php faylga o’zgartirib frontend/views/newyork papkasiga tashlaymiz:
3.1.4-rasm. Saytimizning frontendi uchun javob beruvchi php fayllar.
Saytimizning har bir sahifasini tahlil qilib chiqishimizdan oldin shablon.php tomonidan berilayotgan sectionlarni rasmlarini ko’rib chiqamiz:
3.1.5-rasm. Saytimizning header qismi.
Saytimizning header qismida o’quv markaz logotipi va menudan iborat. Menyuda esa asosiy, biz haqimizda, kurslar, bloglar, o’qituvchilar, bog’lanish va saytning tilini o’zgartirish uchun bo’limlar mavjud.
Menyudagi asosiy, kurslar va hokazolar bosilgan paytda o’z sahifalariga o’tish uchun quyidagi kod yozilgan:
controller->id == 'newyork' && Yii::$app->controller->action->id == 'index'): ?>
|
| |