II BOB."Birinchi raqamli " avtoservis korxonasi uchun veb-saytni ishlab chiqish

2.1 Saytning maketi va dasturiy ta'minotini ishlab chiqish

Saytni yaratishda uning maqsadi, keyingi texnik xizmat ko'rsatish va rivojlantirishning qulayligi hisobga olinadi. Sayt tashrif buyuruvchilar uchun yaratilgan va shuning uchun ular uchun badiiy jihatdan qulay bo'lishi kerak.
Elementlarning tarkibi va dizayni asosan saytning ko'rinishini belgilaydi. Texnik qismni ishlab chiqishdan oldin ham chizilgan bo'lishi mumkin. Bu grafik muharrir yordamida amalga oshiriladi, men Adobe Photoshop dasturidan foydalandim. Sayt sahifalari HTML, CSS va qisman JavaScript-da yozilgan skriptlar (skriptlar) yordamida yaratilgan. Veb-sayt dizayni va ta'minoti foydalanuvchi tajribasiga ta'sir qiluvchi eng muhim omillardan biridir. Veb-sayt maketi foydalanuvchilarning saytdan qanday foydalanishi va navigatsiya qilishini belgilaydi. Bundan tashqari, veb-sayt xizmatlari ta'minoti veb-saytning barcha funktsiyalarini bajarish uchun zarur bo'lgan texnologik infratuzilmani ta'minlaydi.
Veb-sayt maketi foydalanuvchilarga saytdan osongina foydalanishi uchun mo'ljallangan bo'lishi kerak. Veb-sayt maketi foydalanuvchilarga o'zlari qidirayotgan ma'lumotni osongina topish va sayt bo'ylab harakat qilish imkonini berishi kerak. Shuning uchun veb-sayt maketi foydalanuvchilarning ehtiyojlarini qondirish uchun qulay tarzda ishlab chiqilishi kerak.
Veb-sayt maketi dizaynning asosini tashkil qiladi. Dizayn qanday bo'lishini hal qilishdan oldin veb-saytning maketi aniqlanishi kerak. Maket veb-saytning turli sahifalari qanday bog'langanligini va saytning umumiy tartibini aniqlaydi. Maket veb-saytning ko'rinishi va hissiyotiga ham ta'sir qiladi.
Veb-saytning texnik ta'minoti veb-saytning barcha funktsiyalarini bajarish uchun zarur bo'lgan texnologik infratuzilmani ta'minlaydi. “Dasturiy taʼminot” veb-saytning foydalanuvchilar tomonidan ochiq va foydalanishi mumkin boʻlishini taʼminlaydi. Shu sababli, ta'minot veb-saytning qulayligi va ishonchliligini oshirish uchun to'g'ri ishlab chiqilishi kerak.
Veb-saytning texnik ta'minoti veb-sayt ishlashi uchun zarur bo'lgan barcha dasturiy ta'minot va apparat komponentlarini o'z ichiga oladi. Ushbu komponentlarga serverlar, ma'lumotlar bazalari, veb-ilovalar serverlari, dasturlash tillari, CMS (kontentni boshqarish tizimi) va boshqa dasturlar kiradi. Dasturiy ta'minot veb-saytdan foydalanuvchilar tomonidan oson foydalanishi uchun ushbu komponentlarning to'g'ri birlashtirilganligini ta'minlaydi.
Veb-sayt xavfsizligini ta'minlash uchun veb-saytning ta'minlanishi ham muhimdir. Veb-saytning xavfsizlik ta'minoti veb-saytning zararli hujumlardan himoyalanganligini ta'minlash uchun zarur xavfsizlik choralarini o'z ichiga olishi kerak. Bu choralarga SSL sertifikatlari, maʼlumotlarni shifrlash va boshqa xavfsizlik choralari kiradi.
Natijada, veb-saytning maketi va dasturiy ta'minoti veb-saytning foydalanuvchi tajribasiga ta'sir qiluvchi eng muhim omillardan biridir. Veb-sayt maketi foydalanuvchilarga saytdan osongina foydalanishi uchun qulay tarzda ishlab chiqilishi kerak. Dasturiy ta'minot veb-saytning barcha funktsiyalarini bajarish uchun zarur bo'lgan texnologik infratuzilmani taqdim etadi. Bundan tashqari, ta'minot veb-sayt xavfsizligini ta'minlashda ham muhimdir. Veb-sayt dizayni va ta'minoti veb-sayt muvaffaqiyati uchun juda muhimdir.
Bosh sahifani yaratish uchun men Notepad++ matn muharriridan (koʻp sonli dasturlash va belgilash tillari uchun sintaksis taʼkidlangan Windows uchun bepul va ochiq manba matn muharriri) va dasturiy taʼminotdagi veb-brauzerdan foydalandim.
Asosiy sahifa uchun kod home.html faylida saqlanadi. Asosiy elementlarning (uslublarning) joylashuvi va dizayni style.css faylida tasvirlangan.
Shuningdek, ushbu ishda Bootstrap va JQuery elementlari qo'llaniladi. Skriptlar veb-sahifani brauzer tomonidan yuklash jarayonini sekinlashtirmasligi uchun ular asosiy elementning oxirida, pastki kolontiter bo'limidan keyin yoziladi.
Amaldagi barcha elementlar ulanganda va uslublar tavsiflanganda saytning har bir sahifasi uchun kod yoziladi.
Saytning butun tuzilishini va alohida elementlarning ro'yxatini ko'rib chiqing. Avval ko'rsatilganidek, veb-saytning asosiy sahifasi yaratiladi
"Birinchi raqam" avtoservisi saytining bosh sahifasi.Ushbu sahifada avtoservisning ishi, joriy aktsiyalar haqida umumiy ma'lumotlar mavjud va ishning asosiy yo'nalishlari ko'rsatilgan
Ushbu sahifada ishlatiladigan birinchi JavaScript elementi "JS Slideshow Carousel" dir. Ushbu karusel ikkita rasmni o'z ichiga oladi - davom etayotgan aksiyalar haqida ma'lumot. Sayt tuzilishining ishlab chiqilgan tartibiga ko'ra menyu quyidagi bo'limlarni o'z ichiga oladi:

