الروابط والتنقل: شرح وتمارين وأخطاء شائعة

ماذا يعلّم هذا الدرس فعلًا

أنشئ روابط واضحة بنص href ذي معنى للتنقل. هذا الدرس جزء من مسار «أساسيات الويب (Web)».

الشرح المتعمّق

الروابط تصل الصفحات باستخدام <a href>. نص الرابط يجب أن يصف الوجهة لا «اضغط هنا». المسارات النسبية تتنقل داخل موقعك؛ والعناوين المطلقة تغادره. سمات title إضافية اختيارية لا بديلاً عن نص واضح. ابنِ تنقلاً مصغراً: الرئيسية وعننا ورابط وثائق خارجي. أنشئ موقعاً من صفحتين بروابط نسبية ذهاباً وإياباً ورابط خارجي واحد. استخدم حلقة علّم←اشرح←بيّن←طبّق في كل مرة تدرس فيها هذه المهارة. تنبّأ بالنتيجة قبل التحقق ثم صحّح الخطوة

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

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

تطبيق عملي

**مثال** <a href="about.html">عن الدورة</a> مقابل السيئ: <a href="about.html">اضغط هنا</a>

أخطاء شائعة

• نص رابط «اضغط هنا» • مسارات نسبية مكسورة من مجلدات خاطئة • فتح كل رابط بغرض غير واضح