تؤثر الروابط بشكل كبير على مظهر صفحة الويب. سواء كان موقع الويب الخاص بك أو مدونتك ، فإن الروابط المخصصة بشكل جميل ستغير تصميم موقع الويب الخاص بك إلى الأفضل. حتى بدون معرفة لغة html و css ، فإن إنشاء رابط جيد أمر سهل للغاية.
تعليمات
الخطوة 1
بادئ ذي بدء ، لنقم بإنشاء ارتباط عادي. يتم ذلك باستخدام الكود التالي: اسم الارتباط. في هذا الرمز ، تكون العلامة عبارة عن ارتباط. تشير سمة "href" الخاصة به إلى عنوان الصفحة التي يؤدي إليها الارتباط. بدلاً من "عنوان الرابط" ، اكتب كلمة أو عبارة تمثل الارتباط
يمكنك أيضًا إضافة نص سيظهر عند النقر فوق الارتباط. ستساعدك سمة "العنوان" للعلامة في ذلك.
الخطوة 2
الآن دعنا ننتقل إلى الارتباط. أسهل طريقة للقيام بذلك هي أوراق الأنماط المتتالية (css). افتح الملف الذي يحتوي على الأنماط الخاصة بموقعك واكتب المزيد من التعليمات البرمجية هناك. بدلاً من ذلك ، يمكنك إدراج الأنماط مباشرة في صفحة html. للقيام بذلك ، استخدم رمز تخصيص نمط الموقع.
الخطوه 3
دعنا ننتقل إلى التصميم. سيكون بناء الجملة للإدخال {معلمات النمط}. ماذا أكتب هنا؟
أولاً ، قم بتغيير لون الروابط حسب رغبتك. سيساعدك هذا الرمز في هذا:
أ {اللون: # 00000 ؛}. بالطبع ، بدلاً من "# 00000" عليك إدخال اللون الخاص بك. يمكنك معرفة رمز اللون في هذا النموذج في برامج رسومات مختلفة (على سبيل المثال ، في Photoshop) أو العثور على لوحة ويب.
الخطوة 4
بشكل افتراضي ، يجعل المتصفح الروابط تحتها خط. يمكن إلغاء هذا بالكود التالي: a {text-decoration: none؛}
لإنشاء روابط غامقة ، استخدم وزن الخط: غامق ؛ المعلمة. يتم إدراجه في رمز النمط بنفس طريقة اللون ، ووضع خط تحته.
الخطوة الخامسة
ربما لاحظت أنه في بعض المواقع ، عندما تحوم فوق رابط ، يتغير مظهره. يمكنك أن تفعل ذلك أيضا. سيساعدك رمز مثل هذا: a: hover {style parameters}. يتم تحديد المعلمات بنفس طريقة تحديد الارتباط العادي ، والقيمة الوحيدة هي الفئة الزائفة "hover" ، والتي تُعلم المتصفح بضرورة تطبيق هذه الإعدادات عند التمرير فوق الارتباط.
وبالمثل ، يمكنك إبراز الروابط التي تمت زيارتها: أ: تمت زيارته {معلمات النمط}
