වෙබ් පිටුවක පසුබිම් ජල සලකුණක් නිර්මාණය කිරීම සඳහා ඉඟි

CSS සමඟ ශිල්පය ක්රියාත්මක කරන්න

ඔබ වෙබ් අඩවියක් නිර්මාණය කර ඇත්නම්, වෙබ් පිටුවක ස්ථාවර පසුබිම් රූපයක් හෝ දිය සලකුණක් සාදා ගත යුතු ආකාරය ඉගෙන ගැනීමට ඔබ උනන්දු විය හැකිය. මෙය බොහෝ කාලයක් තිස්සේ ජනප්රිය වී ඇති පොදු නිර්මාණයකි. එය ඔබගේ වෙබ් නිර්මාණ නිර්මාණ මල්ලි තුළ ඇති කිරීමට පහසු කරවන්නකි.

ඔබ මීට පෙර මෙය සිදු නොකළේ නම් හෝ වාසනාවකින් තොරව එය අත්හදා බලා තිබේ නම්, ක්රියාවලිය බියගුල්ලෙක් විය හැකිය, නමුත් එය ඇත්ත වශයෙන්ම අපහසු නැත. මෙම කෙටි නිබන්ධනය සමඟ CSS භාවිතා කරමින් මිනිත්තු ගණනක දී ශිල්පීය ක්රම ශිල්පය සඳහා ඔබට අවශ්ය තොරතුරු ලබා ගත හැක.

ඇරඹේ

පසුබිම් ඡායාරූප හෝ ජල බිංදු (ඇත්ත වශයෙන්ම ඉතා සැහැල්ලු පසුබිම් ඡායාරූප) මුද්රණය කිරීමේ දී ඉතිහාසයක් ඇත. ලේඛන පිටපත් කිරීම වැළැක්වීම සඳහා ලේඛන සඳහා බොහෝ විට ඒවායේ ජල පටි ඇතුළත් කර ඇත. අතිරේකව, ෆ්ලෙයාර්ස් සහ විවරණ පත්ර මුද්රණය කළ කෑල්ලට නිර්මාණයේ කොටසක් ලෙස විශාල පසුබිම් රූප යොදා ගනී. වෙබ් නිර්මාණය දිගු මුද්රණවලින් ලබා ගත් විලාසිතාවලින් සහ පසුබිම් ඡායාරූපවලින් ලබාගන්නා ලද විලාසිතා වලින් එකකි.

මෙම විශාල පසුබිම් රූපයන් පහත දැක්වෙන CSS ශෛලීය ගුණාංග භාවිතා කිරීමෙන් පහසුය:

පසුබිම-රූපය

ඔබේ ජල සලකුණ ලෙස භාවිතා කරනු ලබන රූපය අර්ථ දැක්වීමට ඔබට පසුබිම් රූපය භාවිතා කරනු ඇත. මෙම ශෛලිය සරල ලෙස ඔබේ වෙබ් අඩවියේ ඇති පින්තූරයක් පැටවීමට ෆොටෝ ෆයිල් භාවිතා කරයි, බොහෝ විට "පින්තූර" නම් බහලුමක් තුල තිබේ.

පසුබිම් රූපය: url (/images/page-background.jpg);

රූපය සාමාන්යයෙන් රූපයට වඩා සැහැල්ලු හෝ වඩා විනිවිද පෙනෙන බව වැදගත් වේ. මෙය "ජල සලකුණ" ලෙස නිර්මාණය වනු ඇත, අර්ධ විනිවිද පෙනෙන ප්රතිබිම්බය පාඨය, ග්රැෆික්ස් සහ වෙබ් පිටු වල අනෙකුත් ප්රධාන අංග පිටුපසින් ඇත. මෙම පියවරෙන් තොරව පසුබිම් රූපය ඔබේ පිටුවෙහි තොරතුරු සමඟ තරග කර එය කියවීම අසීරු වනු ඇත.

Adobe Photoshop වැනි ඕනෑම සංස්කරණ වැඩසටහනක පසුබිම් රූපය සැකසිය හැක.

පසුබිම-නැවත කියවීම

පසුබිම්-පුනරාවර්තන දේපල ඊළඟට ලැබේ. ඔබේ ප්රතිරූපය විශාල ජල ලේජරම ආකාරයේ ග්රැෆික් එකක් වීමට අවශ්ය නම්, ඔබ එම රූපය ප්රදර්ශනය කරනු ඇත්තේ එක් වරක් පමණි.

පසුබිම්-පුනරාවර්තනය: නො-නැවත කියවීම;

"No-repeat" දේපල නොමැතිව, පෙරනිමි රූපය පිටුව නැවත නැවතත් නැවතත් නැවතත් සිදුකරන බවය. බොහෝ නවීන වෙබ් පිටු නිර්මාණයන් තුළ මෙය නුසුදුසු වේ. එම නිසා මෙම CSS ඔබේ CSS හි අත්යවශ්ය විය යුතුය.

පසුබිම - ඇමුණුම්

පසුබිම් ඇමුණුම් බොහෝ වෙබ් නිර්මාණකරුවන් අමතක කර දමති. ඔබ භාවිතා කරමින් "ස්ථාවර" දේපල භාවිතා කරන විට ඔබගේ පසුබිම් රූපය ස්ථීර කර ඇත. එම රූපය පිටු මත සවි කර ඇති දිය සලකුණු බවට පරිවර්තනය කරයි.

මෙම දේපල සඳහා පෙරනිමි අගය වන්නේ "අනුචලන." ඔබ පසුබිම් ඇමුණුම් වටිනාකමක් නොපෙන්වනනම්, පසුබිමේ අනෙක් පිටුව සමඟ අනුචලනය වනු ඇත.

පසුබිම් ඇමුණුම්: ස්ථාවර;

පසුබිම විශාලත්වය

පසුබිම ප්රමාණය නව CSS දේපලකි. එය නරඹන දර්ශනය මත පසුබිමක විශාලත්වය තීරණය කර ගැනීමට ඉඩ සලසයි. මෙය විවිධ උපාංගවල විවිධ ප්රමාණවලින් පෙන්වන ප්රතිචාරාත්මක වෙබ් අඩවි සඳහා මෙය ඉතා ප්රයෝජනවත් වේ .

පසුබිම විශාලත්වය: ආවරණ;

මෙම දේපළ සඳහා ඔබට භාවිතා කළ හැකි ප්රයෝජනවත් වටිනාකම් දෙකක් වනුයේ:

ඔබේ පිටුවට CSS එකතු කිරීම

ඉහත ගුණාංග සහ ඒවායේ වටිනාකම් තේරුම් ගැනීමෙන් පසු, ඔබට මෙම විලාසනය ඔබේ වෙබ් අඩවියට එකතු කළ හැකිය.

ඔබ තනි පිටුවක වෙබ් අඩවියක් සාදන්නේ නම්, ඔබගේ වෙබ් පිටුවෙහි ප්රධානියා පහත දැක්වෙනු ඇත. ඔබ බහු-පිටු වෙබ් අඩවියක් ගොඩනගන්නේ නම් බාහිර ශිලා පත්රය CSS ශෛලියට එක් කරන්න. බාහිර පත්රයේ බලයෙන් ප්රයෝජන ගැනීමට අවශ්යය.