• الشروط والقوانين  |   سياسة الخصوصية  |   مساعدة
  • سلسلة دروس الـ Html الثالثة ( الوصلات التشعبية- الإرتباطات)

    AliM

    عضو نشيط
    التسجيل
    15 يونيو 2005
    المشاركات
    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 إلي وهي موجودة في الكود الأعلى .

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

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

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

    أتمنى يكون الدرس مفهوم و المطلوب أيضاً مفهوم ..
     

    نسراليمن

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

    هذا الرابط الاول
    كود:
    <a href="www.pxll.com"> بكسل </a>
    هذا الرابط الثاني
    كود:
    <A HREF= www.music.com> موسيقي </a>
    اما الربط الثالث
    مش قاهملي الموضو ع بشكل واضح
     

    AliM

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

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

    (( مقسم لعدة أقسام . )) - اقصد في هذا الكلام أن الكلام نفسه مقسم لعدة أقسام . أعلى منتصف أسفل لكي تنشئ الكود التالي ---->وانشئ كود يتم الأنتقال إلي القسم الأعلى وكود إلي نصف القسم .. وفي نفس الصفحة رابط يتم فيها رجوعك إلي الروابط الثلاثة ..
     

    AliM

    عضو نشيط
    التسجيل
    15 يونيو 2005
    المشاركات
    102
    الإعجابات
    0
    وللعلم . يرجى إرفاق صفحة في المرفقات . بالتتطبيق ..
     
    التسجيل
    18 مارس 2005
    المشاركات
    70
    الإعجابات
    0
    لم اعرف ردك على تطبيق الدرس الثاني لهذا عندي مقترح وهو ان تجعل الدروس كلها في سلسله واحده اى تحت موضوع واحد مثل فكرة دروس الفيجوال
     
    التسجيل
    18 مارس 2005
    المشاركات
    70
    الإعجابات
    0
    يا حبذا اذا كان الأمثله مطبقه في ملف ملحق ليتم تأكد من الحل و تثبيت الدرس وايضاً لشكل النهائي للدرس
     

    yemen_ghost

    عضو متميز
    التسجيل
    3 يوليو 2004
    المشاركات
    1,456
    الإعجابات
    0
    متابعين السلسلة معاكم


    تحياتي