Тэмдэглэгээний хэл - HTML ба каскадын хэв маягийн хуудас - CSS-ийн чадварууд нь нэг зургийг нөгөөд нь олон янзаар байрлуулах боломжийг олгодог. Мэдээжийн хэрэг, энэ нь вэб хуудасны зохион байгуулалтын талаар зарим ур чадвар шаарддаг бөгөөд та одоо байгаа код дээр үндэслэн тодорхой аргыг сонгох хэрэгтэй. Гэсэн хэдий ч, зарим тохиолдолд та эх кодыг засварлахгүйгээр хийж болно.
Зааварчилгаа
1-р алхам
Тухайн сайтын хуудсанд өөрчлөлт оруулахгүйгээр нэг зургийг өөр зураг дээр байрлуулах арга бий. Үүнийг хийхийн тулд сервер дээр хадгалагдсан арын зургийг засах нь хангалттай бөгөөд график засварлагчийг ашиглан урд талын зургийг байрлуул. Хэрэв энэ арга нь танд тохирсон бол арын дэвсгэр файлын хадгалах байршил, нэрийг тодорхойлохоос эхэлнэ үү. Үүнийг хуудасны эх кодоос олж эсвэл тусдаа таб дээр нээгээд хөтчийн хаягийн мөрөнд байгаа бүтэн замыг харах замаар хийж болно.
Алхам 2
Агуулгын менежментийн системийн файлын менежер эсвэл FTP клиент ашиглан шаардлагатай файлыг компьютер дээрээ татаж аваад дурын график засварлагч дээр нээнэ үү, жишээлбэл, Windows дээр суулгасан Paint програм дээр.
Алхам 3
Урд талын зургийг арын дэвсгэр дээр байрлуул. Будагт үүнийг хийхийн тулд "Нүүр хуудас" цонхны "Оруулах" жагсаалтын жагсаалтаас "Оруулах" зүйлийг сонгоод нээгдэх цонхноос шаардлагатай файлыг олох хэрэгтэй. Дараа нь оруулсан дэвсгэр дээрх байрлалыг байрлуулж (хулганаар чирээд) үр дүнг хадгална (Ctrl + S).
Алхам 4
Хуучин зургийг дарж бичээд засварласан зургийг буцааж ачаална уу. Ингэснээр процедур дуусна.
Алхам 5
Оруулсан зургуудыг үе үе өөрчлөх шаардлагатай тохиолдолд тайлбарласан арга нь тохиромжгүй байдаг. Дараа нь HTML хэлний чадварыг ашиглана уу - жишээлбэл, арын зургийг урд талын зургийг байрлуулах хуудасны элементийн дэвсгэр болгоно. Ийм савны элемент нь давхарга (div) байж болно. Зургийн том хэсгийг арын дэвсгэр болгохын тулд та стилийн тодорхойлолтыг ашиглах хэрэгтэй - div tag-ийн хэв загварын шинж чанар. HTML код дахь хоосон сав дараах байдалтай байж магадгүй юм.
Хаалтанд өөрийн сайт дээрх арын зургийн файлын хаяг, нэрийг заана уу.
Алхам 6
Арын савны ирмэгээс дүүргэлтийн хэмжээг тохируулахын тулд ижил загварын шинж чанарыг ашиглан урд талын зураг (img) тагийг үүсгээрэй. Жишээлбэл:
Энд өргөн ба өндрийн шинж чанарууд нь зургийн хэмжээсийг тохируулдаг бөгөөд дүүргэлтийн дараах дөрвөн тоо нь савны ирмэгээс дээд цэгээс (50), цаашлаад цагийн зүүний дагуу (60 - баруун, 70 -) дүүргэх хэмжээг заана. доод, 80 - зүүн).
Алхам 7
Img тагийг саванд байрлуулна уу:
Алхам 8
Үүсгэсэн мөрүүдийг хуудасны эх код дээр нэмж оруулаад, догол мөрийг өөрчилж, оруулсан зургийн байрлалыг арын зургийн арын дагуу тохируулна уу.
