| Course HTML | |
|
+13زائر الليل روعة الكون Mr.gemy golden flower همس الورود مريم abdo أمير الــــــــزمان نور العقرب العجوز المبرمج سما أنا مسلم Tlmoz 17 مشترك |
|
كاتب الموضوع | رسالة |
---|
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الثلاثاء يونيو 17, 2008 10:35 pm | |
| تمام انتظروا الدرس السادس
| |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الأربعاء يونيو 18, 2008 1:55 am | |
| الدرس السادس الوصلات التشعبيه
أهلاً وسهلاً بك إلى الدرس السادس من دروس HTML
كيف وصلت إلى هذه الصفحة؟! ربما تعتبر هذا سؤالاً سخيفاً، وأن الإجابة عليه هي من البديهيات ... وهذا صحيح! من المؤكد أنك قمت بالإنتقال إلى هنا من خلال إحدى صفحات هذا الموقع، أو من خلال أحد محركات التفتيش، أو من خلال أحد المواقع التي قمت بزيارتها مؤخراً ... وفي كل الأحوال قمت بالنقر على وصلة تشعبية ما.
Links... أو الوصلات التشعبية هي روح الإنترنت. وإذا كانت الإنترنت بمجملها هي شبكة العنكبوت فإن هذه الوصلات هي الخيوط التي تشكل هذه الشبكة وتؤلف حلقات الوصل بين الملايين من مواقعها. تنقر على وصلة ما فتنقلك إلى صفحة أخرى في نفس الموقع... وتنقر على وصلة أخرى لتنقلك كلياً إلى أحد المواقع في الجانب الآخر من العالم... وصلة تجعلك تحمّل ملفاً وأخرى تجعلك تشغّل مقطعا موسيقياً وثالثة تعرض لك صورة... حسناً، من المؤكد أنك استنتجت الآن من هذه المقدمة أنك بصدد تعلم كيفية إدراج الوصلات التشعبية في صفحاتك... لقد صدق استنتاجك لذلك هيا إلى العمل...
هناك عدة خيارات للوصلات التشعبية، منها أن تكون الوصلة لموقع آخر، أو أن تكون لصفحة أخرى داخل الموقع نفسه، ومنها أن تكون لمكان آخر في نفس الصفحة (إلى أعلى أو أسفل على سبيل المثال) أو أن تكون وصلة لعنوان بريد إلكتروني E-mail وفي جميع الحالات فإن المبدأ واحد لكن تختلف بعض التفاصيل. وسوف أناقش معك كل حالة على حدة وبالتفصيل.
نستخدم الوسوم
كوسوم أساسية لإدراج الوصلات التشعبية، وهي اختصار لكلمة Anchor. وهي لا تعمل لوحدها بل تتطلب إضافة خصائص معينة أولها وأهمها الخاصية HREF
التي نحدد من خلالها الموقع الذي نريد الدلالة عليه، ويجب أن يكتب عنوان الموقع كاملاً.
الحالة الأولى: إدراج وصلة تشعبية تشير إلى موقع خارجي. لنقم بإدراج وصلة تشعبية إلى أحد المواقع العربية الرائدة والرائعة، وهو موقع شركة صخر. وعنوانه http://www.sakhr.com في هذه الحالة يتم كتابة الشيفرة بالشكل التالي:
لكن بقي شيء واحد وهو العبارة أو الكلمة التي سيتم النقر عليها لتشغيل الوصلة، وهذه يجب أن توضع بين الوسمين
أي لكي تكتمل الوصلة السابقة يجب أن نكتب معها أي عبارة نريدها، لكي ينقر عليها الزائر فتنقله إلى العنوان المطلوب. ما رأيك بعبارة: Go To SAKHR والتي تصبح الشيفرة معها بالشكل التالي:
وتظهر الوصلة كما يلي:
لم تعجبك؟ ليس ذلك مشكلة فأنت تستطيع كتابة أي شيء تريده كعنوان للوصلة التي تريدها. ما رأيك لو جعلنا كلمة SAKHR هي فقط العنوان لهذه الوصلة.
بل إنك تستطيع إدراج صورة أو (زر) كبديل عن الكلمات -كما تشاهد في الكثير من المواقع- وكل ما عليك فعله في هذه الحالة هو كتابة الوسم الخاص بإدراج الصورة بين الوسمين بالشكل التالي:
وبشكل عام فإن أي شيء يوضع بين الوسمين
سوف يكون الوسيلة أو العنوان الذي ينقلنا إلى الموقع المشار إليه في الوصلة التشعبية، سواءً كان هذا الشيء نصاً أو صورة أو كلاهما معاً.
والآن هل تلاحظ الإطار الظاهر حول الصورة؟ وهل تذكر متى قمنا بالحديث عن هذا النوع من الإطارات؟ نعم، في .الدرس السابق عند إدراج صورة كوصلة تشعبية يظهر حولها إطار سمكه 2 بيكسل وهذه هي الحالة الإفتراضية. وبالطبع نستطيع إزالته بكتابة الخاصية BORDER="0" ضمن وسم الصورة.
ننتقل الآن إلى الحالة الثانية، وهي أن تشير الوصلة التشعبية إلى ملف موجود في نفس الموقع (أي ملف محلي) سواءً كان ملف HTML أو صورة أو غير ذلك. وفي هذه الحالة فإن ما يكتب مع الخاصية HREF هو اسم هذا الملف المطلوب الوصول إليه.
لنقم بإنشاء وصلة تشعبية تقودنا إلى الصفحة الرئيسية لهذا الموقع وبالمناسبة فإن الملف الذي يحتويها اسمه index.html ، والشيفرة الخاصة بذلك هي:
Main Page
وأذكرك بأنك تستطيع إدراج صورة هنا أيضاً كعنوان للوصلة التشعبية وذلك بنفس التفاصيل التي شرحتها في الحالة السابقة.
هيا ندرج صورة مصغرة كعنوان لوصلة تشعبية للصورة الأصلية.
لكن إنتبه I إذا كان الملف المطلوب والذي تريد الإشارة إليه موجوداً في مجلد مختلف عن المجلد الذي يوجد به الملف الحالي، فيجب عليك تحديد المسار الكامل لهذا الملف وذلك بنفس الطريقة التي ناقشناها في الدرس السابق عندما قمنا يإدراج الصور.
| |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الأربعاء يونيو 18, 2008 1:56 am | |
| | |
|
| |
روعة الكون عضو جديد
عدد الرسائل : 1 العمر : 45 تاريخ التسجيل : 19/06/2008
| موضوع: رد: Course HTML الخميس يونيو 19, 2008 8:20 pm | |
| يا جماعه انتو بدئتو من غيرى كده | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الجمعة يونيو 20, 2008 12:24 am | |
| هههههههههه
ولله دي احلي نكته سمعتها
دا انا فضلت اواوي علي حد يتابع معايا والكل منفض ع العموم انا مش هكمل الا لما روعه الكون تذاكر الي فات واي استفسار انا تحت أمر الجميع تمام
| |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الأحد يونيو 22, 2008 4:21 am | |
| | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الأحد يونيو 22, 2008 9:13 am | |
| ها ياسما
تمام بطبئي علي الدروس ولا ايه انا مش عارف أكمل بئي ولا استني شويه؟ عاوز ين ندخل في الي بعده | |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الإثنين يونيو 23, 2008 2:09 am | |
| لا الصراحه انا متأخره فى التطبيق
بس عاوزا اطلب منك طلب تحاول تكتب كود كده انت مطبقه علشان فى حاجات عاوزا اعرف هتعملها ازاى فى التطبيق | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الإثنين يونيو 23, 2008 2:54 am | |
| حاجات زي ايه ئولي انت عاوزه تعملي وانا ان شاء الله هعمله وابعتلك الكود اوك
| |
|
| |
golden flower مشرفة
عدد الرسائل : 2517 العمر : 35 تاريخ التسجيل : 28/04/2008
| موضوع: رد: Course HTML الإثنين يونيو 23, 2008 5:56 pm | |
| | |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 3:42 am | |
| بص ياتلموذ انا مش عارفا اضبط الدرس الخامس
بتاع الصور حتى فى الدرس التانى اللون تمام لكن الخلفيه لا فيريت تقولى بتعمل ازاى | |
|
| |
همس الورود عضو نشيط
عدد الرسائل : 101 العمر : 34 تاريخ التسجيل : 10/06/2008
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 3:46 am | |
| | |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 3:53 am | |
| اه دا اللى كانت عايزا فلور | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 4:15 am | |
| تمام مفيش مشاكل واتفضلي ياهمس عادي كلنا بنفيد بعض سما الرد وصلك؟
| |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 6:08 am | |
| | |
|
| |
أمير الــــــــزمان مشرف
عدد الرسائل : 1053 العمر : 35 الموقع : Monofia تاريخ التسجيل : 05/11/2007
| موضوع: رد: Course HTML الأربعاء يونيو 25, 2008 7:39 pm | |
| | |
|
| |
سما عضو ملكي
عدد الرسائل : 733 العمر : 34 تاريخ التسجيل : 14/11/2007
| موضوع: رد: Course HTML الجمعة يونيو 27, 2008 4:55 am | |
| | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الجمعة يونيو 27, 2008 4:58 am | |
| | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الجمعة يونيو 27, 2008 6:51 am | |
| | |
|
| |
أمير الــــــــزمان مشرف
عدد الرسائل : 1053 العمر : 35 الموقع : Monofia تاريخ التسجيل : 05/11/2007
| موضوع: رد: Course HTML الثلاثاء يوليو 01, 2008 10:37 am | |
| | |
|
| |
golden flower مشرفة
عدد الرسائل : 2517 العمر : 35 تاريخ التسجيل : 28/04/2008
| موضوع: رد: Course HTML الثلاثاء يوليو 08, 2008 3:38 am | |
| | |
|
| |
زائر الليل ادارة IT CLUB
عدد الرسائل : 1022 العمر : 36 تاريخ التسجيل : 20/10/2007
| موضوع: رد: Course HTML الثلاثاء يناير 27, 2009 1:44 am | |
| بيس يا مان هتابعك انا من الاول | |
|
| |
كنزى عضو ملكي
عدد الرسائل : 646 العمر : 34 تاريخ التسجيل : 26/12/2008
| موضوع: رد: Course HTML الثلاثاء يناير 27, 2009 2:11 am | |
| | |
|
| |
Tlmoz مشرف
عدد الرسائل : 1737 العمر : 35 تاريخ التسجيل : 12/10/2007
| موضوع: رد: Course HTML الثلاثاء يناير 27, 2009 2:12 am | |
| ايوه يازائر فعلا ياريت تكمل باقيت الدروس | |
|
| |
زائر الليل ادارة IT CLUB
عدد الرسائل : 1022 العمر : 36 تاريخ التسجيل : 20/10/2007
| موضوع: رد: Course HTML الثلاثاء يناير 27, 2009 2:16 am | |
| مين اللي يكمل انا لسه هقرأ فيها كمل انت يا مان | |
|
| |
| Course HTML | |
|