Veb səhifələr dizayn etmək və yaratmaq istəyirsinizsə, əvvəlcədən planlaşdırsanız bu proses daha asan olacaq. Planlaşdırma mərhələsində dizayner və müştəri ehtiyaclarına uyğun bir format və düzeni tapmaq üçün birlikdə işləyə bilər. Planlaşdırma prosesi saytın üslubunu və ya üslubunu təsir edir, xüsusən də iş məqsədli olarsa, bunun veb dizaynında ən vacib cəhət olduğunu söyləyə bilərsiniz.
Addım
4 -dən 1 -ci hissə: Əsas Strukturun Yaradılması
Addım 1. Veb saytın funksiyasını təyin edin
Şəxsi bir sayt yaradırsınızsa, yəqin ki, cavabı artıq bilirsiniz. Ancaq başqa bir təşkilat, şirkət və ya şəxs üçün bir sayt yaradırsınızsa, nə istədiklərini və saytın funksionallığını öyrənməlisiniz. Burada göstərdiyiniz hər şey veb səhifə bitdikdən sonra qüvvəyə minəcək.
- Veb sayt Storefront tələb edirmi? İstifadəçi şərhləri verilməlidirmi? İstifadəçinin daha sonra hesab yaratması lazım olacaqmı? Veb sayt məqaləsi yönümlüdürmü? Yoxsa görüntü yönümlüdür? Bütün bu və digər suallar saytın dizaynında və dizaynında sizə kömək edəcək.
- Bu planlaşdırma prosesi, xüsusilə də böyük bir şirkət üçündürsə və bu layihənin hazırlanmasında bir çox insan iştirak edərsə, bir rəsm şəklində çəkilə bilər.
Addım 2. Bir sayt xəritəsi diaqramı (sayt xəritəsi) yaradın
Sitemap diaqramı, istifadəçilərin bir səhifədən digərinə necə keçdiyini göstərən bir axın cədvəlinə bənzəyir. Bu mərhələdə bir veb səhifəsinə ehtiyacınız yoxdur, yalnız ümumi bir anlayış axını. Diaqramlar yaratmaq və ya özünüzü kağız üzərində eskiz etmək üçün bir kompüter proqramından istifadə edə bilərsiniz. Hiyerarşik tənzimləmə və veb səhifəsi bağlantısı anlayışlarını nümayiş etdirmək üçün bu diaqramdan istifadə edin.
Addım 3. Kart hazırlama üsulunu sınayın
Bir qrup veb inkişaf etdirmə üsullarından biri, hər kəsin gözləntilərini öyrənmək üçün bir sıra kartlardan istifadə etməkdir. Bir neçə qeyd kartı götürün və veb səhifənin əsas məzmununu hər birinə ayrı -ayrılıqda yazın. Ən yaxşı konsepsiyanı tapmaq üçün bu kartları komandanızla birlikdə təşkil edin. Bu üsul, veb səhifələrin yaradılmasında başqaları ilə əməkdaşlıq edərkən istifadə üçün uyğundur.
Addım 4. Kağızdan və bülleten lövhəsindən və ya lövhədən istifadə edin
Kiçik bir büdcə üçün orijinal bir planlaşdırma üsuludur, məzmunu tez silə və ya dəyişə və axını dəyişə bilərsiniz. Veb dizaynınızı kağız üzərində çəkin, sonra kağızları iplə bağlayın və ya lövhədə xətlər çəkin. Bu üsul beyin fırtınası seanslarında istifadə üçün çox uyğundur.
Addım 5. Məzmun inventarı yaradın
Əslində yeni veb dizaynlarından daha çox veb dizaynında istifadə etmək daha məqsədəuyğundur. Hər bitmiş məzmunu və ya veb səhifəni elektron tabloya daxil edin. Bu siyahıdan istifadə edərək nələri silmək və nəyi saxlamaq lazım olduğunu müəyyən etmək üçün hər bir məzmun və ya səhifənin məqsədini qeyd edin. Vebin quruluşunu sadələşdirə və sonradan yenidən dizayn prosesini asanlaşdıra bilərsiniz.
4 -cü hissənin 2 -si: Əsas HTML konturunun yaradılması
Addım 1. Veb səhifə hiyerarşisini qurmaq üçün bir tel çərçivə yaradın
Əsas HTML şablonu, yalnız ən əsas etiketlərdən və nümunə (bloklar/şablonlar) məzmunundan istifadə edərək quracağınız saytın planıdır. Bu çərçivə "İnternetdə nə görünür və harada?" Sualına cavab verir. Bu konturun yaradılmasında format və üslub tələb olunmur.
- Bir stil ayarı seçməzdən əvvəl məzmunun quruluşunu və axın cədvəlini əsas bir konturla görə bilərsiniz.
- Əsas HTML şablonları PDF və ya şəkillər kimi statik deyil, yeni strukturlar yaratmaq üçün nümunə məzmununu sürətlə sürüşdürə bilərsiniz.
- Əsas çərçivə həm veb inkişaf etdiricilərinə, həm də müştərilərinə fayda verən interaktivdir. Bu əsas çərçivə sadə HTML kodu ilə yazıldığından, hələ də gəzə və veb səhifənin keçidinin necə işlədiyini bilə bilərsiniz. Bu PDF ilə edilə bilməz.
Addım 2. Boz Qutu metodunu sınayın
Boz səhifədə veb səhifənizin məzmununu bloklayın və ya vurğulayın, ən vacib məzmun yuxarıdadır. Məzmunu bir sütunda sıralayın. Məsələn, səhifə "Şirkət haqqında" dirsə, şirkət haqqında ətraflı məlumat yuxarıda, işçilərin siyahısı, sonra əlaqə məlumatları və s.
Bura başlıqlar və altbilgilər daxil deyil. Boz Qutu, İnternetdə görünəcək məzmunun vizual bir nümayəndəsidir
Addım 3. Əsas bir kontur qurucu proqramını sınayın
Əsas bir veb çərçivəsi yaratmaq prosesində istifadə edə biləcəyiniz müxtəlif proqramlar var. Əldə etməli olduğunuz veb proqramlaşdırma kodunun (dilinin) miqdarı hər bir proqram üçün fərqlidir. Çox populyar olan proqramlardan bəziləri bunlardır:
- Pattern Laboratoriyası. Bu sayt "atom dizaynı" na həsr olunmuşdur, hər bir məzmun daha böyük bir veb səhifəsi təşkil edən "molekul" sayılır.
- Keçid xəritələri. Bu veb səhifə veb əsaslı planlaşdırma və çərçivə xidmətləri təqdim edir. Bu saytlar ödənişlidir və abunə olmağı tələb edir, ancaq çoxlu veb proqramlaşdırma kodunu mənimsəmədən veb çərçivələri tez qura bilərsiniz.
- Telli. Wirefy, "atom dizaynı" təqdim edən başqa bir saytdır. Veb tərtibatçıları bu vasitəni pulsuz əldə edə bilərlər.
Addım 4. Sadə HTML işarələməsindən istifadə edin
Yaxşı bir əsas şablon asanlıqla orijinal sayta çevriləcəkdir. Bu şablonu hazırlayarkən veb tərzi haqqında çox düşünməyin. Asanlıqla başa düşülən və dəyişdirilə bilən işarələmədən istifadə edin.
Sadə bir əsas çərçivə daha yaxşıdır. İşarələmənin məqsədi bir quruluş yaratmaqdır. Vizual görünüş daha sonra CSS və inkişaf etmiş işarələmə ilə tənzimlənə bilər
Addım 5. Hər bir veb səhifəsi üçün əsas kontur yaradın
Hər veb səhifəni bir əsas konturla eyniləşdirmək istəyə bilərsiniz. Əslində bu, saytınızı yalnız açıq və cansıxıcı edəcək. Hər bir səhifə üçün fərqli bir kontur yaradın, hər səhifənin öz dizaynına ehtiyacı olduğunu başa düşəcəksiniz.
4 -dən 3 -cü hissə: Məzmun yaratmaq
Addım 1. Veb səhifə yaratmadan əvvəl məzmunu hazırlayın
Nümunələr və ya yer tutuculardan istifadə etmək əvəzinə faktiki məzmununuz varsa, veb görünüşünüzə önizləməyi daha asan tapa bilərsiniz. Çox məzmuna ehtiyacınız yoxdur, ancaq orijinal görüntünün bir nüsxəsini istifadə etsəniz maketiniz daha yaxşı görünəcək.
Məqalənin bütün materiallarına sahib olmaq məcburiyyətində deyilsiniz, amma heç olmasa faktiki bir başlıq olmalıdır
Addım 2. Böyük məzmunun yalnız mətn olmadığını unutmayın
İnternet sadə bir mətn səhifəsindən daha mürəkkəbdir. Ziyarətçiləri cəlb etmək və dəvət etmək üçün əla bir veb sayt yaratmaq üçün müxtəlif məzmunlara ehtiyacınız var. Misal üçün:
- Şəkil.
- Səs.
- Videolar.
- Veb ötürülməsi və ya veb axını (Twitter)
- Facebook inteqrasiyası
- RSS
- Veb lenti
Addım 3. Peşəkar bir fotoqrafdan kömək istəyin
Fotoşəkillərinizi saytınıza daxil etmək istəyirsinizsə, peşəkar fotoqrafiya ilə doldurulsa veb saytınızdan alacağınız ilk təəssürat daha yaxşı olacaq. Yaxşı bir fotoşəkil iyirmidən çox keyfiyyətsiz fotoya dəyər.
Uzun müddətdir işlə məşğul olan peşəkar fotoqrafdan daha ucuz bir həll yolu olaraq fotoqrafiya sənətinin yeni məzununu axtarın
Addım 4. Keyfiyyətli məqalələr yazın
Veb səhifədəki yazılı məzmun, veb trafikinizin miqdarını təyin edəcək. Bu dizayn prosesində məzmun yaratmaqla əlaqədar çox narahat olmağınız lazım olmasa da, bu barədə düşünməyə başlamağın heç bir zərəri yoxdur, çünki saytınız işə salındıqdan sonra müntəzəm olaraq məzmuna ehtiyacınız olacaq.
Məqalə məzmununa əlavə olaraq, veb səhifənin tərtib edilməsi prosesində də ehtiyacınız olan yazılı materiallar var. Məsələn, əlaqə məlumatları, şirkət adı və ya saytda bir neçə dəfə istifadə ediləcək başqa bir şey
4 -dən 4 -cü hissə: anlayışları veb saytlara çevirmək
Addım 1. Əsas elementləri düzəldin
Bu elementlərin tənzimlənməsi, başlıqlar, dipnotlar və naviqasiya menyusu kimi saytınızdakı hər səhifəyə aiddir. Bütün səhifələrin necə göründüyünü yoxlamaq üçün çox sadə bir üslubda qurun. Veb düzeni prosesinə keçərkən bu xüsusilə faydalıdır.
Detallar haqqında çox narahat olmayın, başlığın necə göründüyünü önizləməyə (önizləməyə) çalışın
Addım 2. Sadə bir layout yaradın
Saat mövqeyini əsas kontur sütunundan səhifədəki həqiqi yerə dəyişdirərək başlayın. Məsələn, nümunə naviqasiya menyusunu səhifənin soluna və başlıqların siyahısını sağa köçürmək istəyə bilərsiniz.
Növbəti addıma keçməzdən əvvəl birdən çox səhifə üçün veb düzeni ilə sınağa davam edin. Yaratdığınız planın canlı olduğunu hiss etmək üçün başqalarına baxmağa icazə verin
Addım 3. Bir maket yaradın
Veb saytınızın maketlərini və ya nümunə səhifələrini yaratmaq üçün Photoshop kimi bir proqramdan istifadə edin. Bələdçi olaraq tərtib etdiyiniz düzeni istifadə edin. Bir şəkil emal proqramı ilə maketləri daha sürətli edə və istədiyiniz nəticəni əldə edə bilərsiniz. Bu görüntülərin nəticələri sonradan veb proqramlaşdırma kodunun yazılması prosesində istinad kimi istifadə edilə bilər.
Yaxşı görünməsi üçün əsl məzmunu maketə qoyun
Addım 4. Nümunə anlayışını orijinal məzmunla əvəz edin
Veb səhifələrə məzmun və elementlər əlavə edin. Hələlik veb tərzi parametrlərini tərləməyin, hər şeyi doğru yerə yığın. Bu, daha sonra etdiyiniz veb tərzi dəyişikliklərini nəzərdən keçirməyə kömək edəcək.
Addım 5. Bir veb tərzi bələdçisi yaradın
Xüsusilə böyük saytlar üçün bir üslub qarışığı saxlamaq çox vacibdir. Sayt iş məqsədləri üçün nəzərdə tutulmuşdursa və artıq öz markası və ya üslubu varsa, bu sayt dizaynına inteqrasiya olunmalıdır. Veb səhifə tərzi bələdçisi yaratarkən nəzərə alınmalı şeylər:
- Naviqasiya
- Baş not
- Paraqraf
- İtalik xarakter
- Cəsarətli xarakter
- Bağlantılar (aktiv, hərəkətsiz, hover)
- Şəkil istifadəsi
- Nişan
- Düymə
- siyahı
Addım 6. Veb stilini tətbiq edin
Doğru üslubu və dizaynı tapdıqdan sonra həyata keçirin. CSS, veb səhifədə və ya sayt arasında üslub tətbiq etməyin ən asan yollarından biridir. CSS -in istifadəsinin detallarını daha yaxşı başa düşmək üçün aşağıdakı təlimatlara baxın.
