Öz veb saytınızı yaratdığınız zaman təbii olaraq istifadəçinin brauzer versiyasından asılı olmayaraq mümkün qədər cəlbedici göstərilməsini istəyərsiniz. Xüsusilə, arxa plan görüntüsünün uzanması və kompüter monitorunun qətnaməsinə uyğunlaşdırılması üçün.
Vacibdir
html, css, java-skriptlə işləmək bacarıqları
Təlimat
Addım 1
Saytınız üçün kodu Notepad və ya xüsusi bir veb dizayn proqramı, Dreamweaver kimi hər hansı bir redaktorda açın. Saytın arxa planını uzatmaq üçün aşağıdakı sətirləri kodu yapışdırın. Arxa fon əlavə edin: url (‘Təsvirə bir link daxil edin’).
Addım 2
Şəklin üfüqi ölçüsünü ölçmək üçün aşağıdakı kodu istifadə edin: Arxa plan: url (‘Təsvirə bir link daxil edin’ təkrar-x), şaquli olaraq - kodun sonunda x-ı y ilə əvəz edin. Sayt css sənədində tərtib edilmişsə, kodu yapışdırın. Bu şəkildə saytınıza rezin bir arxa plan qoya biləcəksiniz.
Addım 3
Bir arxa plan şəklini səhifəyə yerləşdirmək və səhifənin baxıldığı monitorun qətnaməsinə uyğun olaraq avtomatik olaraq uzatmaq üçün aşağıdakı kod nümunəsini istifadə edin. Nümunə kodu: gövdə {arxa plan: "Arxa fon şəklinə bir link əlavə edin" () təkrarlanmayan sabit sol mərkəz; sonra fon ölçüsü: […].
Addım 4
Arxa fon şəklini uzatmaq üçün sadəcə arxa plan şəkli əlavə edin və genişliyini 100% -ə qoyun. Məsələn, səhifə koduna aşağıdakı mətni daxil edin: background image "alt =" Görüntünün adını daxil edin "/>. Beləliklə, şəkil genişliyinə uyğunlaşdırmaq üçün istifadə ediləcək, lakin nisbətləri pozulacaqdır.
Addım 5
Eynilə, görüntüyü hündürlüyə görə uzanacaq şəkildə qura bilərsiniz, eni atributu əvəzinə hündürlüyü istifadə edin. Və ya CSS üçün aşağıdakı kod nümunəsini istifadə edin: saytın arxa şəkli) "> və bundan sonra əvvəlki nümunədəki kimi görüntünün 100% genişliyini əlavə edin. Ayrıca istifadəçinin ekran çözünürlüğünü tapmaq və ölçüsünü düzəltmək üçün skriptdən istifadə edə bilərsiniz bunun üçün masanızın.
