HTML භාවිතයෙන් වෙබ් අඩවියක් සාදා ගන්නේ කෙසේද, CSS, නැත්නම් jQuery

ඔබට html භාවිතා කර වෙබ් අඩවියක් සාදා ගන්නේ කෙසේදැයි දැන ගැනීමට අවශ්‍ය නම්, css, හෝ jquery, ඔබ නිවැරදි ස්ථානයේ සිටී. ඔබට ඉක්මනින් සහ පහසුවෙන් වෙබ් අඩවියක් නිර්මාණය කරන්නේ කෙසේදැයි ඉගෙන ගැනීමට උපකාර වන සම්පත් ඕනෑ තරම් සබැඳිව ඇත. නමුත් ඔබේ වෙබ් අඩවිය හැකි තරම් වෘත්තීය පෙනුමක් ලබා ගන්නේ කෙසේද??

html සමඟ වෙබ් අඩවියක් නිර්මාණය කිරීම

HTML කේත සහිත වෙබ් අඩවියක් නිර්මාණය කිරීම අද්විතීය වෙබ් අඩවියක් නිර්මාණය කිරීම සඳහා විශිෂ්ට ක්රමයකි. නමුත් එයට යම් කේතීකරණ කුසලතා සහ CSS අවශ්‍ය බව මතක තබා ගැනීම වැදගත්ය. අතිරෙකව, ඔබට ඔබේ වෙබ් අඩවියේ පෙනුම හෝ අන්තර්ගතය වෙනස් කිරීමට අවශ්‍ය නම්, ඔබට සංවර්ධකයෙකු බඳවා ගැනීමට අවශ්‍ය වනු ඇත. WordPress වැනි අන්තර්ගත කළමනාකරණ පද්ධතියකි, කෙසේවෙතත්, ඔබේ වෙබ් අඩවිය ඔබම යාවත්කාලීන කිරීමට ඔබට ඉඩ සලසයි. HTML මෙන් නොව, WordPress හට කිසිදු කේතීකරණ කුසලතා අවශ්‍ය නොවන අතර නිර්මාණය පිළිබඳ මූලික අවබෝධයක් සහිත වෙබ් අඩවියක් නිර්මාණය කිරීමට ඔබට ඉඩ සලසයි..

HTML යනු වෙබ් පිටු සංදර්ශන කරන ආකාරය බ්‍රව්සර්වලට පවසන මූලික කේතීකරණ භාෂාවකි. එය ටැග් ලෙස හඳුන්වන විශේෂ උපදෙස් හරහා මෙය සිදු කරයි. මෙම ටැග් මඟින් වෙබ් පිටුවක යම් කොටසක දිස්විය යුතු අන්තර්ගතයන් දක්වයි. එය වැදගත් කේතීකරණ සම්මතයකි, නමුත් එහි යම් යම් අඩුපාඩු ද ඇත. මෙම ලිපියේ, ආරම්භ කිරීමට පෙර HTML ගැන දැනගත යුතු වැදගත්ම කරුණු කිහිපයක් අපි බලමු.

ඔබ වෙබ් සත්කාරකයක් භාවිතා කරන්නේ කෙසේදැයි දන්නේ නම් සහ HTML පිළිබඳ මූලික දැනුමක් තිබේ නම් HTML සහ CSS සමඟ වෙබ් අඩවියක් නිර්මාණය කිරීම අපහසු නැත.. වෙබ් සත්කාරක සමාගමක් ඔබට නොමිලේ වෙබ් අඩවියක් සැකසීමට උදවු කළ හැක, නැතහොත් කුඩා ගාස්තුවකට එය ඔබ වෙනුවෙන් සත්කාරකත්වය දරයි. ඔබ ආරම්භ කරන්නේ නම්, ඔබට Bootstrap ප්‍රවේශය උත්සාහ කර කේතය ඉගෙන ගැනීමට ඔබේ කාලය ගත කළ හැකිය. මෙම ක්රමය ඔබගේ කාලය ඉතිරි කර ඔබගේ වෙබ් අඩවියේ අන්තර්ගතය කෙරෙහි අවධානය යොමු කිරීමට ඉඩ සලසයි, ඔබේ වෙබ් අඩවියේ පිරිසැලසුම ගැන කරදර වෙනවාට වඩා.

HTML යනු ලෝක ව්‍යාප්ත ජාලයේ ප්‍රධාන කොටස් වලින් එකකි. HTML ලේඛන නිර්මාණය කිරීමට සරල වන අතර වෙබ් බ්‍රව්සර් සමඟ අනුකූල වේ. HTML ලේඛන නිර්මාණය කිරීමට Windows හෝ Mac පරිගණකවල මූලික පෙළ සංස්කාරකයක් ප්‍රමාණවත් වේ. ඔබ HTML සමඟ පහසු නොවේ නම්, ඔබට ආරම්භකයින් සඳහා HTML පොත මිලදී ගෙන එය පියවරෙන් පියවර අනුගමනය කළ හැකිය.

HTML යනු වෙබ් අඩවියක පදනම වේ, CSS එයට පීසාස් කිහිපයක් එක් කරයි. එය වෙබ් පිටුවක මනෝභාවය සහ ස්වරය පාලනය කරයි, සහ විවිධ තිර ප්‍රමාණයන්ට සහ උපාංග වර්ග වලට වෙබ් අඩවි ප්‍රතිචාර දැක්වීමට භාවිතා කරයි. මෙය අමුත්තන්ට වෙබ් අඩවියක් සැරිසැරීමට පහසු කරයි.

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

HTML ඔබේ වෙබ් අඩවියේ මූලික ව්‍යුහය සපයයි. CSS සහ JavaScript යනු මූලද්‍රව්‍යවල පිරිසැලසුම සහ ඉදිරිපත් කිරීම පාලනය කරන HTML වෙත දිගු වේ. CSS සහ JavaScript ඒකාබද්ධ කිරීමෙන්, ඔබට විශේෂාංග සහ පෙනුමෙන් පොහොසත් වෙබ් අඩවියක් නිර්මාණය කළ හැකිය.

css සමඟ වෙබ් අඩවියක් නිර්මාණය කිරීම

CSS ගොනුව සංස්කරණය කිරීමෙන් ඔබට ඔබේ වෙබ් අඩවියේ පසුබිම් වර්ණය වෙනස් කළ හැක. කේතය හෙක්ස් අගයක් ලෙස වර්ණය පෙන්වන බව ඔබට පෙනෙනු ඇත. මෙය වෙනස් කිරීමට, ඔබ කැමති වර්ණයේ නමට hex අගය වෙනස් කරන්න. නම එක් වචනයක් විය යුතුය. පේළියේ අවසානයේ අර්ධ කොමාවක් තැබීමට අමතක නොකරන්න.

CSS සවිස්තරාත්මක ගුණාංග සපයයි, සහ එය අභිරුචිකරණය කිරීමට බොහෝ ක්රම තිබේ. HTML පිටුවකට CSS එකතු කිරීමට මූලික ක්‍රම තුනක් ඇත. මෙම විලාස පත්‍ර සාමාන්‍යයෙන් ගොනු වල සුරකින අතර වෙබ් අඩවියක සමස්ත පෙනුම තීරණය කළ හැක. වඩාත්ම වෘත්තීය පෙනුමක් ඇති වෙබ් අඩවියක් නිර්මාණය කිරීම සඳහා ඒවා HTML සමඟ ඒකාබද්ධව භාවිතා කළ හැකිය.

HTML වෙබ් පිටුවක පෙනුම නිර්මාණය කිරීමට ටැග් භාවිතා කරයි. CSS භාවිතා කරන්නේ කුමන HTML මූලද්‍රව්‍යද යන්න නියම කරයි. එය මුළු පිටුවටම බලපාන අතර වෙබ් අඩවි නිර්මාණකරුවන්ට ප්‍රයෝජනවත් විය හැක. ඇතැම් HTML ටැග් සඳහා නිශ්චිත පන්ති පැවරීමටද හැකිය. CSS හි අකුරු ප්‍රමාණයේ දේපල උදාහරණයක් වේ. එයට පවරා ඇති අගය 18px වේ. මෙම මූලද්‍රව්‍යවල අනුපිළිවෙල අනුව පිටුව පෙනෙන්නේ කෙසේද සහ ක්‍රියා කරන්නේ කෙසේද යන්න තීරණය කරයි. ස්ටයිල් ෂීට් යනු ඔබේ වෙබ් අඩවියේ හොඳම පෙනුම ඇති කිරීමට අවශ්‍ය සියලුම තොරතුරු අඩංගු ලේඛන වේ.

ඔබ ඔබේ CSS මෝස්තර පත්‍රය ලියන විට, ඔබ භාවිතා කිරීමට කැමති එක් එක් පන්තිය නිර්වචනය කළ යුතුය. ස්ටයිල් ෂීට් වර්ග දෙකක් තිබේ: අභ්යන්තර මෝස්තර පත්රිකා සහ පේළිගත-ශෛලීන්. අභ්‍යන්තර මෝස්තර පත්‍රවල අකුරු වර්ණ සහ පසුබිම් වර්ණ පිළිබඳ උපදෙස් අඩංගු වේ. පේළිගත ශෛලීන්, අනිත් අතට, HTML ලේඛනයට සෘජුවම ලියා ඇති CSS කොටස් වන අතර ඒවා කේතීකරණයේ එක් අවස්ථාවක් සඳහා පමණක් යොදනු ලැබේ.

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

