الرّوابط

الرّوابط النّسبية

آخر تحيين: 04-01-2015

رابط المرساة الرّوابط المطلقة


تمَكِّنُنا الروابط النسبية من التنقل و التجوال بين صفحات الموقع . ماذا قلت ؟ صفحات ! ولكننا لم ننشأ لحد الآن إلاّ صفحة واحدة . موقع فقير و بئيس إذاً ،قبل الخوض في غمار الروابط ، لنتدارك الموقف أولا و ننشئ موقعا يحتوى صفحتين على الأقل
لديكم مبدئيا صفحة واحدة ، التي أنشأتموها سابقا و هي page1. قوموا بإنشاء الصفحة الثانية بنفس الطريقة التي عهدتموها ، ثم أطلقوا عليها إسم page2 و احفظوها في نفس الملف مع page1.

ستحصلون على صفحتي ويب كما تبين الصورة


بما أن الصفحتين جاهزتين ، لنكمل ما بدأناه . لإنشاء رابط نسبي من صفحة إلى صفحة أخرى ، يوجد احتمالان :

  1. إما أن تكون الصفحة الثانية داخل نفس الملف مع الصفحة الأولى ، وهذا ما قمنا بإنجازه منذ لحظة .
  2. أو تكون الصفحة الثانية في ملف آخر غير الملف الذي توجد فيه الصفحة الأولى .

1. رابط نسبي إلى صفحة في نفس الملف



عندما تكون الصفحة التي نريد الإنتقال إليها موجودة في نفس الملف مع صفحتنا الحالية ، نقوم بكتابة أقصر رابط على الإطلاق إذ لانكتب إلا اسم الصفحة الثانية مثلا <a href="page2.html"> رابط نسبي إلى الصفحة 02</a>
قليل من التطبيق :
افتحوا الصفحة "page1.html" ببرنام تحرير النصوص ثم أضيفوا هذه الشيفرة

<p>
  <h2> الصفحة رقم 01</h2>
  أنت الآن في الصفحة رقم 01 . للذّهاب إلى الصفحة 02 أنقر الرابط التالي :<br/>
  <a href="page2.html"> رابط نسبي إلى الصفحة رقم 02 </a>
</p>

و الشيفرة التالية في : page2.html

<p>
<h2> الصفحة رقم 02</h2>
  أنت الآن في الصفحة رقم 2 . للرجوع إلى الصفحة 01 أنقر الرابط التالي :<br/>
  <a href="page1.html"> العودة إلى الصفحة 01 </a>
</p>

إفتحوا الآن أي واحدة من الصفحتين على متصفّحكم و ابدؤوا التنقل بين صفحتي موقعكم بالنقر على الرّوابط

2. رابط نسبي إلى صفحة في ملف آخر


إذا كانت الصفحة التي نود بلوغها أي "page3" ، موجودة في ملف آخر غير الملف الذي يحتوي على "page1" . لكتابة الرابط من "page1" إلى "page3"; سيتوجب علينا إضافة إسم الملف الذي يضم "page3" , مثلاً :
لنأخذ ملف الموقع الذي أنشأناه : يحتوي على صفحتين "page1" و "page2" سنقوم بإضافة ملف جديد هنا و نسميه مثلاً : "cours" . وداخل هذا الملف سننشأ صفحة ثالثة "page3" .

في هذه الحالة للإنتقال من page1 إلى page3 : يكون الرابط على الشكل التالي :

<!-- page1.html صفحة -->

<a href="cours/page3.html"> رابط إلى الصفحة رقم 3 </a>



ماذا لو أردت فعل العكس ، أي الإنتقال من page3 إلى page1 . هل وجب علي كتابة الرابط المطلق ؟
للإنتقال من page3.html إلى page1.html باستعمال الرابط النسبي . نقوم بالخروج من الملف الذي يضم page3 باستعمال نقطتين :

<!-- page3.html صفحة -->

<a href="../page1.html"> رابط إلى الصفحة رقم 1 </a>

لنفترض الآن أن الصفحة "page3" توجد في ملف نسميه "dossier1" وهذا الأخير بدوره يوجد داخل ملف "cours" .( إذا وضعنا رسماً للطريق المؤدية ل :"page3") ستكون كالتالي :
cours => dossier1 => page3.html
لإنشاء الرابط من "page1" إلى "page3" . نقوم بكاتبة جميع أسماء الملفات بدءا من الملف الذي يوجد في نفس المكان مع "page1" أي cours في مثالنا . حتى نصل إلى الملف الذي يحتوي على الصفحة "page3" . و بعد كل ملف نضعُ إشارة سلاش " / " وسيكون الرابط كالتالي :

<!-- page1.html صفحة -->

<a href="cours/dossier1/page3.html"> رابط إلى الصفحة رقم 3 </a>

لفعل العكس أي الإنتقال من page3.html إلى page1.html نقوم باستبدال إسم كل ملف بنقطتين

<!-- page3.html صفحة -->

<a href="../../page1.html"> رابط إلى الصفحة رقم 1 </a>

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