Bu wikiHow sizga qanday qilib silliq, professional ko'rinishga ega veb-sayt yaratishni o'rgatadi. Saytingizning dizayni to'g'risida qaror qabul qilishda erkin bo'lsangiz -da, veb -sayt yaratishda ba'zi muhim narsalarni qilish va oldini olish kerak.
Qadam
2 -qismning 1 -qismi: Sayt dizaynini yaratish
Qadam 1. Agar veb -sayt yaratuvchisidan foydalanmoqchi bo'lsangiz, qaror qabul qiling
Veb -saytni noldan yaratish HTML kodini batafsil tushunishni talab qiladi, lekin siz Weebly, Wix, WordPress yoki Google Sites kabi bepul hosting xizmatidan foydalanib sayt yaratishingiz mumkin. Veb -sayt yaratuvchilari odatda HTML -ga qaraganda yangi dizaynerlar uchun osonroq.
- Agar siz o'zingizni kodlashga qaror qilsangiz, HTML va CSS kodlashni o'rganishingiz kerak.
- Agar siz o'z veb -saytingizni yaratishga vaqt va kuch sarflashni istamasangiz, veb -sayt dizaynerini yollashingiz mumkin. Dizaynerlarning mustaqil xizmatlari juda xilma -xil bo'lib, ularning ba'zilari soatiga, ba'zilari har bir loyihaga haq to'laydi, ularning umumiy diapazoni milliondan o'n millionlab rupiygacha.
2 -qadam. Sayt xaritasini yarating
Veb -sayt yaratuvchisini ochishdan oldin, siz saytda qancha sahifa borligini, har bir sahifada qanday tarkib borligini va "Uy" va "Haqida" kabi muhim sahifalarning umumiy tartibini aniqlab olishingiz kerak edi.
Saytingiz sahifalarini soyalar bilan emas, balki qo'pol tasvirlar yordamida tasavvur qilish osonroq bo'ladi
Qadam 3. Intuitiv dizayndan foydalaning
Yangi g'oyalar odatda qiziqarli bo'lsa -da, asosiy dizaynlar quyidagi umumiy ko'rsatmalarga muvofiq bo'lishi kerak:
- Navigatsiya imkoniyatlari (masalan, turli sahifalar uchun bir nechta yorliqlar) sahifaning yuqori qismiga joylashtirilishi kerak.
- Agar siz menyu belgisini (☰) ishlatayotgan bo'lsangiz, u sahifaning chap yuqori burchagida bo'lishi kerak.
- Agar siz qidiruv panelidan foydalansangiz, uni sahifaning o'ng yuqori qismiga yaqin joylashtiring.
- Foydali havolalar (masalan, "Haqida" yoki "Biz bilan bog'lanish" sahifalariga havolalar) sahifaning pastki qismida bo'lishi kerak.
Qadam 4. Muvofiq bo'ling
Siz tanlagan matn, rang palitrasi, tasvir mavzusi va dizaynidan qat'i nazar, saytingiz bo'ylab bir xil qarorlarni qabul qilganingizga ishonch hosil qiling. Foydalanuvchilar "Haqida" sahifasidagi shrift va rang sxemasi bosh sahifa uchun ishlatilganidan juda farq qilishini ko'rib hayron qoladilar.
- Masalan, agar siz bosh sahifangiz uchun yumshoq rangdan foydalansangiz, keyingi sahifada yorqin rangni ishlatmang.
- E'tibor bering, yorqin yoki to'qnashgan ranglardan foydalanish, ayniqsa dinamik ravishda ko'rsatiladigan (yoki harakatlanuvchi) ranglar, ozchilik foydalanuvchilarda tutqanoq yoki epileptik tutilishni keltirib chiqarishi mumkin. Agar siz bunday rangni ishlatishga qaror qilsangiz, ushbu sahifadan oldin "tutilish xavfi" haqida ogohlantirish kiritganingizga ishonch hosil qiling.
Qadam 5. Navigatsiya imkoniyatlarini qo'shing
Asosiy sahifaning ustidagi muhim sahifalarga to'g'ridan -to'g'ri havolalarni joylashtirish ular uchun muhim bo'lgan tarkibga yangi tashrif buyuruvchilarga yordam beradi. Veb -sayt yaratuvchilarining ko'pchiligi ushbu havolani sukut bo'yicha qo'shadilar.
Saytning barcha sahifalariga faqat sahifa manzili orqali kirishni emas, balki sayt ichidagi variantni bosish orqali kirishni ta'minlash muhim
Qadam 6. Mos ranglardan foydalaning
Dizaynning barcha turlari singari, veb -sayt dizayni ham yoqimli rang kombinatsiyalariga tayanadi. Shuning uchun, mos keladigan rangni tanlash juda muhimdir.
Agar siz adashgan bo'lsangiz, qora, oq va kulrangdan boshlang
Qadam 7. Minimalist dizaynni ko'rib chiqing
Minimalist kontseptsiya sovuq ohanglar, oddiy grafikalar, oq fonda qora matnli sahifalar va iloji boricha kamroq bezaklardan foydalanishni rag'batlantiradi. Minimalist dizayn juda kam elementlarni talab qilganligi sababli, saytingizni juda ko'p harakat qilmasdan, professional va jozibali qilib ko'rsatishning oson varianti.
- Veb -sayt yaratuvchilarining ko'pchiligi "minimalist" mavzuni taqdim etadi, uni siz veb -sayt yaratishda tanlashingiz mumkin.
- Minimalist alternativa - "shafqatsizlik" bo'lib, unda qattiqroq so'zlar, yorqin ranglar, qalin matn va minimal grafikalar ishlatiladi. Minimalistlarga qaraganda shafqatsiz dizayndan foydalanuvchilar ancha kam, lekin agar mazmuni to'g'ri bo'lsa, bu dizayn yaxshi tanlov bo'lishi mumkin.
Qadam 8. Noyob variantlarni qo'llang
Tarmoqli va to'g'ri chiziqli elementlar xavfsiz tanlovdir, lekin ba'zi o'ziga xos uslublar sizning shaxsiy ko'rinishingizni qo'shadi va saytingizni boshqalardan ajratib turadi.
- Qatlamli ko'rinish yaratish uchun saytning assimetrik elementlarini joylashtirish yoki to'plangan elementlardan foydalanish tendentsiyani buzishdan qo'rqmang.
- Garchi oqlangan, o'tkir qirrali kvadrat elementlar (kartaga asoslangan taqdimot deb nomlansa) yumshoq, yumaloq elementlarga qaraganda kamroq istalgan.
2 dan 2 qism: Sayt ishini maksimal darajada oshirish
Qadam 1. Avtomobilni optimallashtirish variantlaridan foydalaning
Mobil brauzerlar ish stoliga qaraganda ko'proq trafik keltiradi. Bu shuni anglatadiki, siz mobil versiyaga bo'lgan e'tiboringiz hech bo'lmaganda ish stoli saytlarini ishlab chiqish bilan bir xil bo'lishi kerak. Aksariyat avtoulov veb-saytlari allaqachon avtomobil versiyasini yaratgan, ammo mobil saytlar uchun quyidagi ma'lumotlarni yodda saqlang:
- Tugmalar (masalan, sayt havolalari) katta va tegish oson ekanligiga ishonch hosil qiling.
- Mobil qurilmalarda ko'rinmaydigan xususiyatlardan saqlaning (masalan, Flash, Java va boshqalar).
- Saytingiz uchun avtomobil ilovasini yaratishni o'ylab ko'ring.
Qadam 2. Bir sahifaga juda ko'p rasm qo'shmang
Ba'zida ish stoli va mobil brauzerlar ko'plab fotosuratlar yoki videolarga ega sahifalarni yuklashda muammolarga duch kelishadi. Veb -dizaynda tasvirlar juda muhim bo'lsa -da, har bir sahifaga ko'p miqdordagi ommaviy axborot vositalari yuklanish vaqtini uzaytirishi mumkin va bu foydalanuvchilarni bu sahifalarga kirishdan to'xtatadi.
Umuman olganda, sahifani yuklash to'rt soniyadan kam davom etishi kerak
Qadam 3. "Kontakt" sahifasini qo'shing
Siz ko'pchilik saytlarda aloqa ma'lumotlarini (telefon raqami va elektron pochta manzili kabi) o'z ichiga olgan "Biz bilan bog'lanish" sahifasi mavjudligini payqashingiz mumkin. Darhaqiqat, ba'zi saytlar ushbu sahifada avtomatik so'rovnomani taqdim etadi. "Aloqa" sahifasi - bu tashrif buyuruvchilar va siz o'rtasidagi to'g'ridan -to'g'ri aloqa liniyasi, demak, bu tashrif buyuruvchining savoliga yoki umidsizligiga yechim bo'ladi.
Qadam 4. Maxsus 404 sahifa yarating
Mehmon yaratilmagan yoki mavjud bo'lmagan ma'lum bir sahifaga kelganida, "404 xato" sahifasi paydo bo'ladi. Ko'pgina brauzerlar 404-sonli ichki sahifani taqdim etadi, lekin siz uning ko'rinishini veb-sayt yaratuvchisi sozlamalari orqali sozlashingiz mumkin. Agar siz maxsus 404 sahifa yaratmoqchi bo'lsangiz, quyidagi ma'lumotlarni kiriting:
- Qiziqarli va kulgili xato xabarlar (masalan, "Tabriklaymiz, siz xato sahifasiga tushdingiz!")
- Bosh sahifaga qayta havola
- Odatda tashrif buyuruvchilar ko'radigan havolalar ro'yxati
- Sizning saytingiz tasviri yoki logotipi
Qadam 5. Iloji bo'lsa, qidiruv satriga kiriting
Agar siz foydalanayotgan veb -sayt yaratish uslubi qidiruv satrini qo'shishni qo'llab -quvvatlasa, uni qo'shishni maslahat beramiz. Bu foydalanuvchilarga navigatsiyaning barcha variantlarini bosmasdan kerakli sahifani yoki tarkibni topishini ta'minlaydi.
Qidiruv paneli, tashrif buyuruvchilar tasodifiy sahifalarga kirmasdan, umumiy atamalarni qidirmoqchi bo'lganda ham juda foydali bo'ladi
Qadam 6. Bosh sahifaga ko'proq e'tibor bering
Mehmonlar bosh sahifaga kirganda, ular saytingiz mavzusining mohiyatini bilib olishlari kerak edi. Bundan tashqari, bosh sahifaning barcha elementlari tez yuklanishi kerak, shu jumladan navigatsiya variantlari va rasmlar. Bosh sahifada shuningdek quyidagi jihatlar bo'lishi kerak:
- Harakatga chaqiruv (masalan, bosish tugmasi yoki to'ldirish uchun shakl)
- Asboblar paneli yoki navigatsiya menyusi
- Taklif etilgan grafikalar (masalan, qattiq rasm, video yoki qo'shimcha matnli bir nechta fotosuratlar)
- Saytingizning xizmati, mavzusi yoki diqqat markaziga tegishli kalit so'zlar
Qadam 7. Saytingizni turli xil brauzer va platformalarda sinab ko'ring
Bu juda muhim, chunki brauzerlar veb -saytning turli tomonlarini qayta ishlaydilar. Saytingizni targ'ib qilishdan oldin, Windows, Mac, iPhone va Android platformalarida quyidagi brauzerlarda saytingizni ochishga va ishlatishga harakat qiling:
- Gugl xrom
- Firefox
- Safari (faqat iPhone va Mac)
- Microsoft Edge va Internet Explorer (faqat Windows)
- Ba'zi Android telefonlarining standart brauzeri (Samsung Galaxy, Google Nexus va boshqalar)
Qadam 8. Saytni yangilab turing
Dizayn yo'nalishlari, havolalar, fotosuratlar, tushunchalar va kalit so'zlar doimo o'zgarib turadi. Shunday qilib, siz ham zamon bilan hamnafas bo'lish uchun doimo o'zgarishlarni amalga oshirishingiz kerak. Siz saytingizning ishlashini tekshirishingiz va shunga o'xshash saytlar bilan kamida uch oyda bir marta solishtirishingiz kerak (yaxshisi tez -tez).
Maslahatlar
- Veb -saytlarni ishlab chiqishda ham qulaylik muhim jihatdir. Maxsus imkoniyatlarga eshitish qobiliyati cheklangan mehmonlar uchun tavsiflar, ko'rish nogironligi bo'lgan mehmonlar uchun audio tavsiflar va agar sizning saytingiz tutqanoqqa olib kelishi mumkin bo'lgan effektlardan foydalanilsa, fotosensitivlik haqida ogohlantirishlar kiradi.
- Veb -sayt yaratuvchilarining ko'pchiligi kerakli elementlarni qo'shishdan oldin ularning joylashuvi va dizaynini aniqlash uchun foydalanishingiz mumkin bo'lgan shablonlarni taqdim etadi.
Ogohlantirish
- Ko'pgina ijodkorlar saytlari bepul, lekin agar siz o'z domeningizdan foydalanmoqchi bo'lsangiz (masalan, "www.yourname.wordpress.com" o'rniga "www.yourname.com"), siz har oylik yoki yillik to'lovni to'lashingiz kerak bo'ladi.
- Plagiatdan saqlaning va mualliflik huquqining barcha qonunlarini o'rganing. Internetdan tasodifiy tasvirlarni yoki tarkibiy elementlarni ruxsatisiz kiritmang.
