گوگل کروم میں ایچ ٹی ایم ایل ماخذ کو کیسے ملاحظہ کریں

جانیں کہ کس طرح ویب سائٹ کو اس کے ذریعہ کوڈ دیکھ کر بنایا گیا تھا

جب میں نے سب سے پہلے اپنے ویب کیریئر کے طور پر اپنے کیریئر شروع کر دیا، میں نے دوسرے ویب ڈیزائنرز کے کام کا جائزہ لیا جس میں میں نے تعریف کیا. میں اس میں اکیلے نہیں ہوں. چاہے آپ ویب انڈسٹری کے لئے نیا ہوں یا ایک تجربہکار تجربہ کار، مختلف ویب صفحات کے HTML ذریعہ کو دیکھنے کے لۓ کچھ ایسا کام ہے جسے آپ اپنے کیریئر کے دوران کئی بار کرنے کا امکان رکھتے ہیں.

ان لوگوں کے لئے جو ویب ڈیزائن میں نئے ہیں، کسی ویب سائٹ کا منبع کوڈ دیکھتے ہوئے یہ آسان ترین طریقوں میں سے ایک ہے کہ کتنی چیزیں کیا جاسکتی ہیں تاکہ آپ اس کام سے سیکھیں اور اپنے کام میں مخصوص کوڈ یا تکنیک استعمال کرنا شروع کریں. جیسا کہ کسی بھی ویب ڈیزائنر آج کام کررہا ہے، خاص طور پر وہ لوگ جو انڈسٹری کے ابتدائی دنوں سے اس پر موجود ہیں، اور یہ ایک محفوظ شرط ہے کہ وہ آپ کو بتائیں کہ وہ صرف ویب صفحات کے ذریعہ کو دیکھنے کے لۓ HTML سیکھا ہے جس نے دیکھا ہے کی طرف سے ویب ڈیزائین کی کتابیں پڑھنے یا پیشہ ورانہ کانفرنسوں میں شرکت کرنے کے علاوہ، ابتدائی طور پر HTML کے بارے میں جاننے کے لئے ویب سائٹ کا منبع کوڈ دیکھنے کا ایک بڑا طریقہ ہے.

ایچ ٹی ایم ایل سے زیادہ

یاد رکھنے کے لئے ایک چیز یہ ہے کہ ذریعہ فائلیں بہت پیچیدہ ہوسکتی ہیں (اور جس ویب سائٹ پر آپ دیکھ رہے ہو اس پر زیادہ پیچیدہ ہے، اس سائٹ کا کوڈ زیادہ پیچیدہ ہے). ایچ ٹی ایم ایل ڈھانچہ کے علاوہ جس صفحے کو آپ دیکھ رہے ہو اس کے علاوہ، وہاں بھی سی ایس ایس (کاسمیٹنگ سٹائل شیٹس) ہو گا جو اس سائٹ کے بصری ظہور کو مرتب کرتی ہے. مزید برآں، آج بہت سے ویب سائٹس میں HTML میں شامل سکرپٹ کی فائلیں شامل ہیں.

حقیقت میں، ہر ایک سائٹ کے مختلف پہلوؤں کو اقتدار میں شامل ہونے والی کئی سکرپٹ کی فائلوں کا امکان ہے. سچ میں، کسی سائٹ کا ذریعہ کوڈ غالب ہوسکتا ہے، خاص طور پر اگر آپ ایسا کرنے کے لئے نئے ہیں. اگر آپ کو اس سائٹ سے فوری طور پر نہیں جانا پڑتا ہے تو اس سے مایوس نہ ہو. ایچ ٹی ایم ایل کا ذریعہ دیکھنے کے اس عمل میں صرف پہلا قدم ہے. تھوڑا تجربہ کے ساتھ، آپ کو بہتر طور پر سمجھنا شروع ہو جائے گا کہ یہ آپ کے براؤزر میں موجود ویب سائٹ بنانے کے لئے یہ سب ٹکڑے ٹکڑے کیسے ملیں گے. جیسا کہ آپ کو کوڈ سے زیادہ واقف ہے، آپ اس سے مزید سیکھنے کے قابل ہو جائیں گے اور یہ آپ کے لئے مشکل نہیں لگے گا.

تو آپ ایک ویب سائٹ کے ذریعہ کوڈ کیسے دیکھتے ہیں؟ گوگل کروم براؤزر کا استعمال کرنے کے لئے قدم بہ قدم ہدایات یہ ہے.

قدم ہدایات کی طرف سے قدم

