عند إنشاء موقع ويب ، من المهم أن يساهم تصميم عناصره في جذب مستخدمين جدد نظرًا لسهولة الوصول إلى المعلومات. عنصر قابل للنقر - نقش يكون ملحوظًا ومفهومًا للزائر ، أي يتصرف الشخص للنقر على الرابط. يمكن تحقيق هذا التأثير من خلال إدخالات رسومية ملونة وبديهية.
تعليمات
الخطوة 1
يجب أن تلفت التسمية التوضيحية ، التي تسمى قابلة للنقر ، انتباه المستخدم وتبرز عن باقي محتوى الصفحة. لا تنس أن العنصر يجب أن يكون له وظيفة معينة ، ويجب أن يعرف المستخدم عنصر القائمة الذي سينتقل إليه بعد النقر على هذا الرابط.
الخطوة 2
يمكنك استخدام عناصر الرسوم لإنشاء مربع نص قابل للنقر. ارسم زرًا مناسبًا لتصميمك الملون للموقع مع نقش عليه في أي محرر رسومي. يمكنك أيضًا الاستفادة من حلول الرسومات الجاهزة على الإنترنت من خلال زيارة المواقع المخصصة لرسم الصور لمشرفي المواقع.
الخطوه 3
بعد تحميل الصورة ، تحتاج إلى إدراجها في كود HTML للصفحة. للقيام بذلك ، افتح مستند الموقع في محرر نصوص بالنقر بزر الماوس الأيمن فوق الملف وتحديد قسم "فتح باستخدام". في قائمة التطبيقات التي تظهر ، حدد المحرر الذي تستخدمه لتحرير الصفحات. يمكنك أيضًا استخدام Windows Notepad القياسي.
الخطوة 4
انتقل إلى الجزء الذي تريد إدخال النقش فيه. ثم أدخل الواصف المناسب. على سبيل المثال:
الخطوة الخامسة
سيقوم هذا الرمز بإنشاء ارتباط في شكل عنصر رسومي ، حيث "address_to_transition" هي الصفحة التي سيتم إعادة توجيه المستخدم إليها بعد النقر فوق التسمية التوضيحية. "Path_to_Image" هو المكان الذي يوجد فيه ملف الزر الخاص بك. لتجنب الصعوبات في العثور على صورة ، ضعها في نفس الدليل مثل ملف الصفحة وحدد الاسم الدقيق في المعلمة src. تشير معلمات العرض والارتفاع إلى حجم الصورة بالبكسل ، على سبيل المثال ، 100 و 50.
الخطوة 6
احفظ التغييرات التي تم إجراؤها على الملف وافتحه في متصفح باستخدام قائمة "فتح باستخدام". اكتمل الآن إنشاء التسمية القابلة للنقر. إذا لم يتم عرض الصورة ، فتحقق من صحة الرمز والمسار المحدد للصورة.
