Bu wikiHow sizə hamar, peşəkar görünüşlü bir veb sayt hazırlamağı öyrədir. Sitenizin dizaynına qərar verməkdə sərbəst olsanız da, bir veb sayt yaratarkən etməli olduğunuz və etməməli olduğunuz bəzi vacib şeylər var.
Addım
2 -dən 1 -ci hissə: Sayt Dizaynı Yaratmaq
Addım 1. Bir veb sayt yaradıcısından istifadə etmək istədiyinizə qərar verin
Sıfırdan bir veb sayt qurmaq üçün HTML kodu haqqında ətraflı məlumat lazımdır, ancaq Weebly, Wix, WordPress və ya Google Sites kimi pulsuz bir hosting xidmətindən istifadə edərək bir sayt yarada bilərsiniz. Veb sayt yaradıcıları təcrübəsiz dizaynerlər üçün HTML -dən daha asan olur.
- Özünüz kodlaşdırmaq qərarına gəlsəniz, HTML və CSS kodlamasını öyrənməlisiniz.
- Vaxtınızı və enerjinizi öz veb saytınızı yaratmaq üçün istəmirsinizsə, bir veb sayt dizayneri işə götürə bilərsiniz. Sərbəst dizayner xidmətləri, ümumi dəyəri milyonlarla on milyonlarla rupiah arasında dəyişən, bəziləri saatda, bəziləri isə hər bir layihədə ödənişlidir.
Addım 2. Sayt xəritəsi yaradın
Veb sayt yaradıcısını açmadan əvvəl, saytda neçə səhifə olduğunu, hər səhifədə hansı məzmunun olduğunu və "Ev" və "Haqqında" kimi vacib səhifələrin ümumi planını təyin etməlisiniz.
Yalnız kölgələr deyil, kobud şəkillər yaradaraq saytınızın səhifələrini görselleştirmeniz daha asan olacaq
Addım 3. İntuitiv bir dizayn istifadə edin
Yeni fikirlər ümumiyyətlə maraqlı olsa da, əsas dizaynlar bu ümumi qaydalara uyğun olmalıdır:
- Naviqasiya variantları (məsələn, fərqli səhifələr üçün birdən çox nişan) səhifənin yuxarısında yerləşdirilməlidir.
- Menyu simgesini (☰) istifadə edirsinizsə, səhifənin sol üst küncündə olmalıdır.
- Axtarış çubuğundan istifadə edirsinizsə, onu səhifənin sağ üst hissəsinə yaxın qoyun.
- Faydalı bağlantılar (məsələn, "Haqqında" və ya "Bizimlə Əlaqə" səhifələrinə bağlantılar) səhifənin altında olmalıdır.
Addım 4. Ardıcıl olun
Seçdiyiniz mətn, rəng palitrası, şəkil mövzusu və dizayndan asılı olmayaraq eyni qərarları saytınızda tətbiq etdiyinizə əmin olun. İstifadəçilər "Haqqında" səhifəsindəki yazı tipi və rəng sxeminin ana səhifə üçün istifadə ediləndən çox fərqli olduğunu görəndə təəccüblənəcəklər.
- Məsələn, ana səhifəniz üçün yumşaq bir rəng istifadə edirsinizsə, növbəti səhifədə parlaq rəng istifadə etməyin.
- Diqqət yetirin ki, parlaq və ya toqquşan rənglərin, xüsusən dinamik olaraq nümayiş olunan (və ya hərəkət edən) rənglərin istifadəsi, az sayda istifadəçidə nöbet və ya epileptik tutmalara səbəb ola bilər. Belə bir rəng istifadə etmək qərarına gəlsəniz, sözügedən səhifədən əvvəl "tutulma riski" xəbərdarlığını daxil etdiyinizə əmin olun.
Addım 5. Naviqasiya seçimləri əlavə edin
Əsas səhifənin üstündəki vacib səhifələrə birbaşa bağlantılar yerləşdirmək, yeni gələnlərin onlar üçün vacib olan məzmuna kömək etməsinə kömək edəcəkdir. Veb sayt yaradıcılarının çoxu bu linki standart olaraq əlavə edir.
Saytın bütün səhifələrinə yalnız səhifə ünvanı vasitəsi ilə daxil olmaq əvəzinə, saytdakı bir seçimi tıklayaraq əldə olunmasını təmin etmək vacibdir
Addım 6. Uyğun rənglərdən istifadə edin
Hər növ dizayn kimi veb sayt dizaynı da xoş rəng birləşmələrinə əsaslanır. Buna görə uyğun bir rəng seçilməsi çox vacibdir.
Qarışıqsınızsa, qara, ağ və bozdan başlayın
Addım 7. Minimalist bir dizayn düşünün
Minimalist konsepsiya sərin tonların, sadə qrafiklərin, ağ fonda qara mətn səhifələrinin və mümkün qədər az bəzəklərin istifadəsini təşviq edir. Minimalist bir dizayn çox az element tələb etdiyindən, çox səy göstərmədən saytınızı peşəkar və cəlbedici etmək asan bir seçimdir.
- Əksər veb sayt yaradıcıları veb sayt yaratarkən seçim edə biləcəyiniz "minimalist" bir mövzu təqdim edir.
- Minimalist alternativ daha sərt sözlərdən, parlaq rənglərdən, qalın mətndən və minimal qrafikadan istifadə edən "qəddarlıq" dır. Minimalistlərə nisbətən qəddar dizaynların istifadəçiləri çox azdır, lakin məzmun uyğun olarsa, bu dizayn yaxşı bir seçim ola bilər.
Addım 8. Unikal variantları tətbiq edin
Şəbəkə və düz xətt elementləri təhlükəsiz seçimdir, lakin bəzi bənzərsiz üslublar şəxsi toxunuş əlavə edəcək və saytınızı digərlərindən fərqləndirəcəkdir.
- Asimmetrik sayt elementləri yerləşdirməklə və ya qatlanmış bir görünüş yaratmaq üçün yığılmış elementlərdən istifadə edərək tendensiyanı pozmaqdan qorxmayın.
- Zərif, iti uclu kvadrat elementlər (kart əsaslı təqdimat kimi tanınır) yumşaq, yuvarlaq elementlərdən daha az arzuolunandır.
2 -ci hissə 2: Sayt performansını maksimuma çatdırmaq
Addım 1. Avtomobil optimallaşdırma seçimlərindən faydalanın
Mobil brauzerlər masa üstü brauzerlərdən daha çox trafik gətirir. Bu o deməkdir ki, mobil versiyaya verdiyiniz diqqət ən azından masa üstü saytın inkişafı ilə eyni olmalıdır. Əksər avtomatik yaradıcı veb saytlar artıq avtomobil versiyasını hazırlamışdır, lakin mobil saytlar üçün aşağıdakı məlumatları unutmayın:
- Düymələrin (məsələn, sayt bağlantılarının) böyük və vurmaq asan olduğundan əmin olun.
- Mobil cihazlarda görünməyən xüsusiyyətlərdən (məsələn, Flash, Java və s.) Çəkinin.
- Saytınız üçün bir avtomobil tətbiqi qurmağı düşünün.
Addım 2. Səhifəyə çox şəkil əlavə etməyin
Masaüstü və mobil brauzerlər bəzən çoxlu foto və ya video olan səhifələri yükləməkdə çətinlik çəkirlər. Veb dizaynında şəkillər çox əhəmiyyətli olsa da, hər səhifədə çox miqdarda media yükləmə müddətini uzada bilər və bu da istifadəçiləri həmin səhifələrə daxil olmaqdan çəkindirir.
Ümumiyyətlə, bir səhifə yüklənməsi dörd saniyədən az çəkməlidir
Addım 3. "Əlaqə" səhifəsi əlavə edin
Əksər saytların əlaqə məlumatlarını (telefon nömrəsi və e -poçt ünvanı kimi) ehtiva edən "Əlaqə" səhifəsi təqdim etdiyini görə bilərsiniz. Əslində, bəzi saytlar bu səhifədə avtomatik bir sorğu formu təqdim edir. "Əlaqə" səhifəsi, sayt ziyarətçiləri ilə sizin aranızda birbaşa ünsiyyət xəttidir, bu da ziyarətçinin sualına və ya məyusluğuna bir həll olduğunu göstərir.
Addım 4. Xüsusi 404 səhifə yaradın
Ziyarətçi yaradılmamış və ya mövcud olmayan xüsusi bir səhifəyə gəldikdə, "404 Xətası" səhifəsi görünəcək. Əksər brauzerlər 404 daxili bir səhifə təqdim edir, ancaq veb sayt yaradıcısı parametrlərindən görünüşünü fərdiləşdirə bilərsiniz. Xüsusi bir 404 səhifəsi yaratmaq istəyirsinizsə, aşağıdakı detalları daxil edin:
- Gülməli və əyləncəli səhv mesajları (məsələn, "Təbrik edirik, bir səhv səhifəsinə düşdünüz!")
- Ana səhifəyə qayıdın
- Ziyarətçilərin ümumiyyətlə gördükləri bağlantıların siyahısı
- Saytınızın şəkli və ya loqotipi
Addım 5. Mümkünsə axtarış çubuğuna daxil olun
İstifadə etdiyiniz veb sayt yaradıcısı metodu axtarış çubuğu əlavə etməyi dəstəkləyirsə, əlavə etməyi məsləhət görürük. Bu, istifadəçilərin bütün naviqasiya seçimlərini tıklamadan axtardıqları xüsusi səhifəni və ya məzmunu tapa bilmələrini təmin edir.
Axtarış çubuğu, ziyarətçilər təsadüfi səhifələrə toxunmadan ümumi terminləri axtarmaq istədikdə də çox faydalıdır
Addım 6. Ana səhifəyə daha çox diqqət yetirin
Ziyarətçilər ana səhifəyə daxil olduqda, saytınızın mövzusunun mahiyyətini bilməli idilər. Bundan əlavə, ana səhifənin bütün elementləri, naviqasiya variantları və şəkillər daxil olmaqla, tez yüklənməlidir. Ana səhifə də aşağıdakı aspektləri təmin etməlidir:
- Fəaliyyətə çağırış (məsələn, tıklamaq üçün bir düymə və ya doldurmaq üçün bir forma)
- Alət çubuğu və ya naviqasiya menyusu
- Dəvət qrafikası (möhkəm şəkil, video və ya tamamlayıcı mətni olan birdən çox şəkil kimi)
- Sitenizin xidmətinə, mövzusuna və ya diqqətinə aid açar sözlər
Addım 7. Saytınızı fərqli brauzerlərdə və platformalarda sınayın
Bu çox vacibdir, çünki brauzerlər veb saytın aspektlərini müxtəlif yollarla işlədirlər. Sitenizi tanıtmadan əvvəl, Windows, Mac, iPhone və Android platformalarında aşağıdakı brauzerlərdə saytınızı açmağa və istifadə etməyə çalışın:
- Google Chrome
- Firefox
- Safari (yalnız iPhone və Mac)
- Microsoft Edge və Internet Explorer (yalnız Windows)
- Bəzi Android telefonlarının standart brauzeri (Samsung Galaxy, Google Nexus və s.)
Addım 8. Saytı güncəlləşdirin
Dizayn meylləri, bağlantılar, fotoşəkillər, anlayışlar və açar sözlər daim dəyişir. Deməli, siz də zamanla ayaqlaşmaq üçün hər zaman dəyişiklik etməlisiniz. Sitenizin performansını yoxlamalı və ən azı üç ayda bir dəfə (tercihen daha çox) oxşar saytlarla müqayisə etməlisiniz.
İpuçları
- Əlçatanlıq veb sayt inkişafında eyni dərəcədə vacib bir cəhətdir. Əlçatımlılıq, eşitmə qüsurlu ziyarətçilərin təsvirləri, görmə qüsurlu ziyarətçilər üçün audio təsvirlər və sitenizin nöbet törədə biləcək təsirlər istifadə edərsə fotosensitivlik xəbərdarlıqlarını əhatə edir.
- Bir çox veb sayt yaradıcısı, istədiyiniz elementləri əlavə etməzdən əvvəl düzeni və dizaynı təyin etmək üçün istifadə edə biləcəyiniz şablonlar təqdim edir.
Xəbərdarlıq
- Yaradıcı saytların çoxu pulsuzdur, ancaq öz sahənizi (məsələn, "www.yourname.wordpress.com" yerinə "www.yourname.com" kimi) istifadə etmək istəyirsinizsə, aylıq və ya illik ödəniş ödəməlisiniz.
- Plagiatdan qaçın və bütün müəllif hüquqları qanunlarını öyrənin. İnternetdən təsadüfi şəkillər və ya icazəsiz struktur elementləri daxil etməyin.