1. Google Chrome ویب براؤزر کھولیں (اگر آپ کے پاس Google Chrome انسٹال نہیں ہے تو یہ ایک مفت ڈاؤن لوڈ ہے).
2. ویب صفحے پر نیویگیشن کریں جو آپ جانچ کرنا چاہتے ہیں .
3. صفحے پر دائیں کلک کریں اور ظاہر ہونے والا مینو دیکھیں. اس مینو سے، صفحے کا ذریعہ دیکھیں پر کلک کریں .
4. اب اس صفحے کے ذریعہ کوڈ براؤزر میں ایک نئے ٹیب کے طور پر ظاہر ہوگا.
5. متبادل طور پر، آپ کو ایک کمپیوٹر پر CTRL + U کی کی بورڈ شارٹٹٹس کا بھی استعمال کرنے کے لئے ویب سائٹ کے ذریعہ کوڈ کے ساتھ کھڑکی کھولنے کے لئے استعمال کرسکتا ہے. میک پر، یہ شارٹ کٹ کمانڈ + Alt + U ہے .

ڈویلپر ٹولز

سادہ ملاحظہ کریں صفحے کے ذریعہ ماخذ کی صلاحیت ہے کہ گوگل کروم پیش کرتا ہے، آپ کسی بھی ویب سائٹ میں بھی گہرائی سے کھونے کے لئے ان کے بہترین ڈویلپر ٹولز کا فائدہ اٹھا سکتے ہیں. یہ ٹولز آپ کو ایچ ٹی ایم ایل نہیں دیکھ سکتے ہیں بلکہ اس HTML دستاویز میں عناصر کو دیکھنے کے لئے بھی لاگو ہوتے ہیں.

Chrome کے ڈویلپر کے اوزار استعمال کرنے کے لئے:

1. گوگل کروم کھولیں
2. ویب صفحے پر نیویگیشن کریں جو آپ جانچ کرنا چاہتے ہیں .
3. براؤزر ونڈو کے اوپری دائیں کونے میں تین لائنوں کے ساتھ آئکن پر کلک کریں.
4. مینو سے، مزید ٹولز پر ہور اور پھر ڈویلپر کے اوزار پر کلک کریں جو ظاہر ہوتا ہے.
5. یہ ایک ونڈو کھل جائے گی جس میں فین کے بائیں اور ایچ ٹی ایم ایل سے متعلقہ سی ایس ایس کے ذریعہ HTML کے ذریعہ کوڈ دکھائے گا.
6. متبادل طور پر، اگر آپ صحیح ویب صفحہ میں ایک عنصر پر کلک کریں اور اس مینو کا معائنہ کریں جو ظاہر ہوتا ہے تو، Chrome کے ڈویلپر کا اوزار پاپ جائے گا اور آپ کا منتخب کردہ عین مطابق عنصر ایچ ٹی ایم ایل میں صحیح نمائش کے مطابق دکھایا جائے گا. یہ انتہائی مددگار ہے اگر آپ کسی سائٹ کا ایک مخصوص ٹکڑا تیار کیا گیا تھا اس بارے میں مزید جاننا چاہتے ہیں.

کیا دیکھ رہا ہے ماخذ کوڈ قانونی؟

کئی برسوں کے دوران، میں نے بہت سے نئے ویب ڈیزائنرز کے بارے میں سوال کیا ہے کہ آیا سائٹ کے ذریعہ کوڈ کو دیکھنے کے لئے قابل قبول ہے اور ان کی تعلیم کے لئے اور بالآخر وہ کام کرتے ہیں جو اس کے لئے استعمال کرتے ہیں. کسی سائٹ کا کوڈ ہول سیل کرنے اور اس سائٹ پر آپ کی اپنی حیثیت کے طور پر گزرنے سے یقینی طور پر قابل قبول نہیں ہے، اس کوڈ کا استعمال کرتے ہوئے سنوبورڈ کے طور پر اصل میں اس صنعت میں کتنی ترقیات کی جاتی ہے.

جیسا کہ میں نے اس آرٹیکل کے آغاز میں ذکر کیا، آج کل ایک پیشہ ور ویب پروفیشنل کو تلاش کرنے کے لئے سخت زور دیا جائے گا، جس نے کسی سائٹ کے ذریعہ کو دیکھ کر کچھ نہیں سیکھا! جی ہاں، کسی سائٹ کا ذریعہ کوڈ دیکھ کر قانونی ہے. اس کوڈ کا استعمال کرتے ہوئے وسائل کے طور پر کسی بھی چیز کی تعمیر کرنے کے لئے بھی ٹھیک ہے. اس کوڈ پر آپ پہلے ہی غلط استعمال کی رپورٹ کر چکے / چکی ہیں. ہیلپ ڈیسک جلد از جلد معاملے کو دیکھے گا. تصویر کے بارے میں غلط استعمال کی اطلاع کرنے میں ایرر آ گیا ہے.

آخر میں، ویب کے پیشہ ور ایک دوسرے سے سیکھتے ہیں اور اکثر ایسے کاموں کو بہتر بناتے ہیں جو دیکھتے ہیں اور حوصلہ افزائی کرتے ہیں، لہذا کسی سائٹ کا ذریعہ کوڈ دیکھنے کے لئے ہچکچاہٹ نہ کریں اور اسے سیکھنے والے آلے کے طور پر استعمال کریں.