والآن وصلنا لدرس مهم وسهل للغاية ،بالطبع عندما تبني لك موقعا خاصا ، فإنك ترغب بإضافة بريدك للموقع لكي يتمكن الزوار من مراسلتك، وأيضا ربما خطر على بالك ان تضع رابطا لموقع آخر ، وكذلك لصفحة أخرى من صفحات موقعك فيا ترى كيف ستتمكن من فعل كل ذلك..؟؟؟ كل ما عليك فعله هو قراءة الدرس هذا باتقان والتركيز على الأمثلة لانها ستساعدك على فهم كيفية صنع روابط.
أولا : لإضافة وصلة تشعبية لصفحة أخرى او موقع آخر هنالك رمز معين يجب ان تكتبه وهو التالي :
<a href="http://www.lakii.com/vb"> منتدى لك </a>
والآن ضع عنوان الموقع بين العلامتين" " المبين باللون الأزرق واكتب في الفراغ بين الرمزين اسم الرابط الذي تود من الزائر الضغط عليه المبين في اللون الأخضر . كما في المثال التالي
منتدى لك
هل ترغب بواضع رابط لبريدك كما هو كالتالي:
و ترغب أن يظهر هذا الارتباط على الصفحة باسم ... راسلني ... كما هو في المثال التالي راسلني كل ما عليك القيام به هو كتابة الرمز التالي :
<a href="??????@??????.com"> راسلني</a>
وحتى الآن عرفت كيفية إضافة الرابط سواء لموقع أو صفحة أو بريد إلكتروني .
ثالثا: لإضافة وصلة تشعبية لصفحة او موقع او بريد إلكتروني وذلك عن طريق الضغط أو النقر على صورة
بالطبع ربما لاحظت انه في بعض المواقع حينما تضغط على صورة فإنها تذهب بك إلى موقع آخر أو يظهر لك البريد لصاحب الموقع . وربما أردت في موقعك أن تضيف صورة لتكون مثل إشارة المرور التي تخبر الزائر بالضغط عليها لترسله لموقع آخر،وهكذا سوف تتعلم الآن كيفية فعل ذلك . كل ما عليك فعله هو كتابة العنوان الذي تريد من الزائر الانتقال إليه في المكان المخصص للعنوان ، وتكتب الملف الذي توجد فيه الصورة في نفس المكان الذي كتبته سابقا المخصص للعبارة التي سوف يضغط وينقر عليها الزائر . ربما لم تقتنع بكلامي كثيرا ، لذلك إليك هذا المثال التالي الذي يسهل عليك فهم الأمر :
يمكنك فعل ذلك بنفس طريقة المثال السابق و لكن بدل أن تكتب كلمة راسلني, استخدم الرمز الخاص بإضافة الصورة <img>
وتستطيع التحكم في عرض وطول الصورة كما بينت لك في الدروس السابقة .
رابعا:إضافة وصلة تشعبية تنقلك إلى بداية أو نهاية الصفحة او أي فقرة تختارها ربما تكون الصفحة التي صممتها طويلة ، لذلك من الأفضل أن تضيف إليها وصلات تسهل على الزائر الانتقال مباشرة إلى نهاية الصفحة أو الرجوع إلى بداية الصفحة أو حتى للتذكير بإحدى الفقرات لكي يقرأها مرة أخرى. لذلك هنالك وسم خاص لهذا الأمر ألا وهو
!+أحمر!......!-أحمر!
مضافا إليه الخاصية !+أحمر!NAME!-أحمر! والآن هيا لنبدأ العمل معا ، فلنختار معا فقرة لكي نصل إليها عند كتابة وصلة خاصة لها ، ما رأيك في بداية الصفحة ، إذن فسوف نعمل معا الآن وصلة لكي تنقلنا مباشرة إلى بداية الصفحة. إذن نختار أول كلمة من بداية الفقرة الأولى ونضعها بين الوسمين التاليين بهذه الطريقة.
!+أحمر!!-أحمر!والآن!+أحمر!!-أحمر!
هل هذا هو كل شيء؟؟ لا..بقي شيء آخر ، ألا وهو تسمية هذه الفقرة لكي نتمكن من الوصول إليها ، فما رأيك أن نسميها begain وهكذا يكتب الأمر ليكون بهذه الطريقة لنضعه في بداية الفقرة الأولى
!+أحمر!!-أحمر!والآن !+أحمر!!-أحمر!
وبقيت الآن الخطوة الأخيرة ، ونكتب الوصلة الخاصة التي تنقلنا مباشرة إلى بداية الصفحة أي بداية الفقرة الأولى. في البداية نكتب الوسم الخاص بالوصلات ثم نكتب عنوان الصفحة ، بعدها تأتي إشارة # وهي مهمة كثيرا وأخيرا نكتب اسم الفقرة التي نحن قمنا بتسميتها begain وستكون بالشكل التالي :
بداية الصفحة
وأخيرا تمكنا من كتابة الوصلة بهذه الطريقة بداية الصفحة أتمنى أن يكون الدرس قد حاز على إعجابك. أتمنى أن تطبق كل الدروس السابقة وإذا كان لديك أي استفسار فنحن هنا متواجدين لمساعدتك. لنا لقاء آخر مع دروس جديدة أعدها لكم خلال الأيام القادمة بإذن الله.
جميع الأكواد لن تعمل هنا جربها عندك فستجدها تعمل جيدا .
شكر لكم
-- عفواً .. يُمنَع وضع البريد الالكتروني في المُنتدى منعاً باتّاً ..
رد مع الاستدلال
.
أخر درس
الروابط المفضلة