Veb Saytında Arxa Plan şəkli Necə Hazırlanır

Mündəricat:

Veb Saytında Arxa Plan şəkli Necə Hazırlanır
Veb Saytında Arxa Plan şəkli Necə Hazırlanır

Video: Veb Saytında Arxa Plan şəkli Necə Hazırlanır

Video: Veb Saytında Arxa Plan şəkli Necə Hazırlanır
Video: VİDEOS HD|Youtube'da profil və arxa plan şəkli qoymaq (asant şəkildə) 2024, Bilər
Anonim

Sayt qurmağın əsaslarını təkbaşına öyrənə bilərsiniz; İnternet və kitablarda bu mövzuda kifayət qədər məlumat var. Bununla birlikdə, ilk mərhələdə bir və ya digər etiketin istifadəsində çətinliklər tez-tez yaranır. Həqiqətən, ən çox yayılmış komponentlər ən yaxşı şəkildə xatırlanır, çünki hər hansı bir veb sayt yazarkən vacibdir.

Veb saytında arxa plan şəkli necə hazırlanır
Veb saytında arxa plan şəkli necə hazırlanır

Təlimat

Addım 1

Arxa fon şəkli kimi istifadə etmək istədiyiniz şəkli seçin. Təsvirin üstünə mətn əlavə etmək istəyirsinizsə, bu halda təbiətə yaxın olan bir neçə rəngdən istifadə olunduğu həddindən artıq rənglənmədən seçimlərlə məhdudlaşmanız məsləhətdir. Prinsipcə, dalğalanmaları aradan qaldırmaq üçün, məzmun üçün "bir fon" yarada bilərsiniz və problem uğurla həll ediləcəkdir.

Addım 2

Adobe Photoshop istifadə edərək şəkli düzəldin. İşiniz bitdikdən sonra Fayl menyusundan Veb üçün Saxla əmrini seçin və istədiyiniz qovluğu seçin. Bu sayt üçün istifadə olunan ilk görüntüdürsə, avtomatik olaraq "Şəkillər" qovluğu yaradılır.

Addım 3

Etiketdə background = "image to way" atributunu yazın. Məsələn qeyd edin: və ya. Eyni zamanda, etiketin kodda yalnız bir dəfə görünməsini, çoxaltılmamasını unutmayın.

Addım 4

Dəyişiklikləri not dəftərində saxlayın, brauzerdə "Yenileyin" düyməsini basın. Divar kağızı ekranda görünəcək. Görüntünün ölçüləri veb səhifənin parametrlərindən daha kiçikdirsə, şəkil bütün boşluğu doldurmaq üçün lazım olduğu qədər təkrarlanacaqdır. Bu çatışmazlığı düzəltməyin iki yolu var:

• Adobe Photoshop proqramından istifadə edərək tələb olunan şəkil parametrlərini piksel şəklində təyin edin ("Image" - "Image size");

• html kodunda tələb olunan ölçüləri təyin edin.

Məsələn, eni 1250 piksel, hündürlüyü 650 pikseldirsə, şəklin yerləşdiriləcəyi masa hüceyrəsi üçün lazımi atributları əlavə etməlisiniz.

Etiketdəki ölçüsü təyin edə bilməzsiniz - şəkil həmişə tam ölçüdə göstəriləcəkdir.

Addım 5

Arxa fon şəkli əlavə etmək üçün ccs analoqu:

arxa görüntü

Cəsəd {

background-image: url (images / bg.jpg);

}

"Background-image: url (images / bg.jpg)" atributu arxa görüntü üçün yoldur.

Tövsiyə: