منتديات روكشا     َولَوْلَا إِذْ دَخَلْتَ جَنَّتَكَ قُلْتَ مَا شَاءَ اللَّهُ لَا قُوَّةَ إِلَّا بِاللَّه

الرئيسية |  التسجيل  |  مركز رفع الملفات  |  الاتصال بنا  

 



العودة   منتديات روكشا > قسم تطوير وإدارة مواقع الويب > ركن تطوير وإدارة المواقع العام

الملاحظات

ركن تطوير وإدارة المواقع العام سكربتات مجلات وبوابات المواقع قوالب للمدونات ومنتجات اضافية للمواقع وتعليم برمجمة المواقع اكواد مهمة وتصاميم جاهزة

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 04-09-2019, 11:04 AM

الصورة الرمزية الفارس

الفارس

.:: عضـو متميز ::.

 
تاريخ التسجيل: Feb 2019
الدولة: مصر
المشاركات: 837
معدل تقييم المستوى: 12
الفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالىالفارس المعروف لدى الجميع بالتميز العالى
الفارس غير متواجد حالياً
جديد الدرس الثامن تعلم كيف تقوم بإنشاء رابط بين صفحتين.

 




السلام عليكم ورحمه الله وبركاته


الدرس الثامن تعلم كيف تقوم بإنشاء رابط بين صفحتين.



في هذا الدرس ستتعلم كيف تقوم بإنشاء رابط بين صفحتين.

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

مثال 1:

كود PHP:
    <a href="http://www.html.net/">Here is a link to HTML.net</a
سيظهر في المتصفح بهذا الشكل:

اقتباس:
Here is a link to HTML.net
العنصر a هو اختصار "anchor" والخاصية href هي اختصار "hypertext reference"، وهي التي تحدد إلى أين سيذهب الرابط، غالباً عنوان في الإنترنت أو اسم ملف ما.

في المثال أعلاه الخاصية href تحوي القيمة "htmt"، وهي العنوان الكامل لموقع HTML.net ويسمى العنوان URL وهي اختصار "Uniform Resource Locator"، لاحظ أن "http://" يجب أن تضاف في أي عنوان، أما الجملة "Here is a link to HTML.net" فهي النص الذي سيظهر في المتصفح على شكل رابط، تذكر أن تقوم بإغلاق العنصر بوسم الإعلاق </a>.

ماذا عن الروابط بين الصفحات في موقعي؟
إذا أردت إنشاء رابط بين صفحتين في نفس الموقع فلا تحتاج إلى أن تضع كامل العنوان للصفحة، فمثلاً إذا قمت بإنشاء صفحتين ولنسمهما page1.htm وpage2.htm وقمت بحفظهما في نفس المجلد فيمكنك أن تربط من صفحة إلى أخرى بكتابة اسم الملف في الرابط، فمثلاً رابط من صفحة page1.htm يشير إلى page2.htm سيظهر بهذا الشكل:

مثال 2:

كود PHP:
    <a href="page2.htm">Click here to go to page 2</a
إذا كانت الصفحة 2 وضعت في مجلد فرعي ولنسمه "subfolder" فالرابط سيظهر بهذا الشكل:

مثال 3:

كود PHP:
    <a href="subfolder/page2.htm">Click here to go to page 2</a
لو أردنا أن نضع رابطاً معاكساً من الصفحة 2 في المجلد الفرعي إلى الصفحة 1 سيكون شكل الرابط هكذا:

مثال 4:

كود PHP:
    <a href="../page1.htm">A link to page 1</a
"../" تشير إلى مجلد واحد في مستوى أعلى من الملف الذي يحوي الرابط، بنفس النظام يمكن الإشارة إلى مستويين أو أكثر من المجلدات بكتابة "../../".

اقتباس:
points to the folder one level up from position of the file from which the link is made. Following the same system, you can also point two (or more) folders up by writing
هل فهمت هذا النظام؟ بإمكانك دائماً أن تكتب العنوان الكامل للملف إذا وجدت هذا النظام معقداً.

ماذا عن الروابط الداخلية في نفس الصفحة؟
بإمكانك إنشاء روابط داخلية ضمن الصفحة، فمثلاً يمكنك إنشاء جدول بالمحتويات اعلى الصفحة ويحوي روابط تشير إلى كل فصل في الصفحة، كل ما تحتاجه هي خاصية تسمى id أو "identification" والعلامة "#".

استخدم خاصية id لتضع إشارة للعنصر الذي تريد وضع رابط له، مثال:


كود PHP:
    <h1 id="heading1">heading 1</h1
بإمكانك الآن إنشاء رابط لهذا العنصر باستخدام علامة "#" في خاصية الرابط، العلامة "#" يجب أن تتبع بقيمة id للعنصر الذي تريد الربط له، مثال:


كود PHP:
    <a href="#heading1">Link to heading 1</a
كل هذا سيتضح مع هذا المثال:

مثال 5:
كود PHP:
    <html>
      
      <
head>
      </
head>

      <
body>

        <
p><a href="#heading1">Link to heading 1</a></p>
        <
p><a href="#heading2">Link to heading 2</a></p>

        <
h1 id="heading1">heading 1</h1>
        <
p>Text text text text</p>

        <
h1 id="heading2">heading 2</h1>
        <
p>Text text text text</p>
      
      </
body>

    </
html

سيظهر بهذا الشكل في المتصفح (جرب أن تضغط على الرابطين):
اقتباس:
Link to heading 1

Link to heading 2

Heading 1
Text text text text

Heading 2
Text text text text
ملاحظة: قيمة الخاصية id يجب أن تبدأ بحرف وليس برقم.

هل يمكن أن أضع رابطاً لأي شيء آخر؟
بإمكانك أيضاً أن تضع روابط لعناوين بريد إلكتروني، يمكنك فعل ذلك بطريقة مشابهة لطريقة وضع رابط لصفحة أخرى:

مثال 6:

كود PHP:
    <a href="mailto:nobody@html.net">Send an e-mail to nobody at HTML.net</a
سيظهر بهذا الشكل في متصفحك

اقتباس:
Send an e-mail to nobody at HTML.net
الاختلاف الوحيد بين الرابط لبريد إلكتروني ورابط لملف هو كتابة mailto: متبوعاً بعنوان البريد، عندما يضغط أحدهم على الرابط سيعمل برنامج البريد الإلكتروني ويعرض رسالة جديدة فارغة تحوي عنوان البريد الإلكتروني الذي وضعته في الرابط، سيحدث هذا في حال وجد برنامج بريد إلكتروني مثبت على الحاسوب، جرب ذلك الآن!

هل هناك خصائص أخرى يجب علي أن أعرفها؟
لإنشاء رابط استخدام دائماً الخاصية href بالإضافة إلى ذلك بإمكانك أن تضع خاصية title للرابط:

مثال 7:

كود PHP:
    <a href="http://www.html.net/" title="Visit HTML.net and learn HTML">HTML.net</a
سيظهر بهذا الشكل في المتصفح:

اقتباس:
HTML.net
خاصية title تستخدم لوضع شرح قصير عن الرابط، إذا وضعت مؤشر الفأرة على الرابط دون أن تضغط عليه سترى النص الذي كتبته في خاصية title يظهر لك.



رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
الثامن, الدرس, تعمل, بإنشاء, تقوم, رابط, صفحتين.


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
برنامج جديد برنامج عرض صفحتين في كل مرة في مستند Word الفارس انشاء وتصميم وبرمجة البرامج 0 03-21-2019 06:26 AM
تعلم الأنجليزية بدون ملل مع AbIdO ابن الوليد برامج الحاسب 1 03-12-2019 09:13 PM
شرح درس الثامن / تعديل تصاريح المجلد vb , includes , مجلد الـ config الفارس ركن تطوير وإدارة المنتديات العربية 0 03-05-2019 02:53 AM
شرح درس الثامن / شرح إعدادات الـ css الخاصة بالستايل متغيرات الستايل الفارس ركن تطوير وإدارة المنتديات العربية 0 03-05-2019 02:20 AM
برنامج أفضل 3 برامج تقوم بحماية الملفات برقم سري ابن الوليد برامج الحاسب 0 11-22-2018 01:28 PM

 

RSS RSS 2.0 XML MAP HTML

الساعة الآن 03:17 PM

نبذة عن المنتدى

روابط مفيدة

إعلانات نصية

روابط الموقع

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



Powered by vBulletin® Copyright ©2000 - 2019,