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