İşarəlləmə dilinin - HTML - və kaskad üslub cədvəllərinin - CSS - bir çox cəhətdən bir şəklin digərinə yerləşdirilməsinə imkan verir. Əlbətdə ki, bunun üçün veb səhifə düzənində bəzi bacarıqlara ehtiyac var və mövcud kodu əsas götürərək müəyyən bir metod seçməlisiniz. Ancaq bəzi hallarda mənbə kodunu düzəltmədən edə bilərsiniz.
Təlimat
Addım 1
Saytın səhifələrində dəyişiklik etmədən bir şəklin digərinə qoyulmasının bir yolu var. Bunu etmək üçün, serverdə saxlanılan arxa plan şəklini düzəltmək kifayətdir - ön plan şəklini üzərinə qoymaq üçün istənilən qrafik redaktorundan istifadə edin. Bu metod sizin üçün işləyirsə, arxa plan sənədinin saxlama yerini və adını təyin etməyə başlayın. Bunu səhifənin mənbə kodundan tapmaq və ya ayrı bir sekmədə açaraq brauzerin ünvan çubuğundakı tam yola baxmaqla etmək olar.
Addım 2
Məzmun idarəetmə sisteminin və ya FTP istemcisinin fayl menecerindən istifadə edərək, tələb olunan faylı kompüterinizə yükləyin və istənilən qrafik redaktorunda açın - məsələn, Windows ilə quraşdırılmış Paint tətbiqetməsində.
Addım 3
Ön plan şəklini arxa plana qoyun - bunun üçün Boya bölməsində "Ev" sekmesindəki "Taxmaq" açılır siyahısından "Əlavə et" maddəsini seçməlisiniz və açılan informasiya qutusunda tələb olunan faylı tapmalısınız. Sonra daxil edilmiş görüntünün mövcud fonda vəziyyətini tənzimləyin (siçanla sürükləyin) və nəticəni qeyd edin (Ctrl + S).
Addım 4
Düzəliş edilmiş şəkli köhnənin üzərinə yazaraq geri yükləyin. Bu proseduru tamamlayır.
Addım 5
Təsvir edilmiş üsul, daxil edilmiş şəkillərin zaman zaman dəyişdirilməsinə ehtiyac olduqda əlverişsizdir. Sonra HTML dilinin imkanlarından istifadə edin - məsələn, arxa plan şəklini ön plan şəklinin yerləşdiriləcəyi səhifə elementinin arxa planına çevirin. Belə bir konteyner elementi, deyək ki, bir təbəqə (div) ola bilər. Şəkillərin böyük bir hissəsini arxa plana çevirmək üçün üslub təsvirini - div etiketinin stil atributundan istifadə etməlisiniz. HTML kodundakı boş konteyner belə görünə bilər:
Mötərizədə saytınızdakı arxa plan sənədinin ünvanını və adını göstərin.
Addım 6
Arka plan qabının kənarlarından doldurulma miqdarını təyin etmək üçün eyni üslub atributundan istifadə edərək ön plan şəkli (img) etiketi yaradın. Misal üçün:
Burada genişlik və hündürlük atributları görüntünün ölçülərini təyin edir və dolğudan sonrakı dörd rəqəm qabın yuxarı hissəsindən başlayaraq (50) və daha sonra saat istiqamətində (60 - sağ, 70 -) qabın kənarından piksel şəklində dolğunu göstərir. alt, 80 - solda).
Addım 7
İmg etiketini bir konteynerə qoyun:
Addım 8
Yaradılan sətirləri səhifənin mənbə koduna əlavə edin və sonra girintiləri dəyişdirərək, daxil edilmiş görüntünün arxa planının fonunda vəziyyətini tənzimləyin.
