وانەی 7 لە 67
وانەی ٧: سەیرکردنی ناو لاپەڕە: View Source و DevTools
بەشی ١: View Source
هەموو لاپەڕەیەکی وێب لە HTML دروست کراوە، و وێبگەڕەکەت دەتوانێت پیشانت بدات. فایلی دەستپێک لە وێبگەڕدا بکەرەوە. پاشان کرتەی ڕاست بکە لەسەر لاپەڕەکە و View Page Source هەڵبژێرە. هەروەها دەتوانیت Ctrl+U بکەیت.
دەبینت HTMLی لاپەڕەکە دەردەکەوێت، بەو شێوەیەی نووسراوە. بەدوای ئەو شتانەدا بگەڕێ کە فێربووین: توخمەکانی
<html>، <head> و <body>، سەردێڕەکە، و ئەو تایبەتمەندییانەی وانەی ڕابردوو، checked و disabled.View Source لەسەر هەموو ماڵپەڕێک کار دەکات، نەک تەنها هی خۆت. لەسەر ماڵپەڕێک کە دڵخوازتە تاقی بکەرەوە. ماڵپەڕە گەورەکان کۆدی زۆریان هەیە، بۆیە خەمی ئەو بەشانە مەخۆ کە نایانناسیت. بەدوای توخمە ناسراوەکاندا بگەڕێ، وەک
<title> و سەردێڕەکان.تێبینی: View Source تەنها ڕێگەت دەدات کۆدەکە بخوێنیتەوە. ناتوانیت لێرە هیچ بگۆڕیت.
بەشی ٢: پشکنەر (Inspector)
بۆ بینینێکی وورتر، ئامرازەکانی گەشەپێدەری وێبگەڕ بەکاربهێنە. کرتەی ڕاست بکە لەسەر سەردێڕەکە و Inspect هەڵبژێرە. هەروەها دەتوانیت F12 بکەیت.
بینینی Elements لاپەڕەکە وەک دارێکی توخمەکان پیشان دەدات. سەرنج بدە چۆن بۆشایی لای چەپ نیشان دەدات چی لەناو چیدایە، وەک لە کۆدەکەی خۆماندا. ماوسەکە بخەرە سەر توخمێک لە پانەڵەکەدا، و وێبگەڕ لەسەر لاپەڕەکە دیاری دەکات. کرتە بکە لەسەر
<input>ی چێکبۆکسەکە، و دەتوانیت تایبەتمەندییەکانی بخوێنیتەوە.ئێستا با شتێک بگۆڕین. دوو جار کرتە بکە لەسەر تێکستی
<h1> لە پانەڵەکەدا، ناونیشانێکی نوێ بنووسە، و Enter بکە.سەردێڕەکە لەسەر لاپەڕەکە دەگۆڕێت. پاشان لاپەڕەکە نوێ بکەرەوە، و سەردێڕە ڕەسەنەکە دەگەڕێتەوە.
لاپەڕەکە گۆڕا، بەڵام تەنها بۆ ساتێک. پشکنەر لاپەڕەکە لە وێبگەڕەکەتدا دەگۆڕێت، نەک فایلەکە لەسەر کۆمپیوتەرەکەت. نوێی بکەرەوە، و نامێنێت.
هەڵەیەکی باو: لە پشکنەردا بگۆڕیت و چاوەڕێی گۆڕانی فایلەکە بیت. بۆ گۆڕانکارییەکی ڕاستەقینە، فایلەکە لە کۆدنوسەکەتدا بگۆڕە، پاشەکەوتی بکە و نوێی بکەرەوە.
بەشی ٣: هەڵەکە بدۆزەرەوە
با ئەوەی فێربووین بەکاری بهێنین. فایلی دەستپێک هەڵەیەکی ئەنقەستی هەیە لە ناوی تایبەتمەندییەکدا. View Source بکەرەوە و بیدۆزەرەوە.
<html lnag="ckb" dir="rtl">lnag هەڵەنووسینێکی langـە. لەبیرتە، وێبگەڕ هیچ هەڵەیەک نیشان نادات. تەنها فەرامۆشی دەکات. بۆیە سەیرکردنی سەرچاوەکە یارمەتیدەرە. لە کۆدنوسەکەتدا چاکی بکە، پاشەکەوتی بکە، نوێی بکەرەوە، و دووبارە View Source بپشکن
- View Source HTMLی لاپەڕەیەک پیشان دەدات. لەسەر هەموو ماڵپەڕێک کار دەکات، و تەنها دەتوانیت بیخوێنیتەوە.
- پشکنەر لاپەڕەکە وەک دارێکی توخمەکان پیشان دەدات، هەر یەکێکیان دیاری دەکات، و تایبەتمەندییەکانی پیشان دەدات.
- ئەو گۆڕانکارییانەی لە پشکنەردا دەیکەیت کاتین. نوێی بکەرەوە، و نامێنن.
- بۆ گۆڕانکارییەکی ڕاستەقینە، فایلەکە لە کۆدنوسەکەتدا بگۆڕە.
ڕاهێنان:
١. View Source لەسەر ماڵپەڕێک بکەرەوە کە دڵخوازتە.
<title> و یەک سەردێڕی بدۆزەرەوە. ٢. لە فایلی دەستپێکدا، پشکنەر بەکاربهێنە بۆ گۆڕینی تێکستی سەردێڕەکە. نوێی بکەرەوە و ببینە چۆن دەگەڕێتەوە.
٣. تایبەتمەندییە هەڵە نووسراوەکە لە فایلەکەدا چاک بکەرەوە، و دووبارە View Source بپشکنە.
نموونە
html<!DOCTYPE html>
<html lang="ckb" dir="rtl">
<head>
<meta charset="UTF-8">
<title>داواکاری چا</title>
</head>
<body>
<h1>داواکاری چا</h1>
<p>چایەکەت هەڵبژێرە.</p>
<label><input type="checkbox" checked> بە شەکر</label>
<button disabled>داواکردن</button>
</body>
</html>خۆت تاقی بکەرەوە ↗
ئەنجام
چوونەژوورەوە بۆ پاشەکەوتکردنی پێشکەوتنت لە فێربووندا.