كيفية إنشاء ارتباط تشعبي مع KompoZer

يمكن القول إن القدرة على إنشاء رابط في مستند يأخذك إلى مستند آخر ، ربما على شبكة في منتصف الطريق حول العالم ، هو السبب الأكثر أهمية في اختراع شبكة الويب العالمية. هذه الروابط ، التي تسمى الارتباطات التشعبية ، هي "H" في لغة HTML - HyperText Markup Language. بدون الارتباطات التشعبية ، لن تكون الويب مفيدة جدًا. لن يكون هناك محركات بحث أو وسائل الإعلام الاجتماعية أو إعلانات البانر (حسناً ، يمكن لمعظمنا أن يقفوا لمشاهدة تلك الإعلانات).

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

01 من 05

إنشاء ارتباط تشعبي مع KompoZer

يتم الوصول إلى أدوات الارتباط التشعبي لـ KompoZer بالنقر فوق الزر ارتباط على شريط الأدوات. لإنشاء ارتباط تشعبي:

1. ضع المؤشر على الصفحة التي تريد أن يظهر فيها الارتباط التشعبي.
2. انقر فوق الزر ارتباط على شريط الأدوات. سوف يظهر مربع الحوار خصائص الارتباط.
3. الحقل الأول الذي تحتاج إلى ملئه هو مربع نص الارتباط. اكتب النص الذي تريد ظهوره على الصفحة للارتباط التشعبي الخاص بك.
4. الحقل الثاني الذي تحتاج إلى تعبئته هو مربع ارتباط الموقع. اكتب عنوان URL الخاص بالصفحة التي سيأخذها الارتباط التشعبي الخاص بك عند النقر فوقها. من الجيد نسخ عنوان URL ولصقه من شريط العنوان في متصفحك. أنت أقل احتمالا بكثير أن ترتكب خطأ بهذه الطريقة وتعرف ، على الأقل في وقت إنشاء الرابط الخاص بك ، أن الصفحة على قيد الحياة وأن هذا الارتباط غير مكسور.
5. انقر فوق موافق وسيغلق مربع الحوار خصائص الارتباط. سيظهر رابطك الآن على صفحتك.

في معظم المتصفحات ، سيظهر الارتباط التشعبي بنص مسطّح باللون الأزرق بشكل افتراضي. يمكنك تطبيق الأنماط الخاصة بك على ارتباطات تشعبية مع KompoZer ، ولكن في الوقت الحالي ، سنتمسك بالارتباط التشعبي الأساسي. من المفيد معاينة صفحتك في متصفح ويب والنقر على الروابط للتأكد من أنها تعمل.

02 من 05

خلق وصلة مرساة مع KompoZer

يوجد نوع آخر من الارتباط التشعبي الذي ينقلك إلى جزء آخر من نفس صفحة الويب عند النقر فوقه. يُطلق على هذا النوع من الارتباط التشعبي رابط ربط ، وتسمى مساحة الصفحة التي يتم نقلها إليها عند النقر فوق هذا الارتباط بـ الارتساء. إذا سبق لك استخدام الرابط "الرجوع إلى أعلى" في أسفل صفحة الويب ، فأنت تنقر فوق ارتباط إلى نقطة ارتساء.

يتيح لك KompoZer إنشاء نقاط ارتساء يمكنك الربط بها باستخدام أداة الارتساء على شريط الأدوات.

1. انقر فوق منطقة صفحتك حيث تريد مرساة. هذا هو المكان الذي تريد أن يتم فيه استخدام عارض الصفحة عند النقر فوق ارتباط الارتساء. على سبيل المثال ، نقرت قبل "F" في رأس الموسيقى المفضلة.
2. انقر فوق زر الارتساء على شريط الأدوات. يظهر مربع الحوار خصائص Nchor Anchor.
3. كل نقطة ارتساء على الصفحة تحتاج إلى اسم فريد. لهذا المذيع ، استخدمت اسم "الموسيقى".
4. انقر فوق موافق ، ويجب أن ترى ، ويظهر رمز الارتساء في النقطة التي تريد مرساة. لن يظهر هذا الرمز على صفحة الويب الخاصة بك ، بل هو كيف يوضح لك KompoZer مكان نقاط ارتيادك.
5. كرر الإجراء لأي مناطق أخرى بالصفحة حيث تريد أن يتمكن المستخدمون من الانتقال إليها. إذا كان لديك نصًا كبيرًا في الصفحة مفصولة بالعناوين أو بعض المقسمات المنطقية الأخرى ، فإن المراسي هي طريقة سهلة للتنقل في صفحة.

بعد ذلك ، سننشئ الروابط التي تأخذ القارئ إلى المراسي التي أنشأتها.

03 من 05

خلق ملاحة الصفحة مع KompoZer

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

04 من 05

إنشاء ارتباطات تشعبية إلى المراسي مع KompoZer

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

1. حدد النص الذي تريد تحويله إلى رابط. في هذا المثال ، حددت النص "الموسيقى المفضلة" الموجود في أول خلية جدول بأعلى الصفحة.
2. انقر فوق الزر ارتباط على شريط الأدوات. سيتم فتح مربع الحوار خصائص الارتباط.
3. في هذه الحالة ، حددنا نصًا قبل النقر على زر الرابط ، بحيث يتم ملء قسم رابط النص في النافذة ولا يمكن تعديله. انقر على السهم لأسفل في قسم Link Location. سترى قائمة بالمراسي التي قمت بإنشائها في الخطوات السابقة. في هذا المثال ، أختار المرساة #music.
4. انقر فوق موافق. يتحول نص "الموسيقى المفضلة" في شريط التنقل إلى رابط يؤدي إلى انتقال العارض إلى هذا القسم في الصفحة عند النقر عليه.

ستلاحظ أن لكل مرساة مسماة في القائمة المنسدلة علامة "#" أمامها. هذه هي الطريقة التي يمكنك من خلالها إنشاء رابط لمرساة في HTML. يخبر "#" أمام اسم المرسِل المتصفح أن هذا الارتباط ينقلك إلى مكان آخر على نفس الصفحة.

05 من 05

إنشاء ارتباط تشعبي من صورة مع KompoZer

هل تعلم أنه يمكنك إنشاء رابط من الصور وكذلك النص؟ يسمح لك KompoZer بإجراء ذلك باستخدام بضع نقرات فقط. هنا أدخلت صورة رمز صغيرة تعرض سهم يشير إلى الأعلى والنص "TOP" في أسفل الصفحة. سأستخدم هذه الصورة كرابط للرجوع إلى أعلى الصفحة.

1. انقر بزر الماوس الأيمن على صورة واختر Image و Link Properties من علامة التبويب السياق. سيتم فتح مربع الحوار Image Properties.
2. في علامة التبويب الموقع ، سترى اسم الملف والصورة التي تمت تعبئتها بالفعل. يجب إدخال بعض النص في مربع النص البديل. هذا ما يظهر عند تحريك الماوس فوق الصورة ، وكذلك ما يقرأه قارئ الشاشة عندما يقرأ شخص ضعيف البصر صفحة الويب.
3. انقر فوق علامة التبويب ارتباط. هنا يمكنك اختيار مرساة من القائمة ، مثلما فعلنا مع روابط الربط. في الواقع ، يتم استخدام هذه الصورة كصلة ربط. لقد اخترت #Links_Of_Interest anchor التي ستعيدنا إلى القمة.
4. انقر فوق موافق. ترتبط الصورة الآن بأعلى الصفحة عند النقر عليها.