asosiy;
biz haqimizda;
xizmatlar;
teskari aloqa;
Kontaktlar.

Har qanday bo'limga o'tishda foydalanuvchi nomga mos keladigan ma'lumotlarga ega bo'lgan sahifaga o'tadi. Menyuning "Uy" bandini yoki sayt "sarlavhasi" chap tomonida joylashgan tugmani bosganingizda, foydalanuvchi saytning asosiy sahifasiga qaytadi.
Sayt menyusidagi "Biz haqimizda" tugmasini bosganingizda, foydalanuvchi oladi. Veb-sayt dizayni foydalanuvchilarning veb-sayt bilan ishlash tajribasiga ta'sir qiladi. Foydalanuvchilar veb-saytda navigatsiya qilishda qanchalik qulay va oson bo'lishi, ular qidirayotgan ma'lumotni qanchalik tez va aniq topa olishlari veb-sayt dizayniga bog'liq. Veb-sayt dizayni foydalanuvchilarga vizual jihatdan jozibali tajribani taqdim etish uchun mo'ljallangan bo'lishi kerak, shuningdek, foydalanuvchilarning veb-sayt bilan o'zaro aloqasini osonlashtirishi kerak.
Veb-saytning texnologik ta'minoti veb-saytning texnologik infratuzilmasini ta'minlaydi. Bu veb-sayt xavfsizligi, tezligi va ishonchliligiga ta'sir qiluvchi muhim omil. Veb-sayt ta'minotu veb-sayt ishlashiga ta'sir qiluvchi barcha omillarni o'z ichiga oladi. Bu omillarga server sig'imi, ma'lumotlar bazasining ishlashi, veb-ilova serverlari va dasturlash tillari kiradi.
Veb-sayt dizayni va ta'minoti bir-biri bilan chambarchas bog'liq va foydalanuvchilarga ajoyib tajribani taqdim etish uchun birgalikda ishlaydi. Veb-sayt dizayni foydalanuvchilarning veb-sayt bilan ishlash tajribasini shakllantirsa, ta'minotu veb-saytning texnik infratuzilmasini ta'minlash orqali veb-saytning ishlashi va ishonchliligini oshiradi.
Veb-sayt dizayni va veb-sayt ta'minoti foydalanuvchilar tomonidan oson foydalanilishini va veb-sayt egasi o'z biznesini muvaffaqiyatli olib borishini ta'minlaydi. Foydalanuvchilar veb-saytdan osongina foydalana olsalar, ular veb-saytda uzoqroq qolishadi va veb-sayt egasining maqsadlariga ko'proq mos keladi. Bundan tashqari, veb-sayt dizayni va ta'minoti veb-saytning sahifa yuklash vaqtini qisqartiradi, bu esa foydalanuvchilarga veb-saytga tezroq kirish imkonini beradi.
Natijada, veb-sayt dizayni va ta'minoti veb-sayt muvaffaqiyati uchun juda muhimdir. Veb-sayt egalari veb-sayt dizayni bo'yicha mutaxassislar jamoasi yordamida foydalanuvchilarga qulay, tez, xavfsiz va ishonchli veb-sayt yaratishi va ta'minoti mumkin.
"Birinchi raqam" avtoservisi haqidagi ma'lumotlarni o'z ichiga olgan sahifaga Ta'kidlash joizki, tasvirlar uchun ushbu bo'limda dinamik JavaScript elementi "Rasm ustiga sichqonchani ko'tarishda kattalashtirish" ishlatiladi. Ushbu sahifa uchun qo'shimcha uslub tasvirlangan.
"Xizmatlar" bo'limiga o'tishda foydalanuvchi sahifaga o'tadi tegishli ma'lumotlar bilan.
Har bir xizmat turi o'z ma'lumot sahifasini o'z ichiga oladi.Masalan, "Avtomobil diagnostikasi" yorlig'ini ko'rib chiqing. Xizmat nomini bosish orqali foydalanuvchi tegishli sahifaga o'tadi.
Ushbu sahifada JavaScript elementi - "Akordeon menyusi" ishlatiladi. Menyuning kerakli bandini bosganingizda ma'lumotlarning yashirin qismi ko'rsatiladi.
Sahifalar "Shinalar va g'ildiraklar", "Xizmat ko'rsatish", "Integrated Rpmont" va "Avtomobil yuvish" o'zlarining html-sahifalariga ega, ammo kontent bilan to'ldirilmagan (keyingi ish uchun asos).
"Fikr-mulohaza" bo'limining menyusida xabar yuborish shakli mavjud. Foydalanuvchi o'z ma'lumotlarini va o'z murojaatini belgilaydi va "Xabar yuborish" tugmasini bosish orqali xabar yuboradi.
Xabar matnini kiritish maydoni cheksiz raqamga ega belgilar, ya'ni. murojaat uzoq va mazmunli bo'lishi mumkin. "Kontaktlar" bo'limida aloqa ma'lumotlari, shuningdek, avtoservisning ijtimoiy tarmoqlariga havolalar mavjud.
Ijtimoiy tarmoqlarga havolalar tegishli piktogrammalarga giperhavolalar yordamida tashkil etiladi, ularda ham "maslahatlar" mavjud. "Instagram" belgisini bosish orqali foydalanuvchi ushbu ijtimoiy tarmoqdagi avtomobillarga xizmat ko'rsatish sahifasiga o'tadi.
Vkontakte belgisi xuddi shunday ishlaydi. Ushbu sahifada avtomobil xizmatiga yo'nalishlar xaritasi ham mavjud.Saytning batafsil ro'yxati ilovada keltirilgan.
Ushbu ish saytni to'ldirish uchun mijoz tomonidan taqdim etilgan ma'lumot materiallaridan, shuningdek, Adobe Photoshop grafik muharriri yordamida avtoservis saytiga moslashtirilgan Internetdagi rasmlardan foydalanadi.

Download 109,91 Kb.

1 2 3 4 5 6 7 8

Download 109,91 Kb.