Та өөрийн вэбсайтыг үүсгэхдээ хэрэглэгчийн хөтөчийн хувилбараас үл хамааран аль болох сонирхолтой байлгахыг хүсдэг. Ялангуяа, арын зургийг сунгаж, компьютерийн дэлгэцийн нягтралд тохируулахаар тохируулсан болно.
Энэ нь зайлшгүй шаардлагатай
html, css, java-скрипттэй ажиллах ур чадвар
Зааварчилгаа
1-р алхам
Өөрийн сайтын кодыг Notepad эсвэл тусгай зориулалтын вэб дизайны програм болох Dreamweaver гэх мэт аливаа редактор дээр нээнэ үү. Сайтын дэвсгэрийг сунгахын тулд дараах мөрүүдийг код дээр буулгана уу. Арын дэвсгэр нэмэх: url (‘Зураг руу холбоос оруулах’).
Алхам 2
Зургийг хэвтээ хэмжээгээр хэмжихийн тулд дараахь кодыг ашиглана уу: Арын дэвсгэр: url (‘Зураг руу холбоос оруулах’ давталт-х), босоо байдлаар - кодын төгсгөлд x-ийг y-ээр солино. Хэрэв сайтыг css файлд байрлуулсан бол кодыг оруулна уу. Ингэснээр та өөрийн сайт дээр резинэн дэвсгэр тавих боломжтой болно.
Алхам 3
Дараахь кодын жишээг ашиглан хуудсан дээрх дэвсгэр зургийг байрлуулж, хуудсыг үзэж буй дэлгэцийн нарийвчлалтай нийцүүлэн автоматаар сунгана. Жишээ код: body {background: "Арын зураг руу холбоос оруулах" () давтагдахгүй тогтмол зүүн төв; дараа нь дэвсгэр хэмжээ: […].
Алхам 4
Арын зургийг сунгахын тулд зургийг дэвсгэр болгон оруулаад түүний өргөнийг 100% болгох хэрэгтэй. Жишээлбэл, хуудасны кодонд дараах текстийг оруулна уу: background image "alt =" Зургийн нэрийг оруулна уу "/>. Тиймээс, энэ нь зургийн өргөнтэй нийцэхэд ашиглагдах боловч түүний харьцаа зөрчигдөх болно.
Алхам 5
Үүнтэй адилаар та өндрийг сунгахаар тохируулж, width шинж чанарын оронд өндрийг ашиглана уу. Эсвэл дараах кодын жишээг css-д ашиглана уу: сайтын арын зураг) "> ба дараа нь өмнөх жишээн дээрх шиг дүрсний 100% өргөнийг нэмнэ. Мөн скриптийг ашиглан хэрэглэгчийн дэлгэцийн нягтралыг олж, хэмжээг нь засах боломжтой. таны ширээний
