Mavzu: O’zingiz yoqtirgan veb-sahifani yasash

MUSTAQIL ISHI

Mavzu: O’zingiz yoqtirgan veb-sahifani yasash

Veb-sahifa hisoboti

Bu veb-sahifa https://www.olx.uz/ veb-sahifasidan andoza olib tayyorlangan.


Eng avval hmtl ga css ni dizayn berish uchun link orqali bog’lab olamiz. Bu yerda css bilan birgalikda https://fontawesome.com/icons veb-sahifani ham bog’lab olingan, chunki bu veb-sahifada icon lar ham ishlatilgan. Biz icon larni yuklab olmasdan link orqali chqirib ishlatishimiz ham mumkin.

Keyin esa veb-sahifaning navbar qismi tayyorlangan. Navbar qismida icon lar va button dan foydalanilgan. Navbar qismini chiroyli ko’rinishi uchun button ga hover qo’shilgan :

Yani cursor ni buttonga olib borganimizda button o’zgaradi.
Keying qismida veb-sahifani qidiruv sohasi yasalgan:

Bunda har bir qismi alohida div lar ichida yasalgan. Bundagi buttonga ham yuqorida kabi hover berilgan.

Keying qismida OLX bo’limidagi xizmatlar qismi yasalgan:

Yani bundagi bo’limlar alohida yasalib keyin esa bularni orab turgan div ga : atributlar orqali bir qatorga 9ta elementni joylashtirish buyrug’I berilgan. Bundagi rasmlar ham yuklab olinmay linki joylashtilirgan.

Keying qismda e’lonlar bolimi yasalgan. Bunda ishimizni osonlashtirish maqsadida bitta e’lon yasalib uni 15 marta nusxalangan. Bu qismida ularni 1 qatorga 4tadan joylashtirish uchun : ishlatilgan. Bu yerda gap har bir e’lon orasini 20px dan ochish uchun ishlatilgan.

Keying qismida
Olx bilan biznes qismi yasalgan , bundagi buttonga ham hover berilgan.

Oxirida esa footer qismi tayyorlangan. Bunda a( yani linklar ) yordamida tayyorlangan.