دورات مجانية دورات كمبيوتر شبكات لينكس
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دورات مجانية دورات كمبيوتر شبكات لينكس

دورات مجانية مثالية متخصصة في مجال الكمبيوتر و الشبكات و أنظمة التشغيل
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
Admin



المساهمات : 22
تاريخ التسجيل : 05/07/2009

الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html Empty
مُساهمةموضوع: الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html   الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html Icon_minitimeالإثنين يوليو 06, 2009 9:53 am

الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html


السلام عليكم و رحمة الله و بركاته
أولاً : اضافة وصله تشعبيه لنص
و يأتي بالشكل التالي ..

كود:
<a href="xxxxxxx.xxx"> yyyyyy </a>
تكتب الوصلات التشعبيه .. طبعا المتغيرات الموجوده اثنين ..
الاول yyyy = تكتب بدلاً منه الكلام الذي تريد اذا ضغطت عليه يوديك لــ الرابط المحدد
الثاني xxxx = و تحط بدله الرابط الي تبيه

ثانياً : اضافة وصله تشعبيه لــ صوره
و يأتي بالشكل التالي ..
كود:

<a href="xxxxxx">
<img src="yyyyyy">
</a>
طبعاً الــمتغيرات معنا اثنين ..
الاول xxxxx = تحط بدل منه الرابط الي تبيه
الثاني yyyyy = تحط بدله رابط الصوره

الحين نقط اضافيه ..
- اضافة رابط مراسله مباشره ..
و يأتي بالشكل التالي : كود:
<a href="mailto:xxxxxx@xxxxxx"> yyyyy </a>
طبعاً تغير المتغيرات الى موجوده عندنا اثنين :
xxxxxx = الايميل الذي تريد أن ترسل له الرسائل
yyyyyy = الكلام الي تريد تحط فيه رابط المراسله

- اضافة رابط تشعبي لــ ملف موجود في نفس المجلد ..
و تأتي بالشكل التالي .. على سبيل المثال اسم الصفحه alwaleed.htm و موجوده في نفس المجلد الي فيه الصفحه الي الحين انته تشتغل فيها ..
كود:
<a href="alwaleed.htm">
لاحظوا نحطها بدون ما نحدد مكانها ..
و هذا رد على السؤال الي طرحته في الدرس الاول .. شفتوا كيف ..

تعالوا نطبق هذا كله على صفحه عشان بالمثال يتضح المقال ..
كود:
<html>
<head>
<title> الروابط التشعبيه </title>
</head>
<body>
<h1> زورونا في <a href="www.mtwer.com"> موقع مطور </a> <br>
<hr>
<h2> الوليد الراشدي </h2>
<br>
<h3> لمراسلتي اضغط <a href="mailto:alwaleed-dos@windowslive.com"> هنا </a> </h3>
</body>
</html>
و عند رؤيتها في المستعرض تكون بالشكل التالي :
http://www.geek4arab.com/vb/imgcache/12203.imgcache

بقيت حاجه وحده في الدرس ..

اضافة رابط تشعبي لجزء من الصفحه ..
و هذي هي الجزئيه الاصعب في كامل الدرس ..
ركزوا معاي تكفون ..
لما نريد نحط رابط لمكان معين في الصفحه نتبع الخطوات التاليه ..
أول حاجه نروح لاول كلمه في الفقره الي نبي نحط لها الرابط ..
كود:
<a name="xxxxxx"> yyyyy </a>
طبعا تلتزم بتغيير المتغيرات الي أنا حطيتها على النحو التالي :
xxxxxx= تسمية الجزء من الصفحه الي تبي تحطله رابط
yyyyyy= اول كلمه في الفقره
الحين عاد ركز معي كثييييير
لاحظ كيف راح نحط أمر الرابط التشعبي ..
كود:
<a href="xxxx.htm#yyyyy"> zzzzzzz </a>
عاد الحين تحط بدال المتغيرات الي انا حطيتها كالتالي :
xxxx.htm= اسم الصفحه
yyyyy= اسم الجزء من الصفحه
zzzzz= النص الذي تريد أن تضيف له الرابط التشعبي
مع الالتزام بوجود علامة الـ # اذ انه لا يتم الاكتفاء باسم الصفحه و الجزء

سؤال في نهاية الدرس :
اذا كنت تود عمل رابط تشعبي لاحدى الصفحات الموجوده لديك في نفس الملف داخل الموقع هل تستخدم طريقة اضافة الروابط التشعبيه القياسيه أم تستخدم طريقة اضافة رابط لصفحه موجوده في نفس الملف ؟؟ و ليش ؟

للتذكير : الدروس خطتها أناملي و هي محفوظة الحقوق لدى موقع مطور
و السلام عليكم و رحمة الله و بركاته
تحياتي : الوليد الراشدي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://c4you.rigala.net
 
الدرس السادس : اضافة روابط تشعبيه في صفحات الــ html
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
دورات مجانية دورات كمبيوتر شبكات لينكس :: الدورات الدراسية و الشهادات العالمية :: دورات لغات البرمجة :: دورة HTML-
انتقل الى: