Toshkent Axborot Texnologiyalari universiteti Komputer injiniringi fakulteti

Toshkent Axborot Texnologiyalari universiteti
Komputer injiniringi fakulteti
(211-20) gruh talabasi
Karimova Gavharning
Web dasturlash fanidan bajargan
1-labaratoriya topshirig’i


Ma’lumot:
Online kitob sotib olish imkoniyatiga ega bo’lgan (masofaviy xarid) va turli yoshdagi insonlar uchun mo’ljallangan sayt hisoblanadi.Bundan tashqari saytda turli xil aksiyalar va o’zbek adabiyotlaridan tashqari jahon adabiyotiga mansub turli mavzudagi kitoblarni sotib olish imkonini beradi.
Sayt nomi (domen): Lifebooks
Favicon:


LifeBook

Logotip:


Sahifalar tavsifi
Bosh sahifa
Sahifa tarkibi:
• Sahifa sarlavhasi
• Bosh
sahifa
• Kitoblar
Aksiyalar
Sarlavha;__Rasm;__Matn_tavsifi._•_Katalog__*'>* N tasvirlar slayder:
Sarlavha;
 Rasm;
 Matn tavsifi.
• Katalog
* Sarlavha;
* Subtitr;
bir qatorda 4 ta karta, 1 qatorda:
 Saytning korporativ identifikatori elementi (rasm);
Sarlavha;
 Subtitr;
 "Tafsilotlar" tugmasi, uni bosganingizda, o'sha brauzer yorlig'idagi tegishli sahifaga o'tasiz
• Loyiha haqida
* 1 qatorda 5 ta element, 2 qatorda:
 korporativ identifikatsiya elementi (rasm);
Sarlavha;
 Matn tavsifi.
• Fotoalbom
* 3 element:
 Albom muqovasi
 Sarlavha
• Lightboxda ochiladigan rasmlar galereyasi
* Rasm;
* "o'ng", "chap" navigatsiya tugmalari;
* "Xoch" tugmasi - yorug'lik qutisini yoping

Asosiy stsenariy:
Foydalanuvchi maydonlarni to'ldiradi, "yuborish" tugmasini bosadi. Xuddi shu blokdagi "yuborish" tugmasini bosgandan so'ng, "Rahmat, arizangiz yuborildi!" Yozuvi bilan muvaffaqiyatli bronlash oynasi paydo bo'ladi. Biz siz bilan bog'lanamiz va barcha savollaringizga javob beramiz".
Joylashtirish talablari
1. Veb-sayt sahifalarining joylashuvi to'g'ri ko'rsatilishi kerak (vizual va texnik xatolarsiz) va quyidagi brauzerlarda o'zaro faoliyat brauzerga mos bo'lishi kerak:
• Mozilla Firefox 45+ versiyasi;
• Microsoft Internet Explorer 10+ versiyasi;
• Microsoft Edge 25.10586+ versiyasi;
• Google Chrome 49+ versiyasi;
• Apple Safari 8+ versiyasi
Windows va Mac OS operatsion tizimlarida, grafikasi foydalanuvchi ekranining kengligi 1280 yoki undan yuqori piksellar sonida yoqilgan. Ekranning kengligi tartib bilan aniqlanishi kerak.
2. Veb -sayt sahifalarining joylashuvi iOS 9+, Android 5+, Windows Phone 8.1+ operatsion tizimidagi mobil qurilmalarda to'g'ri (vizual va texnik xatolarsiz) ko'rsatilishi kerak.
3. Saytning tartibi tomonlar tasdiqlagan dizaynga mos kelishi kerak.

Qidiruv tizimini targ'ib qilish nuqtai nazaridan veb -saytlarni ishlab chiqishga qo'yiladigan talablar
Umumiy
• Sayt mobil qurilmalarda ko'rish qulayligi uchun Yandex va Google qidiruv tizimlarining talablariga javob berishi kerak. Talablar https://developers.google.com/speed/docs/insights/mobile manzilida ko'rsatiladi.
Matn
• Matnni matn shaklida joylashtirish kerak (rasmlar emas). Matnga kirishga turli xil dizayn echimlari to'sqinlik qilmasligi maqsadga muvofiqdir - u darhol mavjud bo'lib, bosish / suring va hokazo orqali ochilmaydi. Matn java skriptlari bilan yashirilmasligi kerak.
• Saytdagi matn oson o'qilishi, formatlanishi va imlo xatolari bo'lmasligi kerak.
• Saytning barcha sahifalarida noyob matn bo'lishi kerak.
• Sahifa matni H1 yorlig'i bilan 1 ta sarlavhani o'z ichiga olishi kerak, unda ma'no ichida kalit so'zlar / iboralar bo'lishi kerak, matnda H2 yorlig'i bilan 2 ta sarlavha bo'lishi mumkin va ular kalit so'zlar / iboralarni ham o'z ichiga olishi kerak. Siz sahifadagi barcha matnlarni sarlavha tagiga qo'yolmaysiz.
• Sarlavhalar hech bo'lmaganda navigatsiyaga mos kelishi kerak.
Rasmlar
• Alt-atribut barcha rasmlar uchun ro'yxatdan o'tkazilishi kerak. Alt ma'lum bir sahifada targ'ib qilingan so'zlarni o'z ichiga olishi kerak. Alt atributiga 7 so'zdan ortiq kiritish mumkin emas. Rasmlarga kelsak, ular o'ziga xos bo'lishi kerak.
• Faqat mashhur tasvir kengaytmalaridan foydalanish kerak va rasmlar sifati yuqori tiniqlikda bo’lishi lozim (JPEG, GIF, PNG va BMP).
• Rasmni matnsiz alohida sahifa sifatida ochish mumkin, lekin faqat agar bu rasm standart sahifada bo'lsa va kattalashtirilgan holda alohida ochilsa.
Meta teglar
• Meta teglarni tahrir qilish va matn qo'shish imkoniyati bo'lishi kerak.
• Tag