Veb Saytları üçün Başlıqlar Necə Hazırlanır

Mündəricat:

Veb Saytları üçün Başlıqlar Necə Hazırlanır
Veb Saytları üçün Başlıqlar Necə Hazırlanır

Video: Veb Saytları üçün Başlıqlar Necə Hazırlanır

Video: Veb Saytları üçün Başlıqlar Necə Hazırlanır
Video: Veb sayt nədir ? | Veb saytlar necə çalışır? | (arxada olan proseslər) 2024, Bilər
Anonim

"Paltarla qarşılanmaq" prinsipi yalnız insanlar üçün deyil, saytlar üçün də doğrudur. Saytın geyimi onun dizaynıdır. Və ziyarətçinin mənbəyə baxışdan ilk bir neçə saniyədəki təəssüratını təyin edən dizayndır. Bu təəssürat xüsusilə vacibdir, çünki onun gələcək davranışını müəyyənləşdirir. Saytı ziyarət edən hər bir istifadəçinin gördüyü ilk dizayn elementi onun "başlığı" dır. Qapaq veb resursunun üzüdür. Buna görə, hər bir təcrübəsiz veb dizayneri, ilk növbədə saytlar üçün başlıqların hazırlanmasını öyrənmək istəyir.

Veb saytları üçün başlıqlar necə hazırlanır
Veb saytları üçün başlıqlar necə hazırlanır

Zəruri

  • - İnternetə giriş;
  • - müasir brauzer;
  • - raster qrafika redaktoru (GIMP, Photoshop);
  • - isteğe bağlı: vektor qrafik redaktoru (CorelDraw);
  • - isteğe bağlı: 3B modelləşdirmə mühiti (Blender, 3DStudio);
  • - isteğe bağlı: kağız, qələm və ya qələm.

Təlimat

Addım 1

Gələcək sayt başlığı üçün bir konsepsiya hazırlayın. İdeal olaraq, konsepsiya orijinal ideyaya əsaslanmalıdır. Fikirlər əskik olduqda, mövcud yaxşı həlləri analiz edərək ilham əldə etmək olar. Yaratıcı tədqiqatların nəticəsini bir kağız üzərində bir eskiz şəklində əks etdirin. Eskiz, saytın gələcək başlığının quruluşunu "kauçuk" yerlər və şəkillərlə doldurulmuş sahələr göstərilməklə əks etdirməlidir. Bu mərhələdə başlığın dizaynı üçün təxmini rəng sxemi üzərində düşünmək yaxşıdır.

Addım 2

Başlığın ölçüsünü seçin. Əslində, parametrlərindən yalnız birini - hündürlüyü aydın şəkildə müəyyənləşdirməyə dəyər. Bir qayda olaraq, sayt başlıqlarının hündürlüyü sabitləşir və şriftlərin ekran parametrlərini təsir edən məntiqi qətnamədən asılı deyil. Başqa sözlə, başlıq hündürlüyü üçün piksel olaraq bir dəyər seçməlisiniz. Bu vəziyyətdə, başlıqda banner və ya kontekstli reklam bloklarının yerləşdirilməsinin mümkünlüyünü nəzərə almaq mantiqidir. Genişliyə gəldikdə, başlığın veb səhifənin müxtəlif ölçülərinə uyğunlaşmasına imkan verən ən azı bir "rezin" sahəni vurğulayaraq minimum dəyəri təyin etməlisiniz.

Addım 3

Bir qrafik redaktorunda bir başlıq şablonu yaradın. Yeni bir sənəddə, seçilmiş həndəsi parametrlərə uyğun olaraq eskizi sürükləyəcəyiniz şəffaf bir qat əlavə edin. Qat hündürlüyü başlıq hündürlüyünə uyğun olmalıdır. Genişlik özbaşına, lakin minimum ölçüdən daha böyük, üfüqi “rezin” sahələr üçün yer qoyaraq götürülə bilər.”Şablonda sabit və dəyişkən ölçülərdə zonaları, statik şəkillərlə, fon şəkillərlə doldurulmasını nəzərdə tutan zonaları təyin edin.

Addım 4

Başlıq şablonunuza yerləşdirmək üçün statik şəkillər axtarın və ya yaradın. Logo və bəzi unikal elementlər bir vektor redaktorunda və ya 3B modelləşdirmə mühitində yaradıla bilər. İnternette pulsuz fotobanklarda tematik şəkillər tapmaq olduqca asandır.

Addım 5

Arxa planı, loqotipi və statik şəkilləri qrafik redaktorunda sayt başlığı şablonuna daxil edin. Arxa planı və hər bir görüntüyü ayrı bir şəffaf təbəqəyə əlavə edin. Qatları ən yaxşı şəkildə düzəldin. Şəkilləri təbəqələrdə hərəkət etdirərək əvvəllər yaradılmış şablonla uyğun mükəmməl düzülüşünə nail olun.

Addım 6

Nəticədə başlıq şəklini saxlayın. İşləyən layihəni qrafik redaktorunun yerli formatında qeyd edin. Sonra düzəldilmiş başlıq şəklini itkisiz formatda qeyd edin (məsələn, PNG).

Addım 7

Lazım gələrsə HTML başlığı şablonu yaradın. Düzəldilmiş görüntüyü redaktorda açın. Ondan sabit ölçülü sahələrə uyğun şəkilləri kəsin. "Kauçuk" sahələrə uyğun yerlərdən şəkilləri 1 piksel enində kəsin. Bütün şəkilləri diskdə saxlayın. Saxlanan şəkillərdən istifadə edərək HTML başlığını düzəldin.

Tövsiyə: