Google Chrome හි HTML මූලාශ්රය බලන්න

එහි මූල කේතය නැරඹීමෙන් වෙබ් අඩවියක් තනන ලද ආකාරය දැන ගන්න

මම මුලින්ම වෙබ් නිර්මාණකරුවෙකු ලෙස මගේ වෘත්තිය ආරම්භ කළ විට, මා අගය කළ අනෙකුත් වෙබ් නිර්මාණකරුවන්ගේ වැඩ සමාලෝචනය කිරීමෙන් මම බොහෝ දේ ඉගෙනගත්තා. මම මේක තනියම නෙවෙයි. ඔබ වෙබ් කර්මාන්තයට අලුතින් හෝ අලූත් වරක් ප්රවීණයෙකු වූවද, විවිධ වෙබ් පිටු වල HTML ප්රභවයක් නරඹමින් ඔබේ වෘත්තීය ගමන් වාර ගණනාව පුරාවට බොහෝ විට ඔබ බොහෝ විට කළ හැකිය.

වෙබ් නිර්මාණකරණයට අලුතින්ම පිවිසෙන අයට, වෙබ් අඩවියේ මූල කේතය නැරඹීම සඳහා, ඔබ විසින් කරන ලද කාර්යයන්ගෙන් ඉගෙන ගැනීමටත්, ඔබේම කෘතියෙහි ඇතැම් කේත හෝ ශිල්ප ක්රම භාවිතා කිරීමටත් හැකි වන පරිදි සමහර දේවල් සිදු කරන ආකාරය බැලීමට පහසුම මාර්ගයන්ගෙන් එකකි. කර්මාන්තයේ මුල් කාලයේ සිට මේ දක්වා වෙබ් අඩවි නිර්මාණකරුවකු ලෙස සේවය කරන ඕනෑම අයෙකු ලෙස, එය ඔවුන් විසින් ඔබට පවසන විට එය සරල HTML එකක් ඉගෙනගෙන ඇති අතර වෙබ් අඩවි වල මූලාශ්රය නරඹමින් එය කුතුහලය විසින්. වෙබ් නිර්මාණ ග්රන්ථ කියවීම හෝ වෘත්තීය සම්මන්ත්රණ වලට සහභාගී වීම හැරෙන්නට, වෙබ් අඩවියේ කේත කේත බැලීම ආරම්භකයින්ට HTML ඉගෙනීමට හොඳ ක්රමයකි.

HTML එකකට වඩා වැඩිය

මතක තබා ගැනීමට එක් දෙයක් නම් මූලාශ්ර ගොනු ඉතා සංකීර්ණ විය හැකි අතර (ඔබ වඩාත් සංකීර්ණ වෙබ් අඩවිය ඔබ නරඹන වේ, වෙබ් අඩවියේ කේතය වඩා සංකීර්ණ විය හැකිය). ඔබ නරඹන පිටුවට ඇතුළත් වන HTML ව්යුහයට අමතරව, එම වෙබ් අඩවියේ දෘශ්ය පෙනුම විධාන කරන CSS (cascading style sheets) ද ඇත. අතිරේකව, අද බොහෝ වෙබ් අඩවි HTML සමග එක්ව ඇති ස්ක්රිප්ට් ගොනු ඇතුළත් වේ.

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

ඉතින් කොහොමද වෙබ් අඩවියක මූල කේතය ඔබ නරඹන්නේ කෙසේද? ගූගල් ක්රෝම් බ්රවුසරය භාවිතා කරමින් එසේ කිරීම සඳහා පියවරෙන් පියවර උපදෙස් මෙහි දැක්වේ.

පියවරෙන් පියවර උපදෙස්

1. Google Chrome වෙබ් බ්රවුසරය විවෘත කරන්න (ඔබට Chrome Chrome ස්ථාපනය නොකළහොත් මෙය නොමිලේ බාගත කිරීමකි).
2. ඔබ පරීක්ෂා කිරීමට කැමති වෙබ් පිටුව වෙත යන්න .
3. පිටුවට දකුණු ක්ලික් කරන්න සහ දර්ශණය වන මෙනුව දෙස බලන්න. එම මෙනුවෙන්, පිටු ප්රභවය බලන්න ක්ලික් කරන්න.
4. එම පිටුව සඳහා මූල කේතය බ්රවුසරයේ නව ටැබයක් ලෙස දිස්වනු ඇත.
5. විකල්පයක් ලෙස, ඔබට පරිගණකයේ සිට CTRL + U යතුරු පුවරුවේ කෙටිමං භාවිතා කළ හැකිය, වෙබ් අඩවියේ කේත කේතය සහිත කවුළුවක් විවෘත කිරීම සඳහා. මැක් මත, මෙම කෙටිමඟ යනු Command + Alt + U.

සංවර්ධන මෙවලම්

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

Chrome හි සංවර්ධක මෙවලම් භාවිතා කිරීම සඳහා:

1. Google Chrome විවෘත කරන්න.
2. ඔබ පරීක්ෂා කිරීමට කැමති වෙබ් පිටුව වෙත යන්න .
3. බ්රවුසර් කවුළුවේ ඉහළ දකුණු කෙළවරේ පේළි තුනක් සහිත අයිකනය ක්ලික් කරන්න.
4. මෙනුවෙන්, තවත් මෙවලම් උඩින් බලා ඉදිරියට යන්න. පසුව පෙනෙන මෙනුවේ සංවර්ධක මෙවලම් ක්ලික් කරන්න.
5. මෙම කවුළුවෙහි වම් පසින් ඇති HTML ප්රභවය කේතය සහ දකුණු පස ඇති CSS ආශ්රිතව පෙන්වන කවුළුවක් විවෘත කරනු ඇත.
6. විකල්පයක් ලෙස, ඔබ වෙබ් පිටුවක ඇති මූලද්රව්යයක් රයිට් ක්ලික් කර මිනිත්තු වලින් පරීක්ෂා කර බලන්න. Chrome හි සංවර්ධක මෙවලම් උත්පතනය වන අතර ඔබ විසින් තෝරා ඇති නිවැරදි මූලද්රව්යය නිවැරදිව පෙන්නුම් කරන CSS සමග HTML හී සලකුණු කරනු ලැබේ. වෙබ් අඩවියක එක් නිශ්චිත කැබැල්ලක් නිර්මාණය කළ ආකාරය පිළිබඳ වැඩිදුර දැන ගැනීමට ඔබට අවශ්ය නම් මෙය අතිශය ප්රයෝජනවත් වේ.

කේත කේත නිරුපනය කිරීම

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

මම මෙම ලිපියේ ආරම්භයේ සඳහන් කළ පරිදි, වෙබ් අඩවියේ මූලාශ්රය නරඹමින් යමක් ඉගෙන නොගත් වර්තමාන වැඩ කරන වෙබ් වෘත්තිකයෙකු සොයා ගැනීමට ඔබට බලකෙරෙනු ඇත! ඔව්, අඩවියේ මූල කේතය බැලීම නීතිමය වේ. එම කේතය සමාන දෙයක් නිර්මාණය කිරීම සඳහා සම්පතක් ලෙස භාවිතා කිරීම ද හොඳය. ගැටළු වලට මුහුණ දීමට පටන් ගන්නා විට ඔබ වැඩ කරන විට කේතය රැගෙන යාම සහ එය විසුරුවා හැරීම.

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