Chinni Idish Veb-sayti Loyiha Rejasi

Chinni idishlar ishlab chiqaruvchi firma web saytini yasash. REJA: I. Kirish II. Nazariy qism 2.1HTML, CSS haqida ma’lumot 2.2 Bootstrap haqida ma’lumot 2.3 JavaScript haqida ma’lumot 2.4 PHP haqida ma’lumot 2.5 MySQL haqida ma’lumot III. Asosiy qism 3.1 “Chinni buyumlar” HTML CSS yordamida yaratish 3.2 Yaratilingan saytni Bootstrap yordamida qaytadan yaratib chiqish 3.3O’z saytimizga js ni qo’llash va js yordamida o’z saytimizni boyitish 3.4 Chinni buyumlariga php ni qollash yordamida ma`lumotlar bazasiga ulash IV.Xulosa V.Foydalanilgan adabiyotlar ro‘yhati VI.Ilovalar I Kirish Chinni buyumlarini ishlab chiqarish biz uchun juda muhimdir. Chinni buyumlarining qanchalik mustahkam ishlab chiqarilishi bizning narxlarga, sifatga va mijozlarimizning quvonchiga bog‘liq bo‘ladi. Sizning tog‘ridan-to‘g‘ri hamma narsani bir xilda qilayotganingizdan aniq bo‘lishi kerakki, sizning mahsulotingizning sifati va bog‘liqlik kuchini ta'minlash uchun to‘g‘ri moliyaviy, texnikaviy va rivojlanishi lozim. Ishlab chiqarish jarayonida hamma bosqichlarga e’tibor bergan holda chinni buyumlari ishlab chiqarish juda muhimdir. Chinni buyumlarini “dolzarbligi” deyishimiz maqsadi bilan yaxshi tushunaman, lekin shuningdek, chinni buyumlarini ishlab chiqarishda sifat va narxning muhim o‘rnini ham o‘ylab tashlash lozim. Agar chinni buyumlari sifatli bo‘lmasa, mijozlarimizning quvonchiga javob bermaydi va bizning ishimizga ta'sir qiladi. Narx esa, chinni buyumlarining o‘rtacha narxlarini miqdorlash, ishlab chiqarish jarayonidagi texnikaviy va moliyaviy xarajatlarni hisobga olish, bozorni o‘rganish kabi bir nechta faktorga bog‘liq bo'ladi. Dolzarbligi ahamiyatli, ammo umumiy rivojlanish, sifat va mijozlarga xizmat qilish ham muhimdir. Chinni buyumlari bizning hayotimizda muhim o‘rni bor. Chinni, mazali taomlar hazorlash, shirinliklar tuzish, nonushta tayyorlash va kofe va choy ichish kabi ko‘plab ko‘ngillilarimizning qiziqishlariga javob beradi. Bizning dam olish va mehmonlarni qo‘llab-quvvatlash adabiyotimizda ham chinni buyumlarning katta ahamiyati keltirilgan. Bizning iste’mol qiladigan chinni buyumlari hayotingizning mezonligini, sog‘ligini va zamonaviy dalillarga ko‘ra tabiiy va asl sifatlar bilan ta'minlashi juda muhimdir. Shuningdek, chinni buyumlari bakteriya va to‘g‘ri atrof muhitni ta'minlashda ham muhim rol o‘ynaydi. Barcha bu sabablarga ko‘ra, chinni buyumlarining bizga iste’mol va qoniqtirish (qiziqish va zovqlaning) aspektlari orqali hayotimizda muhim o’rniga ega. Chinni buyumlar, shirinliklarga yoki nonushtalarga qo‘shiladigan mo‘ljallardir. Ular oshiq va tatli bo‘ladi va ta’mi shirinroq qilish uchun ishlatiladi. Ma’mulotlar chinni oilasidan olgan o‘rtacha tarkibiy qismlarga asoslangan bo‘lib, bu uning tufayli shiring yoki nonushtalarga xamroh, yumshoq va shirinroq ta'm beriladi. Chinni buyumlar haqida boshqa ma'lumotlarga ega bo'lsangiz, menga so'radigan savolingizni bering. Men sizga yordam berish uchun shunday mo'ljalanganman! II. Nazariy qism 2.1 HTML va CSS haqida ma’lumot HTML, CSS, JS, Bootstrap, PHP va MySQL, veb-dasturlash uchun mustaqil vositadirlar. HTML, veb-sahifalarni strukturalash va tuzatish uchun foydalaniladi. CSS, veb-sahifalarni ko'rinishini o'zgartirish uchun ishlatiladi. JS, veb-sahifalarda interaktivlikni yaratish va dinamiklikni qo'shish uchun ishlatiladi. Bootstrap, vebdizaynlarni tez va oson usullarda yaratishni o'rganishga yordam beradi. PHP, server tomonidan ishlatiladigan skriptlash tili hisoblanadi va dinamik vebsaytlarni ishlab chiqish imkoniyatini beradi. MySQL esa serverda ma'lumotlarni saqlash va ulardan ma'lumot olish uchun foydalaniladi. . HTML- (Hypertext Markup Language) veb-sahifalarni yaratish uchun foydalaniladigan standart metal. HTML veb-brauzerlarga veb-sahifani yaxshilanishini ta'minlaydi. Bu markup tilida matn, rasmlar, videolar, yozuv nesoysizlar va sairani saqlash uchun etishmaydigan elementlar va atributlarni belgilash uchun foydalaniladi. HTML, elementlari taglar orqali ifodalaydi, masalan, tagi matn paragrafni, ![]() tagi rasmini, tagi havolani belgilab beradi. Har bir HTML elementi o'zining attributlari bilan birga ishlatiladi. HTML soddaligi va osonligi sababli veb-dasturlashni o'rganuvchilar uchun muhim asosiy qism hisoblanadi. CSS (Cascading Style Sheets), veb-sahifalarni ko'rinishini tuzatish uchun foydalaniladigan stil tili hisoblanadi. CSS veb-sahifadagi elementlarga (HTML taglariga) shaklini, rangini, o'lchamini va boshqa xususiyatlarini belgilashda ishlatiladi. CSS va HTML birga ishlatiladi, HTML elementlariga CSS klaslari orqali stil beriladi. CSS fayl orqali veb-sahifalar uchun bir nechta stil qoidalari belgilanadi. Bu qoidalarning doirasida, matn va fon ranglari, shriftlar va o'lchamlar, chizmalar va qalinliklar, jadvallar va qator ustunalari, animatsiyalar va ko'p yana narsalar belgilanishi mumkin. CSS ikki usulda ishlatilishi mumkin: inline va external. Inline usulida CSS direkt HTML taginin attributlarida beriladi. External usulida esa CSS fayli alohida tuziladi va HTML faylda unga havola beriladi. CSS, veb-sahifaning ko'rinishini o'zgartirishga yordam beradi va veb-dizaynda keng imkoniyatlar yaratadi. O'rganishining quyidagi bosqichlarida CSS haqida ko'proq ma'lumot topishingiz mumkin: 1. Elementlarga stil belgilash (color, font-size, margin, padding, va boshqalar) 2. Klaslar va ID-lar orqali stil belgilash 3. Jadvallar va qator ustunalari 4. Animatsiyalar va tranzitsiyalar uchun keyframes ishlatish 5. Media va responsive dizayn uchun CSS media va @media so'zlarini foydalanish 2.2 Bootstrap haqida ma’lumot Bootstrap - bu sezgir va birinchi mobil veb-saytlar va veb-ilovalarni loyihalash va ishlab chiqish uchun keng qo'llaniladigan mashhur front-end ramka. U Twitterda Mark Otto va Jeykob Tornton tomonidan yaratilgan va 2011 yilda ochiq manbali loyiha sifatida chiqarilgan. Bootstrap-ning ba'zi asosiy xususiyatlari: Responsive dizayn: Bootstrap ishlab chiquvchilarga smartfonlar, planshetlar va ish stollari kabi turli ekran o‘lchamlariga mos ravishda joylashuvi va dizaynini avtomatik ravishda sozlaydigan veb-saytlar yaratish imkonini beradi. Oldindan tayyorlangan komponentlar: Bootstrap tugmalar, shakllar, navigatsiya paneli va boshqalar kabi oldindan tuzilgan komponentlarning keng assortimentini taqdim etadi, ular loyihaga osonlik bilan birlashtirilishi mumkin, bu esa loyihalashda vaqt va kuchni tejaydi. noldan uslublash.Grid tizimi: Bootstrap qatorlar va ustunlar bilan murakkab maketlarni yaratishni osonlashtiradigan, turli qurilmalarda izchil va tartibli tuzilishga erishishni osonlashtiradigan sezgir tarmoq tizimini o'z ichiga oladi.Moslashtirilgan mavzular: Bootstrap turli xil sozlanadigan mavzular va shablonlarni taklif etadi, bu esa ishlab chiquvchilarga vizual jihatdan jozibali vebsaytlarni osongina yaratish imkonini beradi.Keng qamrovli hujjatlar: Bootstrap keng qamrovli hujjatlar va misollarni taqdim etadi, bu esa ishlab chiquvchilarga uning xususiyatlarini tushunish va amalga oshirishni osonlashtiradi.JavaScript plaginlari: Bootstrap qoʻshimcha kod yozmasdan foydalanuvchi tajribasini yaxshilashga yordam beruvchi karusellar, modallar, maslahatlar va boshqalar kabi funksiyalar uchun JavaScript plaginlari toʻplamini oʻz ichiga oladi.Bootstrap-dan foydalanib, ishlab chiquvchilar zamonaviy va sezgir veb-loyihalarni yaratish jarayonini soddalashtirishi mumkin, shu bilan birga turli qurilmalarda izchillik va qulaylikni ta'minlaydi.Bootstrap o'zining moslashuvchanligi, foydalanish qulayligi va mustahkamligi tufayli veb-ishlab chiqish hamjamiyatida keng qo'llanildi. U katta ishlab chiquvchilar hamjamiyatiga ega va u veb-ishlab chiqishning so'nggi tendentsiyalari va eng yaxshi amaliyotlardan xabardor bo'lish uchun faol ravishda qo'llab-quvvatlanadi va yangilanadi. 2.3 JavaScript haqida ma’lumot JavaScript (JS)- web dasturlash uchun eng mashhur dasturlash tilidir. Uning ishlatilishi oson va yorqindir. JS brauzerlarda ishlovchi asosiy skript tili sifatida ishlatiladi, lekin hozirgi kunningda undan tashqari server-sozlamalarga dastur tuzish uchun ham ko'p xil ko'rsatkichlar mavjud.JavaScript ishlashi uchun brauzerning JavaScript dastur bajaruvchisi kerak. Bu dastur bajaruvchilar brauzerda JavaScript-kodni bajarish imkoniyatini ta'minlaydi. JS, brauzerda foydalanuvchining amallarini reaksiya qilishi, asosiy elementlarni manipulyatsiya qilishi, matematik operatsiyalarni amalga oshirishi, ma'lumotlarni o'qish va yozish imkoniyatlarini beradi. Unga brauzer orqali web sahifaga ajratilgan skriptlardan tashqari ma'lumotlarni tashvishsiz yoki tashvishli qilib saqlash, manbalar bilan ishlash, fayllardan ma'lumot o'qish va yozish va ko'p yana narsalar amalga oshirishi mumkin.JS ko'p dasturlash paradigmalarni (misol uchun obyektorientatsiya va funktsional dasturlash) qo'llaydi va endi esa eng kuchli va keng tarqalgan brauzer tili sifatida hisoblanadi. JS, web saytlarini interaktiv qilish, animatsiyalar, formalar va yana ko'p narsalar yaratish uchun ham mashhurdir. 2.4 PHP haqida ma’lumot PHP - "Hypertext Preprocessor" degan ma'noni anglatadigan PHP veb-ishlab chiqish uchun mo'ljallangan, keng qo'llaniladigan ochiq manbali server tomonidagi skript tilidir. PHP haqida ba'zi muhim fikrlar: Server tomonida skript yaratish: PHP asosan dinamik veb-sahifalar va veb-serverda ishlaydigan vebilovalarni ishlab chiqish uchun ishlatiladi. Mijoz PHP sahifasini so'raganda, server PHP kodini qayta ishlaydi va natijada olingan HTMLni mijozning veb-brauzeriga yuboradi.HTML ichiga o‘rnatilgan: PHP kodi ko‘pincha to‘g‘ridan-to‘g‘ri HTML ichiga kiritilgan bo‘lib, ishlab chiquvchilarga dinamik tarkib yaratish, ma’lumotlar bazalari bilan o‘zaro aloqa qilish, shakl ma’lumotlarini qayta ishlash va veb kontekstida server tomonidagi keng ko‘lamli vazifalarni bajarish imkonini beradi. sahifa. Platforma mustaqilligi: PHP turli platformalarda, jumladan Windows, Linux, macOS va boshqalarda ishlaydi, bu uni veb-ishlab chiqish uchun ko‘p qirrali tanlovga aylantiradi. Ma'lumotlar bazasi integratsiyasi: PHP MySQL, PostgreSQL, SQLite va boshqa mashhur ma'lumotlar bazasini boshqarish tizimlariga ulanish va so'rovlar qilish uchun o'rnatilgan funksiyalarga ega, ma'lumotlar bazalari bilan o'zaro ishlashda kuchli yordamga ega. Kengaytirilgan kutubxonalar va ramkalar: PHP dasturchilarga veb-ilovalarni samarali yaratishda yordam beradigan ulkan kutubxonalar va ramkalar ekotizimiga ega. Ba'zi mashhur PHP ramkalariga Laravel, Symfony, CodeIgniter va Zend Framework kiradi.Hamjamiyatni qoʻllab-quvvatlash: PHP keng va faol hamjamiyatga ega boʻlib, dasturchilar yordam soʻrash va bilim almashish uchun moʻl-koʻl hujjatlar, oʻquv qoʻllanmalar va forumlarni taqdim etadi.Content Management Systems (CMS): Ko‘pgina mashhur CMS platformalari, jumladan WordPress, Drupal va Joomla, PHP bilan yaratilgan bo‘lib, uni ushbu platformalarda veb-saytlar va veb-ilovalarni yaratish va sozlash uchun mo‘ljallangan tilga aylantiradi.PHP o'zining soddaligi, moslashuvchanligi va turli veb-serverlar va operatsion tizimlar bilan mosligi bilan mashhur. U kichik shaxsiy bloglardan tortib yirik korporativ ilovalargacha bo'lgan keng doiradagi vebsaytlarni quvvatlantirish uchun ishlatilgan.Boshqa server tomonidagi tillar va ramkalar raqobatiga qaramay, PHP o'zining boy xususiyatlari va keng qo'llanilishi tufayli veb-ishlab chiqish uchun mashhur tanlov bo'lib qolmoqda. 2.5 MySQL haqida ma’lumot MySQL - mashhur ochiq manbali relyatsion ma'lumotlar bazasini boshqarish tizimi (RDBMS) bo'lib, u quyidagi sabablarga ko'ra veb-dasturlashda tez-tez ishlatiladi: Ma'lumotlarni saqlash: MySQL veb-ilovalar uchun ma'lumotlarni saqlash uchun ishlatiladi. Bu ma'lumotlarni saqlash va tartibga solishning tizimli usulini taqdim etadi, bu esa ularni veb-ishlab chiquvchilar uchun ochiq va boshqarilishi mumkin qiladi. Dinamik tarkib: Veb-saytlar va veb-ilovalar ko‘pincha foydalanuvchi kiritishi, tranzaksiyalari yoki boshqa omillarga qarab o‘zgarishi mumkin bo‘lgan dinamik tarkibni talab qiladi. MySQL ishlab chiquvchilarga foydalanuvchi profillari, mahsulot ma'lumotlari, blog postlari va boshqalar kabi dinamik tarkibni saqlash va olish imkonini beradi.Ma'lumotlarni qidirish va manipulyatsiya qilish: MySQL ma'lumotlarni so'rash, olish va manipulyatsiya qilish uchun turli vositalar va usullarni taqdim etadi. Bu veb-ilovalarga saqlangan ma'lumotlar bilan o'zaro aloqada bo'lish, qidiruvlarni amalga oshirish, ma'lumotlarni filtrlash va muayyan mezonlar asosida dinamik tarkibni yaratish imkonini beradi.Scalability: MySQL kengaytiriladiganligi bilan mashhur, ya'ni u katta hajmdagi ma'lumotlar va yuqori trafik yuklarini boshqarishi mumkin. Bu uni vaqt o'tishi bilan o'sish va ko'proq foydalanishni ta'minlashi kerak bo'lgan veb-ilovalar uchun mos qiladi. Ishonchlilik va ishlash: MySQL ishonchli ishlashni ta'minlash uchun mo'ljallangan bo'lib, veb-ilovalar ma'lumotlarni samarali tarzda olish va yangilash imkonini beradi. U tezlik uchun optimallashtirilgan va murakkab so‘rovlar va tranzaksiyalarni minimal kechikish bilan bajara oladi.Veb-ilovalar bilan integratsiya: MySQL ko'pincha PHP, Python va Node.js kabi server tomonidagi skript tillari bilan birlashtirilgan bo'lib, veb-ilovalarga ma'lumotni olish, yangilash yoki o'chirish uchun ma'lumotlar bazasi bilan o'zaro aloqada bo'lishga imkon beradi. talab qilinadi. Xavfsizlik: MySQL saqlangan ma'lumotlarning maxfiyligi va yaxlitligini himoya qilish uchun foydalanuvchi autentifikatsiyasi, kirishni boshqarish, shifrlash va ma'lumotlar yaxlitligi choralarini o'z ichiga olgan mustahkam xavfsizlik xususiyatlarini ta'minlaydi. Veb-dasturlashda MySQL odatda server tomonidagi tillar va ramkalar bilan birgalikda dinamik, ma'lumotlarga asoslangan veb-saytlar va ilovalarni yaratish uchun ishlatiladi. Bu ishlab chiquvchilarga ma'lumotlarni samarali saqlash, olish va boshqarish orqali interaktiv va sezgir veb-tajribalarni yaratishga imkon beradi. Bu elektron tijorat platformasi, ijtimoiy tarmoq sayti, kontentni boshqarish tizimi yoki boshqa vebga asoslangan tizim bo'ladimi, MySQL backend ma'lumotlar operatsiyalarini kuchaytirishda hal qiluvchi rol o'ynaydi. III Asosiy qism: 3.1 “Chinni buyumlar” HTML CSS yordamida yaratish Men HTML va CSS yordamida o’z saytimni yaratdim. Men birinchi navbatda: 3.1 – rasm. “NAVBAR” qismi HTML: <header> <h1>CHINNI ISHLAB CHIQARISH </h1> <nav> <ul> <li><a id="g" href="chinni.html"><i card"></i> Biz haqimizda </a></li> class="fa-solid fa-address- <li><a href="Mahsulotlarimiz.html"><i class="fa-solid fa-circleinfo"></i> Mahsulotlarimiz</a></li> <li><a href="ishlabchiqarish.html"><i class="fa-brands fa-creativecommons-remix"></i> Ishlab chiqarish </a></li> <li><a href="Murojatuchun.html"><i class="fa-solid fa-locationdot"></i> Murojat uchun </a></li> </ul> </nav> </header> CSS: header { background-image:-moz-linear-gradient(); background-color: #908b8b; padding: 20px; justify-content: space-around; margin-bottom: 0px; } Va men ushbu menyularga moslab fayllar yaratib oldim va ularni ulab chiqdim va ularga ham ushbu yozgan kodlarimni joyladim chunki ularda ham korinishi uchun <link rel="stylesheet" href="style.css"> Ushbu ko’rinishda: Va men oz saytimni yarata boshladim Bu saytni yaratishda men fontawesome web sahifadan foydalandim va undan o;zim uchun icon oldim. Bu uchun menga ushbu kod kerak boldi. link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> Bu icon larim barcha sahifada ishlashi uchun men buni barcha sahifaga ko’chirib chiqdim. “Head” qismiga. Shu tariqa men o’z saytimni yaratdim. Bu mening sahifam korinishi : 3.2 – rasm. “Biz haqimizda” body qismi Va bu mening kodim ushbu kod menga hsu pageni ishlashini taminlaydi: <section > <h2 id="about">Biz haqimizda :</h2> <div class="siz"> <img class="img" boqchasining rasmi bor"> src="./haqida 1.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./haqida 2.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./haqida 3.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./haqida 4.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./rasm 18.jpg" alt="bu yerda kamalak </div> <p>Chinni-fayans sanoati - chinni, fayans va boshqa nafis keramika maxsulotlari ishlab chiqaradigan sanoat tarmogʻi. Uyroʻzgʻorda ishlatiladigan chinni buyumlar va badiiy chinni mahsulotlar, fayans, yarim chinni va mayolika mahsulotlari ishlab chiqarishni qamraydi. Chinni-fayans sanoatis. mahsulotlari roʻzgʻorda, ayrim sanoat tarmoklarida keng qoʻllaniladi. tarmoqdagi eng yirik va tarixiy anʼanalariga ega boʻlgan firmalar hisoblanadi.</p> </div> <div class="biz"> <img class="img" boqchasining rasmi bor"> src="./rasm 19.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./rasm 20.webp" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./rasm 10.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./rasm.5.jpg" alt="bu yerda kamalak <img class="img" boqchasining rasmi bor"> src="./rasm14.jpg" alt="bu yerda kamalak </div> <ul style="list-style: none;"> <li><a href="https://uz.wikipedia.org/wiki/Chinni-fayans_sanoati"> <br><button>Batafsil</button> </a></li> </ul> </section> 3.3 – rasm. “Mahsulotlarimiz” body qismi Ushbu joyda men o’z saytimga rasm joylaganman va buni bu kod ifodalaydi: <h2>Mahsulotlarimiz :</h2> <div class="product"> <img src="rasm.6.jpg" alt="Dinner Plate"> <img src="rasm.5.jpg" alt="Dinner Plate"> <img src="rasm.7.jpg" alt="Dinner Plate"> <img src="rasm.8.jpg" alt="Dinner Plate"> </div>Bularga albatta men css kodlaridan ham foydalandim : CSS: .product { margin-top: 0px; justify-content: space-around; background-color: rgb(245, 247, 247); width: 100px; height: 100px; padding: 20px;; } lon qilib olganman 3.4 – rasm. “Murojat uchun” body qismi Bu esa mening murojat va footer qismlarim <section id="contact"> <h2>Murojat uchun :</h2> <p class="savol">Agar sizda biron bir savol yoki so'rov bo'lsa, biz bilan bog'laning:</p> <ul class=" murojat"> <li>Email:<i class="fa-solid @bahriddinovbayotbek@gmail.com</li> fa-envelope"></i> <li>Phone:<a href=+998992340660><i class="fa-solid fa-phone"></i> +998 992340660</a></li> <li>Manzil:<a href="Namangan vil, Uychi tumani, Jiydakapa qishloq,Sanoat kochasi 40 uy; "><i class="fa-solid fa-location-pin"></i> Uychi</a></li> </li> <li>Telegram:<a href= https://t.me/ telegram"></i> Bayotbek </a></li> </li> ><i class="fa-brands fa- <li>Instagram:<a href=" https://www.instagram.com/Bayotbek/"><i class="fa-brands fa-square-instagram"></i> Bahriddinov</a></li> </li> </ul> </section> Bu mening murojat uchun html kodim. Footer uchun esa: <footer> <p>© BU Bahriddinov Bayotbek tomonidan ishlab chiqildi </p> </footer> Footer CSS: footer { background-color: #333; color: #fff; padding: 10px; text-align: center; }Ushbu kodni men yaratgan barcha sahifalarimga qoyib chiqdim chunki bu qism mening barcha sahifalarimda ko’rinishi kerak edi. 3.2 Bootstrap haqida va buni o’z saytimizda qo’llab ko’rish: Men bootstrap yordamida o’z kodimni yanada boyitdim ushbu sahifadada ham men oldingi saytimni tayyorlaganim kabi qildim “Head” qism yaratdim va “menyu” yaratdim lekin buni tayyor “bootstrap” yordamida qildim ushbu saytda foydalanishga tayyor malumotlar mavjud ekan men ulardan foydalandim va mening saytim ushbu ko’rinishga keldi: 3.5 – rasm. NAVBAR Bootstrap orqali men tayyor menyudan foydalandim va uni ozimga moslab oldim: <P > <h2 class="bosh">CHINNI ISHLAB CHIQARISH</h2> </P>  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Asosiy</a> </li> <li class="nav-item"> <a class="nav-link active" href="ishlabchiqarish.html"><i class="fa-solid chiqarish</a> aria-current="page" fa-cart-plus"></i>Ishlab </li> <li class="nav-item"> <a class="nav-link" href="mahsulotlar.html"><i class="fa-solid facircle-info"></i>Mahsulotlarimiz</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="murojat.html"><i class="fa-solid fa-phone"></i>Murojat uchun</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control placeholder="Search" aria-label="Search"> <button class="btn type="submit">Search</button> </form> </div> </div> </nav> me-2" type="search" btn-outline-success"  3.6 – rasm. “Mahsulotlarimiz” body qismi <P class="G"> Mahsulotlarimiz bilan tanishib chiqing: </P> </section> <li class="I"> <li class="H"> <img src="m1.jpg" class="img-thumbnail" alt="..."> <img src="m2.jpg" class="img-thumbnail" alt="..."> <img src="m3.jpg" class="img-thumbnail" alt="..."> <img src="m4.jpg" class="img-thumbnail" alt="..."> </li> </li> Men bootstrapdan tayyor footer ni ham oldim va shunday qilib to’g’rilab qo’ydim: 3.7 – rasm. Footer qismi <footer class="bg-dark text-white text-center py-3 mt-5"> <p>© Bu Bayotbek Bahriddinov tomonidan tayyorlandi </p> </footer> 3.3 JavaScript haqida va o’z saytimizni js orqali boyitish: Men js yordamida oz saytimga vaqt sana va hafta kunini qosha oldim : 3.8 – rasm. JavaScript da “SOAT” qismi Undan tashqari oz saytim uchun “light-mode”va “dark-mode” va web sahifani yashirib qaytadan korsatib berishni yaratdim: ushbu tugmalar yordamida bajariladi. 3.9 – rasm “BUTTON”lar HTML:  <div class="zor"> <h1 class="time"> <span class="hours">00</span> <span id="men">:</span> <span class="minutes">00</span> <span id="men">:</span> <span class="seconds">00</span> <br> <span class="date">25</span> <span>/</span> <span class="month">Nov</span> <span>/</span> <span class="year">2023</span> </h1>  <div class="k"> <p id="demo"></p> </div>  </div>   <button id="qora" onclick="toggleMode()">Meni bosing</button>   <button id="close" onclick="toggleMode2()">Yoqaman</button>  CSS: /* sana bowlandi */ .time { background-color: aqua; font-size: 20px; color: red; text-shadow: 1px 3px 20px; margin-bottom: 0px; margin-right: 30px; } #men{ animation: men 1s linear infinite; } @keyframes men { 100% { color:rgb(227, 16, 16); } 50% { color: black; } } .k{ background-color: aqua; font-size: 20px; color: red; text-shadow: 1px 3px 20px; margin-bottom: 0px; margin-left: 30px; } .zor{ display: flex; justify-content: center; background-color: aqua ; padding: 15px; } /* sana tugadi */ /* dark mode start */ body { transition: background-color 0.5s; } .qorarejm { background-color: #333; color: #fff; } .oqrejm { background-color: #fff; color: #333; } #qora{ padding: 2px; /* margin: 1px 1px 1px 1px; */ margin-top: 5px; border-radius: 5px; background-color: red; } /* dark mode end */ /* block start */ .block{ display: none; } .inline{ display: block; } #close{ color: gold; background-color: blue; } /* block end */ 3.4. PHP, MySQL bilimlari va bular bilan ishlashni o’rganish: Bunda menga avvalo Xampp nomli ilova yordam berdi Uni shu tariqa ishga tushirib oldim va men Local host da ishlashni boshladim: Manzil : 127.0.0.1/smth…(saytingiz nomi) Men php va MySQL bilan ishlashda ushbu oynani yaratib oldim: 3.10 – rasm. “Asosiy” panel 3.11 – rasm. “Yangiliklar” panel Va shular orqali men MySQL bilan ishlashni o’rgandim. IV.Xulosa: Bu yaratilgan sayt yordamida sizlar Chinni buyumlar inson hayotida juda katta muhim o’rin egallashini bilib olishungiz mumkin . Chinni buyumlar insinga azaldan hizmat qilib kelgan. Men ushbu saytni yaratish davomida Chinni buyumlar inson hayotida qanchalik o’rin egallashini , uning foydali taraflarini bilib oldim. Foydali taraflariga misol sifatida, chinni buyumlar energiya olishni oshirish, gormonlarni oshirish, rivojlanishga olib kelishi yaxshilashga yordam berishi mumkin ekanligini bilib oldim. Lekin barcha narsalarni zararli tarafi bo’lganidek – bu buyumlarning ham zararli taraflari bor ekan Zararli taraflaridan biri esa, chinni buyumlar yuqori kaloriyalarga ega bo'lishi va agar kengroq miqdorda ishlatilsa, odatda o'zgartirilgan shakllardagi o'zbeknonushta va pishiriqlarga olib kelishi mumkin. Shuningdek, chinni buyumlar diabet, obezitet, qo'lizqoqlar va boshqa sog'lig'iyondagi muammo va xavfli holatlarni kuchaytirishi mumkin. Bu sababli, chinni buyumlar niqobdan ishlatilsa ham, ularni maqbul miqdorda va aralash holatda ishlatish kerak. Bu haqda yoqmasdan oldin mutaxassisga murojaat qilish tavsiya etiladi. Men ushbu saytni yaratish davomida HTML,CSS,JS,Bootstrap,PHP, MySQL bilimlarini o’rgandim va men ushbu mustaqil ishni bajarish mobaynida o’z bilimlarimni boyitib oldim. Men o’z bilimlarim yordamida boshqa turli saytlarni yarata olaman degan umiddaman. V. Foydalanilgan adabiyotlar ro’yhati 1. Bootstrap:https://www.google.com/search?q=Bootstrap&sca_esv=593072056&s xsrf=AM9HkKmUAHwZkSOdQsmjIFGJADSsZU7pA%3A1703245473960&ei=oXaFZbmYOoOD1fIP5MahiAU&ved= &sclient=gws-wiz-serpFontawesome 2. https://www.google.com/search?q=Wikipedia&oq=Wikipedia&gs_lcrp=EgZjaH JvbWUyDggAEEUYJxg5GIAEGIoFMgYIARAjGCcyDAgCEAAYQxiABBiK BTISCAMQABgUGIMBGIcCGLEDGIAEMgcIBBAAGIAEMgcIBRAAGIAE MgYIBhBFGDwyBggHEEUYPKgCALACAA&sourceid=chrome&ie=UTF8"HTML va CSS: Veb-saytlarni loyihalash va yaratish" -Jon Dakett 3. You tube: www.youtube.com/@AnglaUz 4. https://t.me/anglauzbot 5. https://www.w3schools.com/ VI.Ilovalar 1.HTML va CSS yordamidagi chinni.html Birinchi sahifa uchun yozilgan kod: <!DOCTYPE html> <html> <head> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" href="./style.css"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <header> <h1>CHINNI ISHLAB CHIQARISH </h1> <nav> <ul> <li><a id="g" href="chinni.html"><i class="fa-solid fa-address-card"></i> Biz haqimizda </a></li> <li><a href="Mahsulotlarimiz.html"><i info"></i> Mahsulotlarimiz</a></li> class="fa-solid fa-circle- <li><a href="ishlabchiqarish.html"><i class="fa-brands fa-creativecommons-remix"></i> Ishlab chiqarish </a></li> <li><a href="Murojatuchun.html"><i class="fa-solid fa-location-dot"></i> Murojat uchun </a></li> </ul> </nav> </header> <section > <h2 id="about">Biz haqimizda :</h2> <div class="siz"> <img class="img" src="./haqida 1.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./haqida 2.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./haqida 3.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./haqida 4.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./rasm 18.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> </div> <p>Chinni-fayans sanoati - chinni, fayans va boshqa nafis keramika maxsulotlari ishlab chiqaradigan sanoat tarmogʻi. Uyroʻzgʻorda ishlatiladigan chinni buyumlar va badiiy chinni mahsulotlar, fayans, yarim chinni va mayolika mahsulotlari ishlab chiqarishni qamraydi. Chinni-fayans sanoatis. mahsulotlari .</p> </div> <div class="biz"> <img class="img" src="./rasm 19.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" boqchasining rasmi bor"> src="./rasm 20.webp" alt="bu yerda kamalak <img class="img" src="./rasm 10.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./rasm.5.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> <img class="img" src="./rasm14.jpg" alt="bu yerda kamalak boqchasining rasmi bor"> </div> <ul style="list-style: none;"> <li><a href="https://uz.wikipedia.org/wiki/Chinni-fayans_sanoati"> <br><button>Batafsil</button> </a></li> </ul> </section> <footer> <p>© BU Bayotbek Bahriddinov </footer> </body> </html> Mahsulotlarimiz.html <!DOCTYPE html> <html lang="en"> tomonidan ishlab chiqildi </p> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="./style.css"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <header> <h1>CHINNI ISHLAB CHIQARISH </h1> <nav> <ul> <li><a href="chinni.html"><i class="fa-solid fa-address-card"></i> Biz haqimizda </a></li> <li><a id="g" href="Mahsulotlarimiz.html"><i class="fa-solid fa-circleinfo"></i> Mahsulotlarimiz</a></li> <li><a href="ishlabchiqarish.html"><i class="fa-brands fa-creativecommons-remix"></i> Ishlab chiqarish </a></li> <li><a href="Murojatuchun.html"><i dot"></i> Murojat uchun </a></li> </ul> </nav> </header>  class="fa-solid fa-location- <section id="products"> <h2>Mahsulotlarimiz :</h2> <div class="product"> <img src="rasm.6.jpg" alt="Dinner Plate"> <img src="rasm.5.jpg" alt="Dinner Plate"> <img src="rasm.7.jpg" alt="Dinner Plate"> <img src="rasm.8.jpg" alt="Dinner Plate"> </div> <div class="product"> <img src= "rasm.9.jpg" alt="Coffee Cup"> <img src="rasm 10.jpg" alt="Dinner Plate"> <img src="rasm 11.jpg" alt="Dinner Plate"> <img src="rasm 12.jpg" alt="Dinner Plate"> </div> <div class="product"> <img src="rasm 13.jpg" alt="Coffee Cup"> <img src="rasm14.jpg" alt="Dinner Plate"> <img src="rasm 15.jpg" alt="Dinner Plate"> <img src="rasm 16.jpg" alt="Dinner Plate"> </div> <div class="product"> <img src="rasm 17.webp" alt="Coffee Cup"> <img src="rasm 18.jpg" alt="Dinner Plate"> <img src="rasm 19.jpg" alt="Dinner Plate"> <img src="rasm 20.webp" alt="Dinner Plate"> </div> <div class="product"> <img src="rasm 21.jpg" alt="Coffee Cup"> <img src="rasm 22.jpg" alt="Dinner Plate"> <img src="rasm 23.jpg" alt="Dinner Plate"> <img src="rasm 24.jpg" alt="Dinner Plate"> </div> <p> koproq ma`lumot olishni istasangiz: </p> <a href="https://tovar.uz/uz/brands/brand?brand_id=445"> <br><button>Batafsil</button> </a> </section>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> ishlabchiqarish.html <!DOCTYPE html> <html lang="en"> <head> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" type="text/css" href="styles.css"> <link rel="stylesheet" href="./style.css"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <header> <h1>CHINNI ISHLAB CHIQARISH </h1> <nav> <ul> <li><a href="chinni.html"><i class="fa-solid fa-address-card"></i> Biz haqimizda </a></li> <li><a href="Mahsulotlarimiz.html"><i info"></i> Mahsulotlarimiz</a></li> class="fa-solid fa-circle- <li><a id="g" href="ishlabchiqarish.html"><i class="fa-brands facreative-commons-remix"></i> Ishlab chiqarish </a></li> <li><a href="Murojatuchun.html"><i dot"></i> Murojat uchun </a></li> </ul> class="fa-solid fa-location- </nav> </header> <section > <h2 id="create">Ishlab chiqarish :</h2>  <p>Chinni (chin soʻzidan) — suv, gaz va elektr oʻtkazmaydigan, oʻtga chidamli, jarangdor, asosan, oq rangli (yupqasi yorugʻlik oʻtkazadigan) mahsulot; keramikaning nafis turi. Maxsus tuproq (Chinni gili), kaolin, kvars, dala shpati va boshqa xom ashyolar aralashmasidan tayyorlanadi. Chinnidan roʻzgʻor buyumlari (choynak, piyola, kosa, likopchalar, laganlar), bezak buyumlari (guldon, haykalcha va boshqalar), meʼmorlik detallari, sanitariyagigiyena buyumlari ishlanadi, kislotalar taʼsiriga chidamli (ftorid kislotadan tashqari) boʻlganidan kimyo sanoatida, elektr utkazmasligi tufayli radiotexnika va elektrotexnikada foydalaniladi. </p> <p> Ishlab chiqarish jarayonidan lavhalar: </p> <div class="jarayon"> <img src="./jarayon 1.webp" alt=""> <img src="./jarayon 2.webp" alt=""> <img src="./jarayon 3.webp" alt=""> <img src="./jarayon 4.webp" alt=""> <img src="./jarayon 5.webp" alt=""> </div> <p> Ishlab chiqaruvchi uskunalar rasmlari: </p> <div class="uskuna"> <img src="./uskuna 1.jpg" alt=""> <img src="./uskuna 2.jpg" alt=""> <img src="./uskuna 3.jpg" alt=""> <img src="./uskuna4.jpg" alt=""> <img src="./uskuna 5.jpg" alt=""> </div> <p> Shu uskunalar yordamida biz yangi chinni idishlar,narsa buyumlarni yasashimiz mumkin. Bu uskunalardan hech qachon mutaxasislar komagisiz foydalanmang !!! </p> </section> <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> Murojatuchun.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="./style.css"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <header> <h1>CHINNI ISHLAB CHIQARISH </h1> <nav> <ul> <li><a href="chinni.html"><i class="fa-solid fa-address-card"></i> Biz haqimizda </a></li> <li><a href="Mahsulotlarimiz.html"><i class="fa-solid fa-circle-info"></i> Mahsulotlarimiz</a></li> <li><a href="ishlabchiqarish.html"><i class="fa-brands commons-remix"></i> Ishlab chiqarish </a></li> fa-creative- <li><a id="g" href="Murojatuchun.html"><i class="fa-solid fa-locationdot"></i> Murojat uchun </a></li> </ul> </nav> </header>  <section id="contact"> <h2>Murojat uchun :</h2> <p class="savol">Agar sizda biron bir savol yoki so'rov bo'lsa, biz bilan bog'laning:</p> <ul class=" murojat"> <li>Email:<i class="fa-solid bayotbekbahriddinov@gmail.com</li> fa-envelope"></i> <li>Phone:<a href=+998992340660><i class="fa-solid fa-phone"></i> +998 99 234 06 60</a></li> <li>Manzil:<a href="Namangan vil, Uychi tumani, Jiydakapa qishloq,Do’stlik kochasi 40 uy; "><i class="fa-solid fa-location-pin"></i> Buvayda</a></li> </li> <li>Telegram:<a href= https://t.me/Bayotbek ><i class="fa-brands fatelegram"></i> Mohinur </a></li> </li> <li>Instagram:<a href=" https://www.instagram.com/Bayotbek/"><i class="fa-brands fa-square-instagram"></i> Bahriddinov</a></li> </li> </ul> </section>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> Bu meni oxirgi sahifam . Umumiy style: body { font-family: Arial, sans-serif; margin: 0; padding: 0; } header { background-image:-moz-linear-gradient(); background-color: #908b8b; padding: 20px; justify-content: space-around; margin-bottom: 0px; } .product { margin-top: 0px; justify-content: space-around; background-color: rgb(245, 247, 247); width: 100px; height: 100px; padding: 20px;; } #contact { background-image: -webkit-gradient(200px); } #products { background-color: rgb(245, 247, 247); } h1 { margin:0px; padding: 10px; justify-content: space-around; position:calc(); text-shadow: 10px 20px 15px 20px; text-align: center; } #g { color: #e03232; border-radius: 5px; padding: 5px; align-items: center; justify-content: space-between; height: 40px; box-shadow: 0px 0px 5px 3px #CE5A67; } img { height: 400px; width:50%; border-radius: 15px; } a{ text-decoration: none; color: #e03232; transition: .5s; font-weight: bold; } a:hover{ cursor: pointer; transition: 0.5s ease; color: #e03232; font-size: 20px; } a:active{ font-size: 20px; color: #e03232; } nav ul { list-style-type: none; background-color: #4252bc3d; padding: 15px; margin: 0; border: #908b8b solid; } nav ul li { display: inline; margin-right: 10px; } .savol { text-shadow: #e03232; color: #000000; text-justify:inter-word; } nav ul li a { text-decoration: none; color: #333; } section { padding: 40px; } h2 { margin-top: 0; } .murojat { text-align: justify; text-shadow: 0cap; text-transform: none; text-decoration: none; color: rgb(18, 29, 75); } .murojat li { padding: 25px; } .product { display: inline-block; width: 200px; margin-right: 20px; position: static; } .product img { height: 200px; width: 200px; padding: 40px; image-rendering: optimizeQuality;; } .uskuna img { height: 200px; width: 200px; padding: 20px; image-rendering: optimizeQuality; } .jarayon img { height: 200px; width: 200px; padding: 20px; image-rendering: optimizeQuality; } .siz { border-radius: 20px; } .siz img { height: 200px; width: 200px; padding: 40px; image-rendering: optimizeQuality; } .biz img { height: 200px; width: 200px; padding: 40px; image-rendering: optimizeQuality; } footer { background-color: #333; color: #fff; padding: 10px; text-align: center; } 2. Bootstrap yordamida index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <P > <h2 class="bosh">CHINNI ISHLAB CHIQARISH</h2> </P>  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Asosiy</a> </li> <li class="nav-item"> <a class="nav-link active" href="ishlabchiqarish.html"><i class="fa-solid chiqarish</a> aria-current="page" fa-cart-plus"></i>Ishlab </li> <li class="nav-item"> <a class="nav-link" href="mahsulotlar.html"><i class="fa-solid facircle-info"></i>Mahsulotlarimiz</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="murojat.html"><i class="fa-solid fa-phone"></i>Murojat uchun</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn type="submit">Search</button> </form> </div> </div> </nav>   <section> btn-outline-success" <P class="rasm">Chinni rasmlar:</P> </section> <li class="O"> <li class="A"> <img src="n1.jpg" class="img-thumbnail" alt="..."> <img src="n2.jpeg" class="img-thumbnail" alt="..."> <img src="n3.jpg" class="img-thumbnail" alt="..."> <li class="A"> <img src="n4.webp" class="img-thumbnail" alt="..."> <img src="n5.jpg" class="img-thumbnail" alt="..."> <img src="n6.jpg" class="img-thumbnail" alt="..."> </li> <li class="A"> <img src="n7.webp" class="img-thumbnail" alt="..."> <img src="n8.jpg" class="img-thumbnail" alt="..."> <img src="n9.jpg" class="img-thumbnail" alt="..."> </li> </li> <P class="info"> Tarixi: <P class="B"> Insonlar kulolchilik bilan neolit davridan beri shugʻullanib keladi. Maxsus loyli buyumlar qoʻlda yasalgan, quritib olovda qizdirilgan. Kulolchilikda ishlatiladigan tuproq jahonning hamma yerlarida mavjudligi deyarli hamma </P> <p class="D"> 20-asrning 20-yillaridan kulollar mexnatini tashqil etishga eʼtibor berildi. Toshkentda tajriba kulollik, Samarqandda kulollik ustaxonalari ochildi, Toshkentda oʻquv ishlab chiqarish, badiiy kti ishga tushdi (1932), qisqa muddatli kurslar tashkil qilindi, kulollar tayyorlash, ularning malakalarini oshirish </p> </P>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> ishlabchiqarish.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <P > <h2 class="bosh">CHINNI ISHLAB CHIQARISH</h2> </P>  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Asosiy</a> </li> <li class="nav-item"> <a class="nav-link active" href="ishlabchiqarish.html"><i class="fa-solid chiqarish</a> aria-current="page" fa-cart-plus"></i>Ishlab </li> <li class="nav-item"> <a class="nav-link" href="mahsulotlar.html"><i class="fa-solid facircle-info"></i>Mahsulotlarimiz</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="murojat.html"><i class="fa-solid fa-phone"></i>Murojat uchun</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn type="submit">Search</button> btn-outline-success" </form> </div> </div> </nav>   <h2 id="create">Ishlab chiqarish :</h2> <p class="E">Chinni (chin soʻzidan) — suv, gaz va elektr oʻtkazmaydigan, oʻtga chidamli, jarangdor, asosan, oq rangli (yupqasi yorugʻlik oʻtkazadigan) mahsulot; keramikaning nafis turi. Maxsus tuproq (Chinni gili), kaolin, kvars, dala shpati va boshqa xom ashyolar aralashmasidan tayyorlanadi. Chinnidan roʻzgʻor buyumlari (choynak, piyola, kosa, likopchalar, laganlar), bezak buyumlari (guldon, haykalcha va boshqalar), meʼmorlik detallari, sanitariyagigiyena buyumlari ishlanadi, kislotalar taʼsiriga chidamli (ftorid kislotadan tashqari) boʻlganidan kimyo sanoatida, elektr utkazmasligi tufayli radiotexnika va elektrotexnikada foydalaniladi. </p> <p class="F"> Ishlab chiqarish jarayonidan lavhalar: </p> <div id="carouselExample" class="carousel slide"> <div class="carousel-inner"> <div class="carousel-item active"> <img src="ishlabchiqarish1.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="ishlabchiqarish2.jpg" class="d-block w-100" alt="..."> </div> <div class="carousel-item"> <img src="ishlabchiqarish3.jpg" class="d-block w-100" alt="..."> </div> </div> <button class="carousel-control-prev" target="#carouselExample" data-bs-slide="prev"> type="button" data-bs- <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="visually-hidden">Previous</span> </button> <button class="carousel-control-next" target="#carouselExample" data-bs-slide="next"> type="button" data-bs- <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="visually-hidden">Next</span> </button> </div>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> mahsulotlar.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <P > <h2 class="bosh">CHINNI ISHLAB CHIQARISH</h2> </P>  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Asosiy</a> </li> <li class="nav-item"> <a class="nav-link active" href="ishlabchiqarish.html"><i class="fa-solid chiqarish</a> aria-current="page" fa-cart-plus"></i>Ishlab </li> <li class="nav-item"> <a class="nav-link" href="mahsulotlar.html"><i class="fa-solid facircle-info"></i>Mahsulotlarimiz</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="murojat.html"><i class="fa-solid fa-phone"></i>Murojat uchun</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn type="submit">Search</button> </form> </div> </div> </nav>   <section> <P class="G"> btn-outline-success" Mahsulotlarimiz bilan tanishib chiqing: </P> </section> <li class="I"> <li class="H"> <img src="m1.jpg" class="img-thumbnail" alt="..."> <img src="m2.jpg" class="img-thumbnail" alt="..."> <img src="m3.jpg" class="img-thumbnail" alt="..."> <img src="m4.jpg" class="img-thumbnail" alt="..."> </li> <li class="H"> <img src="m5.jpg" class="img-thumbnail" alt="..."> <img src="m6.jpg" class="img-thumbnail" alt="..."> <img src="m7.jpg" class="img-thumbnail" alt="..."> <img src="m8.jpg" class="img-thumbnail" alt="..."> </li> <li class="H"> <img src="m9.jpg" class="img-thumbnail" alt="..."> <img src="m10.jpg" class="img-thumbnail" alt="..."> <img src="m11.jpg" class="img-thumbnail" alt="..."> <img src="m12.jpg" class="img-thumbnail" alt="..."> </li> <li class="H"> <img src="m13.webp" class="img-thumbnail" alt="..."> <img src="m14.jpg" class="img-thumbnail" alt="..."> <img src="m15.jpg" class="img-thumbnail" alt="..."> <img src="m16.jpg" class="img-thumbnail" alt="..."> </li>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> Murojat.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>CHINNI ISHLAB CHIQARISH</title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" > <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.4.2/css/all.min.css" integrity="sha512z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBre CFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> </head> <body> <P > <h2 class="bosh">CHINNI ISHLAB CHIQARISH</h2> </P>  <nav class="navbar navbar-expand-lg bg-body-tertiary"> <div class="container-fluid"> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="index.html"><i class="fa-solid fa-house"></i>Asosiy</a> </li> <li class="nav-item"> <a class="nav-link active" href="ishlabchiqarish.html"><i class="fa-solid chiqarish</a> aria-current="page" fa-cart-plus"></i>Ishlab </li> <li class="nav-item"> <a class="nav-link" href="mahsulotlar.html"><i class="fa-solid facircle-info"></i>Mahsulotlarimiz</a> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="murojat.html"><i class="fa-solid fa-phone"></i>Murojat uchun</a> </li> </ul> <form class="d-flex" role="search"> <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn type="submit">Search</button> </form> </div> </div> </nav>   <section id="contact"> <h2>Murojat uchun :</h2> btn-outline-success" <p class="savol">Agar sizda biron bir savol yoki so'rov bo'lsa, biz bilan bog'laning:</p> <ul class=" murojat"> <li>Email:<i class="fa-solid BahriddinoBayotbek@gmail.com</li> fa-envelope"></i> <li>Phone:<a href=+998992340660><i class="fa-solid fa-phone"></i> +998 99 234 06 60</a></li> <li>Manzil:<a href="Namangan vil, Uychi tumani, Jiydakapa qishloq,Do’stlik kochasi 40 uy; "><i class="fa-solid fa-location-pin"></i> Uychi</a></li> </li> <li>Telegram:<a href= https://t.me/Bayotbek ><i class="fa-brands fatelegram"></i> Bayotbek </a></li> </li> <li>Instagram:<a href=" https://www.instagram.com/Bayotbek/"><i class="fa-brands fa-square-instagram"></i> Bahriddinov</a></li> </li> </ul> </section>  <footer> <p>© BU Bayotbek Bahriddinov tomonidan ishlab chiqildi </p> </footer> </body> </html> Umumiy ishlatgan CSS kodim: .bosh{ text-align: center; padding: 10px; font-size: large ; } /* Navbar start */ .collapse{ border: 3px solid; background-color: bisque; } .navbar-nav{ } .d-flex{ margin-left: 40%; } /* Navbar end */ /* 1-qism start */ .rasm{ margin-left: 20px; color: blueviolet; } .img-thumbnail{ padding: 20px; margin-left: 20px; border: 1px solid; } .O{ list-style: none; } .A{ margin-left: 100px; padding: 20px; list-style: none; display: flex; height: 300px; width: 300px; column-gap: 150px; /* justify-content:space-around ; */ } .info{ padding: 20px; } .B{ padding: 20px; margin-top: 0px; } .D{ padding: 20px; } /* 1-qism start */ /* Ishlab chiqarish start */ #create{ padding: 20px; } .E{ padding: 20px; } .F{ padding: 20px; } .carouselExample{ padding: 20px; } .carouselExample{ /* padding: 20px; */ margin: 20px 20px 20px 20px; } /* Ishlab chiqarish end */ /* Mahsulotlar start */ .H{ list-style: none; width: 350px; height: 350px; display: flex; } .G{ padding: 20px; } .I{ display: flex; list-style: none; } /* Mahsulotlar end */ /* Murojat start */ .murojat li{ padding: 25px; } .savol{ padding: 25px; color: blue; } /* Murojat end */ footer { background-color: #333; color: #fff; padding: 10px; text-align: center; margin-top: 20px; } 3. JS kodlari  <div class="zor"> <h1 class="time"> <span class="hours">00</span> <span id="men">:</span> <span class="minutes">00</span> <span id="men">:</span> <span class="seconds">00</span> <br> <span class="date">25</span> <span>/</span> <span class="month">Nov</span> <span>/</span> <span class="year">2023</span> </h1>  <div class="k"> <p id="demo"></p> </div>  </div>   <button id="qora" onclick="toggleMode()">Meni bosing</button>   <button id="close" onclick="toggleMode2()">Yoqaman</button>  CSS: /* sana bowlandi */ .time { background-color: aqua; font-size: 20px; color: red; text-shadow: 1px 3px 20px; margin-bottom: 0px; margin-right: 30px; } #men{ animation: men 1s linear infinite; } @keyframes men { 100% { color:rgb(227, 16, 16); } 50% { color: black; } } .k{ background-color: aqua; font-size: 20px; color: red; text-shadow: 1px 3px 20px; margin-bottom: 0px; margin-left: 30px; } .zor{ display: flex; justify-content: center; background-color: aqua ; padding: 15px; } /* sana tugadi */ /* dark mode start */ body { transition: background-color 0.5s; } .qorarejm { background-color: #333; color: #fff; } .oqrejm { background-color: #fff; color: #333; } #qora{ padding: 2px; /* margin: 1px 1px 1px 1px; */ margin-top: 5px; border-radius: 5px; background-color: red; } /* dark mode end */ /* block start */ .block{ display: none; } .inline{ display: block; } #close{ color: gold; background-color: blue; } /* block end */ 4. PHP va MySQL Index.php <?php include("db_conn.php"); ?> <!doctype html> <html lang="en" data-bs-theme="auto"> <head><script src="assets/js/color-modes.js"></script> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors"> <meta name="generator" content="Hugo 0.118.2"> <title>Admin Panel</title> <link href="https://getbootstrap.com/docs/5.3/examples/sidebars/"> rel="canonical" <link href="assets/dist/css/bootstrap.min.css" rel="stylesheet">  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.5.1/css/all.min.css" integrity="sha512DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c 9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> .bd-placeholder-img { font-size: 1.125rem; text-anchor: middle; -webkit-user-select: none; -moz-user-select: none; user-select: none; } @media (min-width: 768px) { .bd-placeholder-img-lg { font-size: 3.5rem; } } .b-example-divider { width: 100%; height: 3rem; background-color: rgba(0, 0, 0, .1); border: solid rgba(0, 0, 0, .15); border-width: 1px 0; box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15); } .b-example-vr { flex-shrink: 0; width: 1.5rem; height: 100vh; } .bi { vertical-align: -.125em; fill: currentColor; } .nav-scroller { position: relative; z-index: 2; height: 2.75rem; overflow-y: hidden; } .nav-scroller .nav { display: flex; flex-wrap: nowrap; padding-bottom: 1rem; margin-top: -1px; overflow-x: auto; text-align: center; white-space: nowrap; -webkit-overflow-scrolling: touch; } .btn-bd-primary { --bd-violet-bg: #712cf9; --bd-violet-rgb: 112.520718, 44.062154, 249.437846; --bs-btn-font-weight: 600; --bs-btn-color: var(--bs-white); --bs-btn-bg: var(--bd-violet-bg); --bs-btn-border-color: var(--bd-violet-bg); --bs-btn-hover-color: var(--bs-white); --bs-btn-hover-bg: #6528e0; --bs-btn-hover-border-color: #6528e0; --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb); --bs-btn-active-color: var(--bs-btn-hover-color); --bs-btn-active-bg: #5a23c8; --bs-btn-active-border-color: #5a23c8; } .bd-mode-toggle { z-index: 1500; } .bd-mode-toggle .dropdown-menu .active .bi { display: block !important; } </style>  <link href="sidebars.css" rel="stylesheet"> </head> <body> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="check2" viewBox="0 0 16 16"> <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.53.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/> </symbol> <symbol id="circle-half" viewBox="0 0 16 16"> <path d="M8 15A7 7 0 1 0 8 1v14zm0 1A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/> </symbol> <symbol id="moon-stars-fill" viewBox="0 0 16 16"> <path d="M6 .278a.768.768 0 0 1 .08.858 7.208 7.208 0 0 0-.878 3.46c0 4.021 3.278 7.277 7.318 7.277.527 0 1.04-.055 1.533-.16a.787.787 0 0 1 .81.316.733.733 0 0 1-.031.893A8.349 8.349 0 0 1 8.344 16C3.734 16 0 12.286 0 7.71 0 4.266 2.114 1.312 5.124.06A.752.752 0 0 1 6 .278z"/> <path d=" 732l.774.258a.145.145 0 0 1 0 .274l-.774.258a1.156 1.156 0 0 0.732.732l-.258.774a.145.145 0 0 1-.274 0l-.258-.774a1.156 1.156 0 0 0-.732.732l-.774-.258a.145.145 0 0 1 0-.274l.774-.258c.346-.115.617-.386.732.732L13.863.1z"/> </symbol> <symbol id="sun-fill" viewBox="0 0 16 16"> <path d="M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8- 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z"/> </symbol> </svg> <svg xmlns="http://www.w3.org/2000/svg" class="d-none"> <symbol id="bootstrap" viewBox="0 0 118 94"> <title>Admin panel</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M24.509 0c-6.733 011.715 5.893-11.492 12.284.214 6.14-.064 14.092-2.066 20.577C8.943 39.365 5.547 43. c7.167 0 10.964-2.876 10.964-8.281 0-5.406-3.903-8.178-11.4258.178H49.948z"></path> </symbol> <symbol id="home" viewBox="0 0 16 16"> <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0.5.5v4H2.5z"/> </symbol> <symbol id="speedometer2" viewBox="0 0 16 16"> <path d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029.518z"/> <path fill-rule="evenodd" d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.9111.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"/> </symbol> <symbol id="table" viewBox="0 0 16 16"> <path d="M0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 12-2V2zm15 2h-4v3h4V4zm0 4h-4v3h4V8zm0 4h-4v3h3a1 1 0 0 0 1-1v-2zm-5 3v-3H6v3h4zm-5 0v-3H1v2a1 1 0 0 0 1 1h3zm-4-4h4V8H1v3zm04h4V4H1v3zm5-3v3h4V4H6zm4 4H6v3h4V8z"/> </symbol> <symbol id="people-circle" viewBox="0 0 16 16"> <path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z"/> <path fill-rule="evenodd" d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z"/> </symbol> <symbol id="grid" viewBox="0 0 16 16"> <path d="M1 2.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z"/> </symbol> </svg> <main class="d-flex flex-nowrap"> <h1 class="visually-hidden">Admin Panel</h1> <div class="d-flex flex-column flex-shrink-0 p-3 text-bg-dark" style="width: 280px;"> <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto textwhite text-decoration-none">  width="40" height="32"><use <span class="fs-4">Admin Panel</span> </a> <hr> <ul class="nav nav-pills flex-column mb-auto"> <li class="nav-item"> <a href="index.php" class="nav-link active" aria-current="page"> <svg class="bi pe-none xlink:href="#home"/></svg> me-2" width="16" height="16"><use Asosiy </a> </li> <li> <a href="add-new.php" class="nav-link text-white"> <svg class="bi pe-none me-2" xlink:href="#speedometer2"/></svg> width="16" height="16"><use width="16" height="16"><use width="16" height="16"><use Yangiliklar </a> </li>   </div> <div class="b-example-divider b-example-vr"></div> <div class="yangiliklar" style="width: 100%;overflow-y: auto;"> <h2 style="text-align: center;">Sayt Yangiliklari</h2> <div class="container"> <?php if(isset($_GET["msg"])) { $msg = $_GET["msg"]; echo'<div class="alert role="alert">'.$msg.' alert-warning alert-dismissible fade show" <button type="button" class="btn-close" data-bs-dismiss="alert" arialabel="Close"></button> </div>'; } ?> <a href="add-new.php" class="btn btn-dark mb-3">Yangilik qo'shish</a> <table class="table"> <thead> <tr> <th scope="col">N</th> <th scope="col">Sarlavha</th> <th scope="col">Anotatsiya</th> <th scope="col">Sana</th> <th scope="col">Amallar</th> </tr> </thead> <tbody> <?php $sql = "SELECT * FROM `yangiliklar`"; $result = mysqli_query($conn, $sql); while ( $row = mysqli_fetch_assoc($result)){ ?> <tr> <th scope="row"><?php echo $row["id"]; ?></th> <td><?php echo $row["sarlavha"]; ?></td> <td><?php echo $row["anotatsiya"]; ?></td> <td><?php echo $row["sana"]; ?></td> <td> <a href="edit.php?id=<?php echo $row["id"]; ?>" class="link-dark"><i class="fa-solid fa-pen"></i></a> <a href="delete.php?id=<?php echo $row["id"]; ?>" class="link-dark"><i class="fa-solid fa-trash"></i></a> </td> </tr> <?php } ?> </tbody> </table> </div> </div> </main> <script src="assets/dist/js/bootstrap.bundle.min.js"></script> <script src="sidebars.js"></script></body> </html> Html_tozalash.php <?php function html_tozalash($str) { return htmlspecialchars($str, ENT_QUOTES); }

Chinni Idish Veb-sayti Loyiha Rejasi

Add this document to collection(s)

Add this document to saved

Suggest us how to improve StudyLib