පරිගණක, වැඩසටහන්
කුරුල්ලන් ලැග සිටින අඩවිය: පසුබිම චිත්රයක් html බවට පත් කර ගන්නේ කෙසේද
බොහෝ සාමනේර වෙබ් නිර්මාණකරුවන් පමණක් අඩවි නිර්මාණය සාරය අධ්යයනය කිරීමෙන් බොහෝ විට html පසුබිම් රූපය කරන්නේ කොහොමද කල්පනා. වන අතර ඔවුන් සමහරෙකු මෙම ගැටලුව සමග ගනුදෙනු කළ හැකි නම්, එය තවමත් ප්රශ්නයක් ඇති මොනිටරය මත රූප සමස්ත පළල දිවෙන අවස්ථාවේ ය. එම අවස්ථාවේ දී මම එම වෙබ් අඩවිය එය හරස් බ්රවුසරයේ අවශ්යතා ඉටු කළ යුතු නිසා, සියලු බ්රව්සර් මත identically ප්රදර්ශනය කර ඇත දකින්න කැමතියි. ඔබ ක්රම දෙකකට පසුබිම සැකසිය හැක: භාවිතා HTML ටැග් සහ CSS සමන්විතය. තමා සඳහා එක් එක් හොඳම විකල්පය තෝරාගන්නේ. ඇත්ත වශයෙන්ම, CSS ශෛලිය එහි කේතය වෙනම ගොනු ගබඩා කර ඇති අතර ප්රධාන අඩවියේ ටැග අමතර කථිකයන් දක්වා ගත වන්නේ නැත, නමුත් පළමු අපට අඩවියේ පසුබිම මත ප්රතිරූපය ස්ථාපනය කිරීම සඳහා සරල ක්රමයක් සලකා බලමු නිසා, බොහෝ විට ඔබට වඩාත් පහසු වේ.
පසුබිම නිර්මාණය කිරීමට මූලික HTML ටැග්
ඒ නිසා, අපි තිරය මත html දී පසුබිම් රූපය බවට පත් කර ගන්නේ කෙසේද යන ප්රශ්නය වෙත යන්න. ලස්සන වෙබ් අඩවිය බලන්න කිරීම සඳහා, ඔබ එක් වෙනුවට වැදගත් විස්තර තේරුම් ගත යුතු: එය පමණක් බෑවුම් පසුබිම කිරීමට හෝ එය ඝන වර්ණ තීන්ත ආලේප කිරීමට ප්රමාණවත් වන නමුත් ඔබ පසුබිම් රූපය ඇතුල් කිරීමට අවශ්ය නම්, එය සිදු කළ මොනිටරය පූර්ණ පළල දික් කරන්නේ නැහැ. මෙම රූපය ඔබ වෙබ් අඩවියේ පිටු දර්ශනය වනු ඇත කරන, එසවීමට හෝ මෙම දීර්ඝ සමග ඔබේ ම නිර්මාණය කිරීමට මුලින් අවශ්ය විය. පසුබිම් රූපය සූදානම් විට පමණක්, «පින්තූර» නමින් ෆොල්ඩරයක් තුලට ඇදගෙන යන්න. එය, අපි සියලු භාවිතා රූප, සජීවිකරණ තාක්ෂණය සහ අනෙකුත් ග්රැෆික් ගොනු ගබඩා කරනු ඇත. මෙම ෆෝල්ඩරය ඔබගේ සියලු html ගොනු root බහලුම තුල පිහිටා තිබිය යුතුය. දැන් ඔබට කේතය හා ගමන් කළ හැකිය. පසුබිම ඡායාරූපයේ වෙනස් වනු ඇත විසින්, ලිවීම කේතය සඳහා විවිධ විකල්ප තියෙනවා.
- ටැගය විශේෂණය ලියන්න.
- මෙම HTML කේතය දී CSS ශෛලිය හරහා.
- වෙනම ගොනුවේ CSS විලාසයන් ලියන්න.
HTML වලින් මෙන් පසුබිම් රූපය කිරීමට, ඔබ තීරණය, නමුත් මම එය වඩාත් ප්රශස්ත ආකාරය ගැන වචන කිහිපයක් පැවසීමට කැමැත්තෙමි. පළමු ක්රමය ටැග් එකක් විශේෂණය දිගු යල් පැන ගිය වී ඇත හරහා ලිවීමෙන් වේ. එය එකම කේත ගොඩක් බව හැරෙනවා නිසා දෙවන විකල්පය, ඉතා කලාතුරකින් භාවිතා කරයි. තුන්වන විකල්පය වන පොදු සහ කාර්යක්ෂම වනු ඇත. මෙන්න HTML ටැග් වලට උදාහරණ වේ:
- index.htm ගොනුවේ ටැගය ලක්ෂණයට (ශරීරය) හරහා පළමු පටිගත ක්රමය. එය මෙම ආකෘති පත්රය තුළ ගබඩා කර ඇත: (ශරීරය පසුබිම = "folder_name / Nazvanie_kartinki.rasshirenie") (/ ශරීරය). (ශරීරය පසුබිම = "රූප / Picture.jpg") ... (/ ශරීරය): බව අපි මාතෘකාව «පින්තුරය» හා දීර්ඝ JPG, අපි «පින්තූර» නම් ෆෝල්ඩරය සමග පින්තූරයක් තියෙනවා නම්, එම HTML-කේතය ඇතුලත් මෙම වගේ ඇත, වන .
- දෙවන ක්රමය CSS ශෛලිය වාර්තා ඇතුළත්, නමුත් එය නම index.htm සමග එම ගොනුව ලියා ඇත. (ශරීරය style = "පසුබිම්: url එක ( '../ රූප / Picture.jpg')").
- පටිගත තුන්වන ක්රමය මගින් ගොනු දෙකක් සාදා ඇත. (හිස) (ලින්ක් rel = "stylesheet" වර්ගය = "text / CSS" තියෙන = "http:: // අඩවිය / ලිපිය / 193110 /% D0% 9F නම index.htm ටැගය (හිස) සමග මෙම ලේඛනය එවැනි රේඛාවක් ලියා ඇත % D1% 83% D1% 82% D1% 8C_% D0% ශාස්ත්රවේදී CSS_faylu ") (/ හිස). style.css ශෛලිය දැනටමත් ලියා නමින් ගොනුව: ශරීර {පසුබිම: url එක (රූප / Picture.jpg ')}.
පසුබිම් රූපය කර ගැනීමට HTML දී මෙන්, අප තේරුම්. දැන් ඔබ මුළු තිරය පළල හරහා ප්රතිරූපය පුළුල් කිරීමට ආකාරය හඳුනාගත යුතුයි.
කවුළුවේ පළල පසුබිම් රූපය දික් කිරීමට ක්රම
අපි ප්රතිශතයක් ස්වරූපයෙන් අපගේ තිරය නියෝජනය කරයි. එය තිරයේ මුළු දිග හා පළල × 100% 100% ක් වනු ඇති බවට හැරෙනවා. අපි මේ පළල ප්රතිරූපය පුළුල් කිරීමට අවශ්ය වේ. ඇති මොනිටරය සමස්ත දිග හා පළල වැඩි ප්රතිරූපය දික් කරන බව පිළිබිඹු ගොනුව පටිගත style.css රේඛාව එක් කරන්න. එය CSS ශෛලිය ලියා ඇත? එය සරලයි!
ශරීරය
{
පසුබිම: url එක (රූප / Picture.jpg ')
පසුබිම-විශාලත්වය: 100% ක්, / * මෙම තනතුර වඩාත් නවීන බ්රවුසරයන් සඳහා සුදුසු වේ * /
}
ඒ නිසා අපි තිරය මත html පින්තූරයක් පසුබිම බවට පත් කර ගන්නේ කෙසේද හදුනාගත්තා. මෙම index.htm ගොනුවේ පටිගත කිරීම සඳහා ක්රමවේදයක් ද ඇත. මෙම ක්රමය වුවද හා යල් පැන ගිය, එහෙත් ආරම්භක සඳහා එය දන්නේ නම් සහ තේරුම් ගැනීමට අවශ්ය වේ. මෙම ටැගය (හිස) (ශෛලිය) div {පසුබිම-විශාලත්වය: ආවරණය; } (/ ස්ටයිල්) (/ හිස), මෙම වාර්තාව අප කවුළුව සමස්ත පළල වැඩි ස්ථානගත කරනු ලබන පසුබිම සඳහා විශේෂ ඒකකයක් වෙන් බවයි. අපි ප්රතිරූපය නවීන බ්රවුසරයන් කිසිදු තිරයේ සමස්ත පළල ඇදුනු ඒ නිසා, පසුබිම් පින්තූරය html වෙබ් අඩවිය බවට පත් කර ගන්නේ කෙසේද, ක්රම දෙකක් සලකා ඇත.
ස්ථාවර පසුබිම බවට පත් කර ගන්නේ කෙසේද
ඔබ පින්තූරයක් අනාගතය වෙබ් සම්පත් පසුබිම ලෙස භාවිතා කිරීමට අදහස් කරන්නේ නම්, එවිට ඔබ එය ස්ථාවර කිරීමට ආකාරය දැන ගැනීමට, එය දිගින් දිගු නොවන බව එසේ අවශ්ය හා සෞන්දර්යාත්මක පෙනුම නරක් වූයේ නැත. හුදෙක් කුඩා අමතරව ලියාපදිංචි කිරීමට HTML කේත භාවිතයෙන්. ඔබ style.css ගොනු කිරීමට පසුබිම වැකියක් එකතු කිරීමට අවශ්ය: url එක (රූප / Picture.jpg ') ස්ථාවර; ස්ථාවර: තත්ත්වය - හෝ ඒ වෙනුවට, semicolon වෙනමම මාර්ග පසු පැවසීය. මේ අනුව, ඔබේ ෙවෝල් ෙප්පර් ස්ථාවර කරනු ඇත. එම වෙබ් අඩවිය අන්තර්ගත අනුචලනය තුළ, ඔබ පෙළ රේඛා ගමන් කරන බවට දකිනු ඇත, නමුත් පසුබිම ස්ථානයේ පවතී. ඒ නිසා ඔබ විවිධ අයුරින්, html පසුබිම් රූපය කරන්නේ කොහොමද කියලා.
HTML හි වගුවන් සමඟ වැඩ
මේස සහ කැට මුහුණ දුන් බොහෝ අද්දැකීම් අඩු වෙබ් අඩවි සංවර්ධනය, බොහෝ විට html රූපය පසුබිම වගුව බවට පත් කර ගන්නේ කෙසේද තේරෙන්නේ නැහැ. සියල්ල මෙන් කණ්ඩායම් HTML සහ CSS විලාසයන්, වෙබ් ක්රමලේඛන භාෂාව තරමක් සරල ය. මෙම ප්රශ්නයට විසඳුම කේත පේළි යුගලයක් ලිවීමට වේ. ටැගයන් (tr) සහ (TD) විසින් සදහන් කර ඇති පරිදි ඔබ මේ වන විටත්, පිළිවෙලින්, පේළිවලින් සහ තීරුවලින් මේසයක් ලියන බව දැන සිටිය යුතුය. පසුබිම = URL එක පින්තූර: රූපයක් ස්වරූපයෙන් මේසය පසුබිම කිරීමට, එය අවශ්ය ටැගය (වගුව) එකතු කිරීමට, (tr) හෝ (TD) සමුද්දේශ රූපය වටම සරල වාක්ය වේ. පැහැදිලි බව, අපි උදාහරණ කිහිපයක් දෙන්න.
HTML උදාහරණ: ඒ වෙනුවට පසුබිම පිළිබඳ චිත්රයක් සමග වගුව
"පින්තූර" එය 2x3 වගුව ඇද එය ෆෝල්ඩරය තුළ ගබඩා කර ඇති පසුබිම් රූපය කරන්න: (වගුව පසුබිම = "රූප / Picture.jpg") (tr) (TD) 1 (/ TD) (TD) 2 (/ TD) (TD) 3) (/ TD) (/ tr) (tr) (TD) 4 (/ TD) (TD) 5 (/ TD) (TD) 6 (/ TD) (/ tr) (/ වගුව). ඒ නිසා අපේ මේසය පින්තූරේ පසුබිමේ ඇද ගත වනු ඇත.
දැන් 2x3 එකම තහඩු ප්රමාණ යොමු, නමුත් 1, 4, 5 සහ 6 (වගුව) ගණන් තීරු පින්තූරයක් ඇතුලත් (tr) (TD පසුබිම = "රූප / Picture.jpg") 1 (/ TD) (TD) 2 (/ TD) (TD) 3 (/ TD) (/ tr) (tr) (TD පසුබිම = "රූප / Picture.jpg") 4 (/ TD) (TD පසුබිම = "රූප / Picture.jpg") 5 ( / TD) (TD පසුබිම = "රූප / Picture.jpg") 6 (/ TD) (/ tr) (/ වගුව). නැරඹීමෙන් පසුව අපි පසුබිම පමණක් අපි ලියාපදිංචි නොව, මුළු වගුව කරන අය සෛල තුළ පෙනී බව පේනවා.
හරස් වෙබ් බ්රව්සරය ගැළපුම අඩවිය
වූ හරස් වෙබ් බ්රව්සරය ගැළපුම වෙබ් සම්පතක් ලෙස එවැනි දෙයක් තියෙනවා. මෙය ඔබේ වෙබ් අඩවිය සමානව හොඳින් විවිධ ආකාරයේ බ්රව්සර සංස්කරණ ප්රදර්ශනය කරන බවය. එය විය යුතු HTML කේතය අවශ්ය බ්රව්සර රිසිකරණය සහ CSS සමන්විතය. එපමනක් නොව, ස්මාර්ට් දුරකථන නූතන යුගය තුළ බොහෝ වෙබ් අඩවි සංවර්ධනය අඩවි නිර්මාණය කිරීම සඳහා උත්සාහ හා ජංගම පිටපත හා පරිගණකයක් පෙනුම සඳහා අනුවර්තනය කරන ඇත.
Similar articles
Trending Now