سلسلة دروس الـ Html الثالثة ( الوصلات التشعبية- الإرتباطات)

الكاتب : AliM   المشاهدات : 2,812   الردود : 7    ‏2005-06-27
      مشاركة رقم : 1    ‏2005-06-27
  1. AliM

    AliM عضو

    التسجيل :
    ‏2005-06-15
    المشاركات:
    102
    الإعجاب :
    0
    نضع بين اديكم الدروس السابقة ..

    الــدرس الأول

    ------------
    الــدرس الثـاني .. ( النصوص وخواصها)

    ------------------

    بسم الله الرحمن الرحيم ..

    اليوم سنتكلم عن الـوصلات . وأعني بالوصلات التشعبية أي الإرتباطات . أو LINKS . . وخواصها ..

    اسئلك سؤال . كيف وصلت إلي هذا الدرس . وكيف تتنقل من بين صفحة إلي صفحة . وكيف تنزل ملف او موسيقي .

    اليوم سنتعلم هذا . كيفية إضافة أرتباطات لصفحات آخرى ..

    -----------------
    كلمة الوصلات التشعبية معناها باللغة الإنجليزية Hypertext REFerence .. ومنها أستخرج كود الإرتباطات . او الوصلات .

    ------------
    ويـبداء الكود بكتابة الوسم هـذا
    [align=left]
    كود:
    <a> ......</a>
    -----------
    وحـرف a .. أتى من كلمة Anchor . وطبعأً هذا الوسم لا يعمل لوحدة . بكتابة حرف a فقط . ولكن ذكرنا سابقاً كلمة Hypertext REFerence .. لذلك سيـكون كتابة الكود كاملاً هـكذا ..

    ----------
    [align=left]
    كود:
    <A HREF="http://www.ye1.org">المجلس اليمني</A>

    ------------
    فستظهر لك الوصلة بـهذا الشكل .
    المجلس اليمني

    0000000000
    الـعنـوان الإلكتروني E-mail

    أحياناً نجد بعض المواقع شئ اسمه راسلنا .. بعضهم يعملوا عن طريق فورم .وهذا يحتاج قليلاً من البرمجة في ا لـ php . وبعضهم يعملوة . راسلنا . وعند الضغط يفتح لنا الأوتلوك . كيف يعمل هذا ..

    بنفس الكود السابق تبع الوصلات ا لتشعبية . وهو <a href> </a> .. ولكن مع إضافة خاصية الإيميل وهي mailto . بعد الكود مباشرة .. وسيكون بهذا الشكل .

    [align=left]
    كود:
    <A HREF="mailto:yemen4all@gmail.com">أرسل لي</A>


    --------------

    وصــلة لـملـف

    وهو لا يتخلف كثيراً . عن إرتباط موقع . او إيميل ..

    وسيكون كتابة الكود هكذا ..

    [align=left]
    كود:
    <A HREF="http://www.Alim.com/music.ram">إستـمع إلي الموسيقي </A>


    ---------------

    وسيكون هكذا ..
    إستمع إلي الموسيقى

    ------------------

    الآن الشخص يتسائل نفسه ويقول . اريد أن أعمل رابط . يقوم بفتح الصفحة الأخرى في نافذة جديدة . وذلك بكتابة نفس الكود ا لسابق . ولكن بإضافة شئ بسيط جداً . في ا لكود دعونى نرى لك ..
    كود:
    <a href="http://www.ye1.org/"
    [color=#0000FF]target="_blank">[/color]المـجلس اليمني</a>
    أنظروا ماذا أضفنا . فقط كلمة target="_blank" .. ومعناه فتح الهدف في صفحة آخرى او صفحة فاضية .

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

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

    أولاً نقوم بكتابة

    [align=left]
    كود:
    [color=#0000CC][B]<a name="top">قسم النصائح<a>[/B][/color]
    وعند طلب قسم ا لنصائح .. نكتب في اسفل الصفحة او في المكان الذي نريدة للإنتقال قسم النصائح . أو إلي الأعلى ..فسيكون هكذا .

    كود:
    <a href="http://www.ye1.org/alim.html#top">
    إلي الأعلى</a>


    ------------

    أنظروا ماذا أضفنا .. اضفنا فقط # . وكتبنا بعدها top إلي وهي موجودة في الكود الأعلى .

    ---------------
    ........

    سيكون هذا نهاية درسنا ا ليوم ..

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

    أتمنى يكون الدرس مفهوم و المطلوب أيضاً مفهوم ..
     
  2.   مشاركة رقم : 2    ‏2005-06-29
  3. نسراليمن

    نسراليمن عضو متميّز

    التسجيل :
    ‏2003-09-30
    المشاركات:
    1,233
    الإعجاب :
    0
    اخي بارك الله فيك
    تعجبني فكرتك في نهاية كل درس بعطاء واجب علينا حله
    طيب
    هذا الحل تبعي ان شاء الله يكون عشره من عشره :D

    هذا الرابط الاول
    كود:
    <a href="www.pxll.com"> بكسل </a>
    هذا الرابط الثاني
    كود:
    <A HREF= www.music.com> موسيقي </a>
    اما الربط الثالث
    مش قاهملي الموضو ع بشكل واضح
     
  4.   مشاركة رقم : 3    ‏2005-06-29
  5. AliM

    AliM عضو

    التسجيل :
    ‏2005-06-15
    المشاركات:
    102
    الإعجاب :
    0
    (( أنشاء صفحة يوجد بداخلها ثلاثة روابط . الأول رابط المنتدي و الآخر رابط موسيقي والرابط ا لثالث لصفحة يوجد بداخلها موضوع تكتبة أنت))

    أولاً إبداء بهذا الكلام . سيتضح لك كل شئ .

    (( مقسم لعدة أقسام . )) - اقصد في هذا الكلام أن الكلام نفسه مقسم لعدة أقسام . أعلى منتصف أسفل لكي تنشئ الكود التالي ---->وانشئ كود يتم الأنتقال إلي القسم الأعلى وكود إلي نصف القسم .. وفي نفس الصفحة رابط يتم فيها رجوعك إلي الروابط الثلاثة ..
     
  6.   مشاركة رقم : 4    ‏2005-06-29
  7. AliM

    AliM عضو

    التسجيل :
    ‏2005-06-15
    المشاركات:
    102
    الإعجاب :
    0
    وللعلم . يرجى إرفاق صفحة في المرفقات . بالتتطبيق ..
     
  8.   مشاركة رقم : 5    ‏2005-07-02
  9. وردةاليمن

    وردةاليمن عضو

    التسجيل :
    ‏2005-03-18
    المشاركات:
    70
    الإعجاب :
    0
    لم اعرف ردك على تطبيق الدرس الثاني لهذا عندي مقترح وهو ان تجعل الدروس كلها في سلسله واحده اى تحت موضوع واحد مثل فكرة دروس الفيجوال
     
  10.   مشاركة رقم : 6    ‏2005-07-03
  11. وردةاليمن

    وردةاليمن عضو

    التسجيل :
    ‏2005-03-18
    المشاركات:
    70
    الإعجاب :
    0
    يا حبذا اذا كان الأمثله مطبقه في ملف ملحق ليتم تأكد من الحل و تثبيت الدرس وايضاً لشكل النهائي للدرس
     
  12.   مشاركة رقم : 7    ‏2005-07-08
  13. yemen_ghost

    yemen_ghost عضو متميّز

    التسجيل :
    ‏2004-07-03
    المشاركات:
    1,456
    الإعجاب :
    0
    متابعين السلسلة معاكم


    تحياتي
     
  14.   مشاركة رقم : 8    ‏2005-07-16
  15. نسراليمن

    نسراليمن عضو متميّز

    التسجيل :
    ‏2003-09-30
    المشاركات:
    1,233
    الإعجاب :
    0
    اين البقية
     

مشاركة هذه الصفحة