Bu wikiHow, peşəkar görünən və yaxşı işləyən bir veb sayt dizayn etməyi öyrədir. Veb saytınızın dizaynının böyük bir hissəsi nəticədə sizə aid olsa da, bir veb sayt yaratarkən etməli və çəkinməli olduğunuz bəzi vacib şeylər var.
Addımlar
2 -dən 1 -ci hissə: Veb saytınızı necə dizayn etmək olar
Addım 1. Bir veb sayt yaradıcısından istifadə etmək istəməyinizi müəyyənləşdirin
Sıfırdan yaradılan veb saytlar HTML kodlaşdırma haqqında kifayət qədər ətraflı məlumat tələb edir, ancaq Weebly, Wix, WordPress və ya Google Sites kimi pulsuz bir hosting xidmətindən istifadə edərək asanlıqla bir veb sayt yarada bilərsiniz. Veb sayt yaradıcıları, ilk dəfə dizaynerlər üçün HTML-dən daha asan istifadə edirlər.
- Öz veb saytınızı kodlaşdırmaq qərarına gəlsəniz, həm HTML, həm də CSS kodlamasını öyrənməlisiniz.
- Veb saytınızı yaratmaq üçün vaxt və enerji sərf etmək cəlbedici görünmürsə, saytınızı sizin üçün yaratmaq üçün bir veb sayt dizayneri də işə götürə bilərsiniz. Sərbəst dizaynerlər saatda 30 dollardan 100 dolların üstünə çıxa bilər.
Addım 2. Sitenizi xəritəyə salın
Bir veb sayt yaradıcısı açmadan əvvəl, veb saytınızın neçə səhifəyə sahib olmasını istədiyinizi, bu səhifələrin hər birindəki məzmunun nə olduğunu və ana səhifə və "Haqqında" kimi vacib səhifələrin ümumi planını bilməlisiniz. səhifə.
Hansı məzmunun görünəcəyini təyin etməkdənsə, hər birinin kobud şəkillərini çəksəniz, veb saytınızın səhifələrini təsəvvür etmək daha asan ola bilər
Addım 3. İntuitiv dizayndan istifadə edin
Təzə fikirlər üçün söyləniləcək bir şey olsa da, veb saytınızın əsas dizaynı aşağıdakılar kimi müəyyən edilmiş qaydalara uyğun olmalıdır:
- Naviqasiya seçimləri (məsələn, fərqli səhifələr üçün nişanlar) səhifənin yuxarısında olmalıdır.
- Bir menyu simgesini (☰) istifadə edirsinizsə, səhifənin sol üst küncündə olmalıdır.
- Bir axtarış çubuğundan istifadə edirsinizsə, səhifənin sağ üst tərəfinə yaxın olmalıdır.
- Faydalı bağlantılar (məsələn, "Haqqında" səhifəsinə və ya "Bizimlə Əlaqə" səhifəsinə keçidlər) hər səhifənin ən aşağı hissəsində olmalıdır.
Addım 4. Ardıcıl olun
Seçdiyiniz mətn yazı tipi, rəng palitrası, şəkil mövzusu və dizayn variantları nə olursa olsun, veb saytınızda eyni qərarı istifadə etdiyinizə əmin olun. Ana səhifə üçün tamamilə fərqli bir yazı istifadə edildikdə "Haqqında" səhifəsi üçün istifadə olunan bir şrift və ya rəng sxemini görmək inanılmaz dərəcədə zəhlətökən ola bilər.
- Məsələn, saytınızın ana səhifəsi üçün yalnız soyuq tonlardan istifadə edirsinizsə, növbəti səhifədə parlaq, yüksək rənglər tətbiq etməyin.
- Unutmayın ki, yüksək və ya ziddiyyətli rənglərdən istifadə etmək, xüsusən də rənglər dinamik (məsələn, hərəkət edən) şəkildə göstərildikdə az sayda veb istifadəçisində epilepsiya oyada bilər. Saytınızda bu cür rənglərdən istifadə etmək qərarına gəlsəniz, müvafiq səhifələrdən əvvəl bir epilepsiya xəbərdarlığı əlavə etdiyinizə əmin olun.
Addım 5. Naviqasiya seçimləri əlavə edin
Əsas səhifənin yuxarısında veb saytınızdakı vacib səhifələrə birbaşa bağlantılar yerləşdirmək, ilk dəfə ziyarət edənləri əhəmiyyətli olan məzmuna yönəltməyə kömək edəcəkdir. Əksər sayt yaradıcıları bu bağlantıları standart olaraq əlavə edirlər.
Veb saytınızdakı hər səhifəyə yalnız səhifənin ünvanı vasitəsilə daxil olmaqdan çox, veb saytınızdakı variantları tıklayaraq daxil olmaq mümkün olduğundan əmin olmaq vacibdir
Addım 6. Bir -birini tamamlayan rənglərdən istifadə edin
Hər hansı bir dizayn kimi, veb sayt dizaynı da görmə qabiliyyətli rəng birləşmələrinə əsaslanır; bu səbəbdən bir araya gələn mövzu rənglərinin seçilməsi çox vacibdir.
Qara, ağ və boz, haradan başlayacağınızı bilmirsinizsə yaxşı bir birləşmədir
Addım 7. Minimalist dizayndan istifadə etməyi düşünün
Minimalizm soyuq tonları, sadə qrafikləri, ağ-qara mətn səhifələrini və mümkün qədər az bəzəyi təşviq edir. Minimalizm xülya elementləri baxımından az şey tələb etdiyindən, çox iş tələb etmədən veb saytınızı peşəkar və cəlbedici göstərməyin asan bir yoludur.
- Bir çox veb sayt yaradıcısının veb saytınızı qurarkən seçə biləcəyiniz "minimalist" mövzusu olacaq.
- Minimalizmə alternativ daha sərt xətlərdən, parlaq rənglərdən, qalın mətndən və minimal görüntülərdən istifadə edən "qəddarlıq" dır. Brutalizmin minimalizmdən daha az izləyicisi var, ancaq veb saytınızın məzmunundan asılı olaraq dizayn ehtiyaclarınıza daha uyğun ola bilər.
Addım 8. Unikal seçimlər edin
Düz xətlər və şəbəkə kilidli veb elementləri etibarlı bahisdir, lakin bir neçə bənzərsiz üslub qərarı vermək həm saytınıza şəxsiyyət verəcək, həm də saytınızın önə çıxmasına kömək edəcək.
- Veb sayt elementlərini asimmetrik olaraq yerləşdirməklə və ya üst -üstə düşən elementlərdən istifadə edərək qatlı bir görünüş yaratmaqla meylləri pozmaqdan qorxmayın.
- Zərif, iti künclər və kvadrat şəkilli elementlər ("kart əsaslı" təqdimat olaraq da bilinir) yuvarlaq, yumşaq elementlərdən daha az əlverişlidir.
2 -ci hissə 2: Veb sayt performansını necə artırmaq olar
Addım 1. Mobil optimallaşdırma seçimlərindən faydalanın
Mobil brauzerlər, masa üstü brauzerlərə nisbətən daha çox veb trafikini təşkil edir, yəni veb saytınızın mobil versiyasına verdiyiniz diqqət ən azından masa üstü veb saytınızın inkişafına bərabər olmalıdır. Əksər veb sayt yaradıcısı xidmətləri avtomatik olaraq saytınızın mobil versiyasını yaradır, ancaq mobil saytınız üçün aşağıdakı məlumatları yadda saxlamaq istəyərsiniz:
- Düymələrin (məsələn, sayt bağlantıları) böyük və toxunmaq asan olduğundan əmin olun.
- Mobil cihazlarda (məsələn, Flash, Java və s.) Görünə bilməyən funksiyaları tətbiq etməkdən çəkinin.
- Veb saytınız üçün hazırlanmış bir mobil tətbiqə sahib olmağı düşünün.
Addım 2. Səhifədə çoxlu fotoşəkillərdən çəkinin
Həm masaüstü, həm də mobil brauzerlər çoxlu sayda fotoşəkil və ya video göstərən səhifələri yükləməkdə çətinlik çəkə bilərlər. Veb dizaynında şəkillər əhəmiyyətli olsa da, hər səhifədə birdən çox istifadə etmək lazımsız uzun yükləmə müddətinə səbəb ola bilər ki, bu da insanların sözügedən səhifələri ziyarət etməsinə mane olacaq.
Ümumiyyətlə, veb saytınızın səhifələrinin dörd saniyədən az müddətdə yüklənməsini istəyirsiniz
Addım 3. "Əlaqə" səhifəsi əlavə edin
Faktiki olaraq bütün qurulmuş veb saytların əlaqə məlumatlarını (məsələn, telefon nömrəsi və e -poçt ünvanı) olan "Bizimlə Əlaqə" səhifəsi olduğunu görürsünüz; hətta bəzi saytlarda bu səhifədə daxili sual forması var. "Əlaqə" səhifəsi əlavə etməklə veb sayt izləyicilərinə sizinlə birbaşa ünsiyyət xətti veriləcək və bununla da potensial məyusluqlara bir həll əlavə olunacaq.
Addım 4. Xüsusi 404 səhifə yaradın
Kimsə veb saytınızdakı ya qurulmamış, ya da mövcud olmayan xüsusi bir səhifəni ziyarət edərkən "404 Xətası" veb səhifəsi görünəcək. Əksər brauzerlərin standart 404 səhifəsi var, ancaq veb saytınızı yaradanın parametrləri daxilindən özünüzə uyğunlaşdıra bilərsiniz; əgər belədirsə, aşağıdakı detalları daxil etdiyinizə əmin olun:
- Yüngül bir səhv mesajı (məsələn, "Təbrik edirik - səhv səhifəmizi tapdınız!")
- Saytın ana səhifəsinə qayıdan link
- Ümumi baxılan bağlantıların siyahısı
- Veb saytınız üçün bir şəkil və ya logo
Addım 5. Mümkünsə bir axtarış çubuğundan istifadə edin
Veb saytınızın yaradılması metodu veb saytınıza bir axtarış çubuğu əlavə etməyi dəstəkləyirsə, bunu etməyiniz şiddətlə tövsiyə olunur. Bu, istifadəçilərin naviqasiya seçimlərinizi tıklamadan müəyyən bir səhifəyə və ya maddəyə tez gedə biləcəyini təmin edəcək.
Axtarış çubuqları, auditoriyanız sınaq və səhv istifadə etmədən ümumi bir termin axtarmaq istədikdə də faydalıdır
Addım 6. Ana səhifənizə ən çox vaxt ayırın
Biri veb saytınızın ana səhifəsinə gəldikdə, veb saytınızın mövzusunun mahiyyətini dərhal almalıdır; buna əlavə olaraq, ana səhifənin bütün elementləri naviqasiya variantları və hər hansı bir şəkil daxil olmaqla tez yüklənməlidir. Ana səhifənizin aşağıdakı aspektləri olmalıdır:
- Fəaliyyət çağırışı (məsələn, tıklamaq üçün bir düymə və ya doldurmaq üçün bir forma)
- Naviqasiya alətlər paneli və ya menyu
- Cəlbedici bir qrafika (məsələn, bir möhkəm şəkil, video və ya müşayiət olunan mətni olan kiçik bir şəkil qrupu)
- Veb saytınızın xidmətinə, mövzusuna və ya diqqətinə aid açar sözlər
Addım 7. Veb saytınızı birdən çox platformada birdən çox brauzerdə sınayın
Bu inanılmaz dərəcədə vacibdir, çünki fərqli brauzerlər veb saytınızın aspektlərini fərqli şəkildə idarə edə bilərlər. Veb saytınızı tanıtmağa başlamazdan əvvəl, Windows, Mac, iPhone və Android platformalarında aşağıdakı brauzerlərdə veb saytınızı ziyarət etməyə və istifadə etməyə çalışın:
- Google Chrome
- Firefox
- Safari (yalnız iPhone və Mac)
- Microsoft Edge və Internet Explorer (yalnız Windows)
- Bir neçə fərqli Android telefonunda quraşdırılmış brauzer (məsələn, Samsung Galaxy, Google Nexus və s.)
Addım 8. Veb saytınızı yaşlandıqca yeniləməyə davam edin
Dizayn meylləri, bağlantılar, fotoşəkillər, anlayışlar və açar sözlərin hamısı zaman keçdikcə dəyişir, buna görə də yeniliklərdən xəbərdar olmaq üçün veb saytınızda dəyişikliklər etməyə davam etməlisiniz. Bu, veb saytınızın performansını digər oxşar veb saytlarla birlikdə ən azı üç ayda bir dəfə (tercihen daha tez -tez) yoxlamağınızı tələb edəcək.
Əsas HTML Yardımı
HTML ilə nümunə veb səhifəsi
WikiHow və bütün nümunələri açın.
HTML fırıldaqçı hesabatı
WikiHow və bütün nümunələri açın.
Nümunə Sadə Veb səhifə
WikiHow və bütün nümunələri açın.
İpuçları
- Veb saytın əlçatanlığı veb sayt inkişafının başqa bir vacib cəhətidir. Buraya eşitmə qüsurlu izləyicilər üçün başlıqlar, kor qonaqlar üçün audio təsvirlər və veb saytınız potensial olaraq nöbet törədən təsirlər istifadə edərsə fotosensitivlik xəbərdarlıqları daxildir.
- Əksər veb sayt yaradıcıları, üstünlük verdiyiniz elementləri əlavə etməzdən əvvəl saytınızın dizaynını və dizaynını möhkəmləndirmək üçün istifadə edə biləcəyiniz bir sıra şablonlara malikdir.
Xəbərdarlıqlar
- Əksər sayt yaradıcıları pulsuzdur; Bununla birlikdə, öz sahənizi (məsələn, "www.adname.wordpress.com" əvəzinə "www.yourname.com") istifadə etmək istəyirsinizsə, aylıq və ya illik ödəniş ödəməli olacaqsınız.
- Plagiatdan qaçın və bütün müəllif hüquqları qanunlarına əməl edin: icazəsiz olaraq vebdən təsadüfi şəkillər və hətta struktur elementləri əlavə etməyin.