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