ඔබේ වෙබ් අඩවියේ ඉදිරිපස අන්තය ඉදි කිරීම සඳහා රාමුවක් භාවිතා කර ඇත (සහ boot කිරීමට පහසුය). පෙරමුනු රාමුව යනු කුමක් ද යන්න සහ අපි ඔබේ වෙබ් සංවර්ධන වැඩට ඇතුළත් කිරීම ගැන සලකා බැලිය යුත්තේ ඇයිදැයි යන්න අපි යමු.
පෙර-අන්ත රාමුව
"CSS රාමු" ලෙසද හැඳින්වේ. මෙම ලිපි ගොනු හා ෆෝල්ඩරවල පූර්ව ලිඛිත, ප්රමිති ගත කේතයක් සහිත ඇසුරුම් වේ. අවසාන සැලැස්මට අනුව නම්යශීලීතාවයක් ලබා දෙන අතරතුර ඔවුන් මත ගොඩනැඟීමට පදනම සපයයි. සාමාන්යයෙන් පෙර-අන්ත රාමු පහත සඳහන් සංරචක අඩංගු වේ:
- ඔබේ වෙබ් අඩවියේ සැලසුම් අංගයන් සංවිධානය කිරීමට සරල ජාලයක්
- එහි කර්තව්යය මත පදනම්ව නිර්වචනය කරන ලද අකුරු ශෛලීන් සහ ප්රමාණනය (ශීර්ෂයන් සඳහා විවිධ අකුරුකරණය)
- පැත්තේ පැනල්, බොත්තම් සහ නාවික මංතීරු වැනි පෙර-නිර්මානය කරන ලද වෙබ් අඩවි අන්තර්ගත
ඔබ තෝරාගත් විශේෂ රාමුව අනුව, ඒවාට වඩා වැඩි යමක් තිබේ.
එක භාවිතා කරන්න
සියලුම කේතය මුල සිටම ආරම්භ කිරීම වෙනුවට ඉදිරිපස-අන්ත රාමුව භාවිතා කිරීමට හොඳ හේතු බොහොමයක් තිබේ:
- කාලය ඉතිරි කරන්න! නිසැකවම, ඔබ විසින් එක් එක් රේඛාව ලියන්නේ නම්, එය ඔබේ වෙබ් අඩවිය දියත් කිරීමට වැඩි කාලයක් ගත වනු ඇත. මූලික කරුණු සමඟ ඔබ ආරම්භ කිරීමට උපකාරයක් ලෙස සකස් කළ හැකිය.
- ඔබට අනෙකක් නොමැති බව අමතර සංරචක එක් කරන්න. තවත් බොත්තමක් හෝ දෙකක් මත ඔබ තෝරා ගැනීම සඳහා විකල්පයක් තිබිය යුතුය.
- කේතය ක්රියාත්මක බව නිසැකව දැන ගන්න. එය බොහෝ කාලයක් වැය කරන්නේ ඔබේම කේතය එය ක්රියාත්මක නොවන බව සොයා ගැනීමට පමණක් (හෝ වෙබ් බ්රවුසරවලින් 60% ක් අනුකූල නොවේ), ඔබ පෙර පරීක්ෂාවට ලක්වූ, ක්රියාකාරී කේතය භාවිතා කරන බව ඔබ දැන ගනු ඇත.
ඉදිරියට යාමට පෙර, පෙර-අන්ත රාමු භාවිතා නොකිරීමට මට පැහැදිලි කිරීමට අවශ්යයි! ඒවා හදුන්වා දීම සඳහා විකල්පයක් ලෙස සලකනු ඇත. ප්රථමයෙන් HTML සහ CSS හුරුපුරුදු වන්න, පසුව ඔබට කෙටිමං භාවිතා කළ හැකිය. ඔබේ රාමුව සහායකයෙකු ලෙස කටයුතු කරන්න.
පෙර නිමවුම් රාමු සඳහා උදාහරණ
සියලුම CSS frameworks සමාන ආකාරයෙන් නිර්මාණය කර නැති නිසා, ඔබේ එක් අද්විතීය අවශ්යතාවලට ගැලපෙන ඔබේ පර්යේෂණ පිළිබඳව ඔබේ පර්යේෂණ කිරීමට වග බලා ගන්න. පහේ පහක ක්ෂණික සමාලෝචනය මෙන්න:
- Bootstrap: එහි වඩාත්ම ජනප්රිය පුද්ගලයා. ගිිටු ටු ටොන් සහ ඔබේ ප්රශ්න වලට උත්තර ලබා ගැනීමට සම්පත් විශාල ප්රමාණයක් තිබේ. භාවිතා කිරීමට පහසු වන අතර, සමහරුන් පවසන්නේ එය ඉතා කැපී පෙනෙන "Bootstrap" පෙනුමක් ඇති බවයි.
- පදනම: බොහෝ නම්යශීලී හා පරිශක්තතාවයක් දක්වයි. නිර්මාණශීලී පාලනයක් ගොඩනඟා ගනිමින් මුලින්ම අත්දැකීම් සහිත අත්දැකීම් සහිත අත්දැකීම් සහ අත්දැකීම් ආවරණය කරන අය සඳහා හොඳය.
- Stylus: අධිෂ්ඨාත්මක සහ ආකර්ෂණීය CSS භාෂාව. මෙම රාමුව Node.js යෙදුම් මත පමණක් භාවිතා කළ හැක.
- Semantic UI: සංක්ෂිප්ත, intuitive, සහ ඔබේ කේතය නිදොස් කිරීම සරල හා සරල. ඔබට නිර්මාණ අවශ්යතා ගොඩක් ලබා දෙමින් ඔබේ අවශ්යතා වලට අනුවර්තනය කරයි.
- UI Kit: ඔබ iOS යෙදුම් වර්ධනය කිරීමට උනන්දුවක් දක්වන නම් භාවිතා කිරීමට රාමුව. ඔබගේම වෙබ් අඩවියක් නිර්මාණය කිරීම පහසු කරවන මූලික ස්වරූපය තිබේ.
නිගමනය
Frameworks ඉදිරිපස-අන්ත නිර්මාණය සඳහා විශේෂයෙන් ප්රයෝජනවත් මෙවලම්, විශේෂයෙන් ඔබ එම පැත්තේ නිතර වර්ධනය කරන රැකියාවක් තිබේ නම්. ඔබේ වැඩ කටයුතු සඳහා වේගවත් කිරීමට සහ ඔබේ කාර්යක්ෂමතාවය හෝ කාර්යක්ෂමතාවයෙන් තොරව ඔබගේ ඵලදායිතාව වැඩි කර ගැනීමට ඉඩ සලසමින්, අද්විතීය, ගැලපෙන පෙනුම සඳහා දොර විවෘතව තබන අතරතුර. ඔබේ කුසලතාවන් පිරිමැසීමට උපකරණයක් ලෙස ඒවා භාවිතා කිරීම මතක තබා ගන්න.