كيف لعرض مصدر HTML في جوجل كروم

تعرف على كيفية إنشاء موقع ويب عن طريق عرض شفرة المصدر الخاصة به

عندما بدأت عملي كمصممة ويب لأول مرة ، تعلمت الكثير من خلال مراجعة عمل مصممي المواقع الآخرين الذين أعجبت بهم. أنا لست وحيدا في هذا. سواء كنت جديدًا في مجال الويب أو مخضرم مخضرم ، فإن عرض مصدر HTML لصفحات الويب المختلفة هو أمر من المرجح أن تقوم به عدة مرات على مدار حياتك المهنية.

بالنسبة لأولئك الجدد على تصميم الويب ، يعد عرض شفرة المصدر الخاصة بالموقع إحدى أسهل الطرق لمعرفة كيفية القيام ببعض الأشياء حتى يمكنك التعلم من هذا العمل والبدء في استخدام بعض التعليمات البرمجية أو التقنيات في عملك. مثل أي مصمم ويب يعمل اليوم ، وخاصة أولئك الذين كانوا فيه منذ الأيام الأولى لهذه الصناعة ، وهو رهان آمن بأنهم يخبرونك بأنهم تعلموا HTML ببساطة عن طريق عرض مصدر صفحات الويب التي رأوها وكانوا مفتونين بواسطة. بالإضافة إلى قراءة كتب تصميم الويب أو حضور المؤتمرات الاحترافية ، يعد عرض شفرة المصدر الخاصة بالموقع طريقة رائعة للمبتدئين لتعلم HTML.

أكثر من مجرد HTML

شيء واحد يجب تذكره هو أن ملفات المصدر يمكن أن تكون معقدة للغاية (وكلما زاد تعقيد الموقع الذي تشاهده ، كلما كان رمز الموقع أكثر تعقيدًا). بالإضافة إلى بنية HTML التي تشكل الصفحة التي تقوم بعرضها ، سيكون هناك أيضًا CSS (أوراق الأنماط المتتالية) التي تملي المظهر المرئي لهذا الموقع. بالإضافة إلى ذلك ، ستتضمن العديد من مواقع الويب اليوم ملفات البرامج النصية المضمنة مع HTML.

من المحتمل أن تكون هناك ملفات نصية متعددة متضمنة ، في الواقع ، كل منها يدعم جوانب مختلفة من الموقع. بصراحة ، قد يبدو رمز مصدر الموقع ساحقًا ، خاصة إذا كنت جديدًا في القيام بذلك. لا تشعر بالإحباط إذا لم تستطع معرفة ما يحدث في هذا الموقع على الفور. يعد عرض مصدر HTML مجرد الخطوة الأولى في هذه العملية. مع قليل من الخبرة ، ستبدأ في فهم أفضل لكيفية تناسب كل هذه الأجزاء معًا لإنشاء موقع الويب الذي تشاهده في متصفحك. عندما تصبح أكثر دراية بالشفرة ، ستتمكن من معرفة المزيد عنها ولن تبدو مرعبة لك.

كيف ترى الكود المصدري لموقع الويب؟ إليك الإرشادات خطوة بخطوة للقيام بذلك باستخدام متصفح Google Chrome.

تعليمات خطوه بخطوه

1. افتح متصفح الويب Google Chrome (إذا لم يكن لديك Google Chrome مثبتًا ، فهذا تنزيل مجاني).
2. انتقل إلى صفحة الويب التي ترغب في فحصها .
3. انقر بزر الماوس الأيمن فوق الصفحة وانظر إلى القائمة التي تظهر. من تلك القائمة ، انقر فوق عرض مصدر الصفحة .
4. سيظهر الآن رمز المصدر لهذه الصفحة كعلامة تبويب جديدة في المتصفح.
5. بدلاً من ذلك ، يمكنك أيضًا استخدام اختصارات لوحة المفاتيح لـ CTRL + U على جهاز كمبيوتر لفتح نافذة مع عرض شفرة المصدر الخاصة بالموقع. على نظام التشغيل Mac ، يكون هذا الاختصار هو Command + Alt + U.

ادوات المطورين

بالإضافة إلى إمكانية عرض مصدر الصفحة البسيط التي يوفرها Google Chrome ، يمكنك أيضًا الاستفادة من أدوات مطوري البرامج الرائعة للتعمق أكثر في الموقع. ستتيح لك هذه الأدوات عدم رؤية HTML فقط ، بل أيضًا CSS الذي ينطبق على عرض العناصر في مستند HTML هذا.

لاستخدام أدوات مطوري برامج Chrome:

1. افتح Google Chrome .
2. انتقل إلى صفحة الويب التي ترغب في فحصها .
3. انقر على الرمز المكوّن من ثلاثة أسطر في الركن العلوي الأيسر من نافذة المتصفح.
4. من القائمة ، قم بتحويم الماوس فوق أدوات إضافية ، ثم انقر فوق أدوات المطور في القائمة التي تظهر.
5. سيؤدي ذلك إلى فتح نافذة تعرض شفرة مصدر HTML على يمين الجزء ومن CSS الموجود على الجانب الأيمن.
6. بدلاً من ذلك ، إذا نقرت بزر الماوس الأيمن على عنصر في صفحة ويب وحدد فحص من القائمة التي تظهر ، فستظهر لك أدوات مطوّري البرامج في Chrome وسيتم تمييز العنصر المحدد الذي حددته في HTML مع CSS المقابل الظاهر على اليسار. هذا مفيد للغاية إذا كنت تريد معرفة المزيد حول كيفية إنشاء جزء معين من الموقع.

هو عرض رمز المصدر القانونية؟

على مر السنين ، كان لدي العديد من مصممي الويب الجدد السؤال عما إذا كان من المقبول عرض رمز مصدر الموقع واستخدامه لتعليمهم وفي النهاية للعمل الذي يقومون به. على الرغم من أن نسخ شفرة الموقع بالجملة وتمريرها كموقع خاص بك على موقع غير مقبول بالتأكيد ، فإن استخدام هذا الرمز كنقطة انطلاق للتعلم منه هو في الواقع عدد التقدم المحرز في هذه الصناعة.

كما ذكرت في بداية هذا المقال ، سيكون من الصعب الضغط على العثور على عمل على شبكة الإنترنت المهنية اليوم الذي لم يتعلم شيئا عن طريق عرض مصدر في الموقع! نعم ، يعد عرض رمز مصدر الموقع قانونيًا. إن استخدام هذا الرمز كمورد لبناء شيء مماثل أمر جيد أيضًا. أخذ الرمز كما هو وإيقافه لأن عملك هو المكان الذي بدأت تواجه مشاكل.

في النهاية ، يتعلم محترفو الويب من بعضهم البعض ويحسنون في الغالب من العمل الذي يرونه ويستلهمون منه ، لذلك لا تتردد في عرض رمز مصدر الموقع واستخدامه كأداة تعليمية.