CSS යනු වෙබ් නිර්මාණයේ අත්‍යවශ්‍ය අංගයකි. එය ඔබේ වෙබ් අඩවිය පෙනෙන ආකාරය සහ එය දැනෙන්නේ කෙසේද යන්න තීරණය කිරීමට උපකාරී වේ. එය වෙබ් අඩවියකට විවිධ තිර ප්‍රමාණයන්ට සහ උපාංගවලට අනුවර්තනය වීමටද ඉඩ සලසයි. ඔබේ වෙබ් අඩවියේ පෙනුම අභිරුචිකරණය කිරීමට CSS භාෂාව ඔබට ඉඩ සලසයි, එය භාවිතා කරන්නේ කුමන ආකාරයේ උපාංගයක් වුවත්.

CSS සහ HTML කේත එකට භාවිතා කිරීමෙන් ඔබට ක්ෂණික ප්‍රතිඵල සහිත වෙබ් අඩවියක් නිර්මාණය කිරීමට ඉඩ සලසයි. HTML කේත පිටපත් කිරීම සහ ඇලවීම පහසුය. ඔබට වෙනස් කිරීමට අවශ්‍ය අගයන් පමණක් වෙනස් කළ යුතුය. බහුලවම, මෙයට අකුරු සහ වර්ණ ඇතුළත් වේ. ඔබේ වෙබ් අඩවියේ විවිධ පැති වෙනස් කිරීමට අදහස් භාවිතා කිරීමට CSS ඔබට ඉඩ සලසයි.

jquery සමඟ වෙබ් අඩවියක් නිර්මාණය කිරීම

පළමුවන, ඔබ jQuery පුස්තකාලය බාගත කළ යුතුය. මෙම පුස්තකාලය සම්පීඩිත සහ සම්පීඩිත අනුවාද දෙකෙන්ම පැමිණේ. නිෂ්පාදන අරමුණු සඳහා, ඔබ සම්පීඩිත ගොනුව භාවිතා කළ යුතුය. jQuery යනු ඔබට ස්ක්‍රිප්ට් භාවිතයෙන් ඔබේ HTML ලේඛනයට ඇතුළත් කළ හැකි JavaScript පුස්තකාලයකි> මූලද්රව්යය.

jQuery DOM හැසිරවීම සඳහා සහය දක්වයි, එනම් සිදු වන සිදුවීම් මත පදනම්ව ලේඛනයේ ඇති අංග වෙනස් කළ හැකි බවයි. අන්තර්ගතයේ පැහැදිලි බව සහ අවබෝධය සඳහා මෙය වැදගත් වේ. පුස්තකාලයට බොහෝ බිල්ට් සජීවිකරණ ප්‍රයෝග ඇතුළත් වන අතර AJAX හරහා ප්‍රතිචාරාත්මක වෙබ් නිර්මාණයට සහාය වේ., හෝ Asynchronous JavaScript සහ XML.

jQuery ස්ථාපනය සහ භාවිතා කිරීම පහසුය. අංගවලට සිදුවීම් සවන්දෙන්නන් එක් කිරීමෙන් ප්‍රතිචාරාත්මක වෙබ් අඩවි තැනීමට ඔබට එය භාවිතා කළ හැක. jQuery භාවිතා කිරීම, ඔබට සම්බන්ධතා ලැයිස්තු විජට් එකක් සහ පෙරනිමි මෝස්තර තේමාවක් යෙදිය හැක. අන්තර්ක්‍රියාකාරී මූලද්‍රව්‍ය නිර්මාණය කිරීමට ඔබට පුස්තකාලය භාවිතා කළ හැක.

ලේඛන වස්තු ආකෘතියක් (DOM) HTML හි නිරූපණයකි, සහ jQuery එය ක්‍රියා කළ යුත්තේ කුමන මූලද්‍රව්‍ය මතදැයි පැවසීමට තේරීම්කාරක භාවිතා කරයි. තේරීම් කරන්නන් CSS තේරීම්කරුවන්ට සමාන ආකාරයකින් ක්‍රියා කරයි, සමහර එකතු කිරීම් සමඟ. jQuery නිල ලේඛන පරීක්ෂා කිරීමෙන් ඔබට විවිධ තේරීම් ගැන වැඩිදුර ඉගෙන ගත හැක.

jQuery පුස්තකාලය ඉගෙන ගැනීමට පහසුය, නමුත් එයට HTML සහ CSS පිළිබඳ යම් දැනුමක් අවශ්‍ය වේ. ඔබට ක්‍රමලේඛන අත්දැකීමක් නොමැති නම්, ඔබට CodeSchool's Try jQuery පාඨමාලාව උත්සාහ කළ හැක, jQuery පිළිබඳ නිබන්ධන ටොන් ගණනක් සහ බොහෝ තොරතුරු ඇත. මෙම පාඨමාලාවට Mini Web App එකක් සාදා ගන්නා ආකාරය පිළිබඳ පාඩම් ද ඇතුළත් වේ.