Вэбсайт дээр арын зургийг хэрхэн яаж хийх вэ

Та сайт бүтээх үндсийг бие даан сурч болно, интернет, номон дээр энэ сэдвээр хангалттай мэдээлэл байдаг. Гэсэн хэдий ч эхний шатанд нэг эсвэл өөр шошгыг ашиглахад бэрхшээл гардаг. Үнэн хэрэгтээ хамгийн нийтлэг бүрэлдэхүүн хэсгүүдийг аль ч вэбсайт бичихэд зайлшгүй шаардлагатай тул хамгийн сайн санаж байдаг.

Зааварчилгаа

1-р алхам

Өөрийн дэвсгэр зураг болгон ашиглахыг хүссэн зургаа сонгоно уу. Хэрэв та зураг дээр текст оруулах гэж байгаа бол энэ тохиолдолд байгальд ойрхон хэд хэдэн өнгө хэрэглэдэг хэт олон янз байдалгүйгээр сонголтуудаар өөрийгөө хязгаарлахыг зөвлөж байна. Зарчмын хувьд долгионыг арилгахын тулд та агуулгын хувьд "дэвсгэр" үүсгэх боломжтой бөгөөд асуудал амжилттай шийдэгдэх болно.

Алхам 2

Adobe Photoshop ашиглан зургийг засах. Дууссаны дараа File цэснээс Save For Web командыг сонгоод хүссэн фолдероо сонгоно уу. Хэрэв энэ нь сайтад ашиглагдах анхны зураг бол "Зураг" хавтсыг автоматаар үүсгэх болно.

Алхам 3

Шошгон дээр background = "path to image" шинж чанарыг бичнэ үү. Жишээ бичлэг хийх: эсвэл. Үүний зэрэгцээ, шошго нь кодонд ганцхан удаа гарч ирэх ёстой бөгөөд үүнийг үржүүлж болохгүй гэдгийг санаарай.

Алхам 4

Өөрчлөлтийг тэмдэглэлийн дэвтэрт хадгалаад хөтөч дээрх "Refresh" товчийг дарна уу. Дэлгэц дээр ханын цаас гарч ирнэ. Хэрэв зургийн хэмжээ нь вэб хуудасны параметрүүдээс бага байвал бүхэл бүтэн зайг дүүргэхийн тулд зураг шаардлагатай хэмжээгээр давтагдах болно. Энэ дутагдлыг засах хоёр арга бий:

• Adobe Photoshop програмыг ашиглан шаардлагатай зургийн параметрүүдийг пикселээр тохируулна уу ("Зураг" - "Зургийн хэмжээ");

• html-кодод шаардлагатай хэмжээсүүдийг тохируулна уу.

Жишээлбэл, өргөн нь 1250 px, өндөр нь 650 px бол та зургийг байрлуулах хүснэгтийн нүдэнд шаардлагатай шинж чанаруудыг нэмэх хэрэгтэй.

Та таг дээрх хэмжээг тохируулах боломжгүй - зураг үргэлж бүрэн хэмжээгээр харагдах болно.

Алхам 5

Арын зургийг оруулах ccs-ийн аналог:

Арын зураг

БИЕ {

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

}

"Background-image: url (images / bg.jpg)" шинж чанар нь арын зураг руу орох зам юм.

Зөвлөмж болгож буй:

Вэбсайтын арын дэвсгэр дээр зургийг хэрхэн яаж хийх вэ

Олон сайтын эзэд сайтаа хэрхэн шинэчлэх эсвэл шинэ зүйл оруулах вэ гэсэн асуулт тулгардаг. Та сайт дээр маш их зүйлийг өөрчлөх боломжтой: фонт, өнгөний схем, мэдээллийн блокуудын байршил, ерөнхий дэвсгэр. Энэ нийтлэлээс та зургийг вэбсайтын дэвсгэр болгон хэрхэн тохируулах талаар сурах болно

Вэбсайт дээр арын дэвсгэрийг хэрхэн тохируулах талаар

Аливаа сайтын дизайн нь суурийн байшин шиг дэвсгэр зураг, өнгө дээр суурилдаг. Хэрэв танд интернетийн нөөцийн ердийн суурийг илүү хувийн зүйлээр солих хүсэлтэй байгаа бол дизайныг боловсруулж эхлэх хэрэгтэй. Бэлэн болсны дараа цэвэр техникийн хэсэг хэвээр үлдэх болно, өөрөөр хэлбэл хуудасны эх кодод заасан сайтын дэвсгэрийн хуучин дизайныг шинээр солих болно

Вэбсайт дээр арын хөгжмийг хэрхэн яаж байрлуулах вэ

Хөгжмийн файлын шошгыг тодорхойлдог. Дууны үргэлжлэх хугацаа, хөгжмийн хэмжээ, нэмэлт шинж чанаруудыг тагны шинж чанаруудыг ашиглан тодорхойлдог эсвэл скриптээр хянах боломжтой. Шошгыг зөвхөн хэсэгт байрлуулсан болно. Зааварчилгаа 1-р алхам Хөгжим суулгахыг хүссэн хуудас руу очно уу

Вэбсайт дээр газрын зургийг хэрхэн яаж оруулах вэ

Үе үе, ямар ч хэвлэн нийтлэгч өөрийн газрын зургийг вэбсайт дээрээ байрлуулж, тухайн хотод байгаа объектын байршлыг харуулах, аль ч маршрутын дагуу аялах дүрмээ тайлбарлах шаардлага гардаг. Ийм байршуулах боломжийг жишээлбэл, Yandex.Maps алдартай үйлчилгээгээр хангаж өгдөг

Вэбсайт дээр зургийг хэрхэн яаж байрлуулах вэ

Вэб серфер сайтын хуудсан дээрээс харсан бүх зүйлийг вэб серверээс илгээсэн дэлгэрэнгүй мэдээлэл дээр үндэслэн хөтөч түүнд өгдөг. Энэ мэдээллийг хуудасны html-код гэж нэрлэдэг ба тус тусдаа элемент бүрийн харагдах байдал, байршлыг тодорхойлсон тусдаа зааварчилгаа - "