כיצד ליצור תווית הניתנת ללחיצה

תוכן עניינים:

כיצד ליצור תווית הניתנת ללחיצה
כיצד ליצור תווית הניתנת ללחיצה
Anonim

בעת יצירת אתר חשוב שעיצוב האלמנטים שלו יתרום למשיכת משתמשים חדשים בשל הנוחות שבגישה למידע. אלמנט שניתן ללחיצה עליו - כתובת המורגשת ומובנת למבקר, כלומר מסלק מאדם ללחוץ על הקישור. ניתן להשיג אפקט זה באמצעות הוספות גרפיות צבעוניות ואינטואיטיביות.

כיצד ליצור תווית הניתנת ללחיצה
כיצד ליצור תווית הניתנת ללחיצה

הוראות

שלב 1

הכיתוב, הנקרא clickable, אמור למשוך את תשומת לב המשתמש ולהתבלט משאר תוכן העמוד. אל תשכח שעל האלמנט להיות בעל פונקציונליות מסוימת, ועל המשתמש לדעת לאיזה פריט תפריט הוא ילך לאחר שלחץ על קישור זה.

שלב 2

ניתן להשתמש באלמנטים גרפיים ליצירת תיבת טקסט ניתנת ללחיצה. צייר כפתור המתאים לעיצוב הצבע שלך באתר וכתובת עליו בכל עורך גרפי. תוכל גם לנצל פתרונות גרפיים מוכנים באינטרנט על ידי ביקור באתרים המוקדשים לציור תמונות עבור מנהלי אתרים.

שלב 3

לאחר העלאת התמונה, עליך להכניס אותה לקוד ה- HTML של הדף. לשם כך, פתח את מסמך האתר בעורך טקסט על ידי לחיצה ימנית על הקובץ ובחירת הקטע "פתח עם". ברשימת היישומים שמופיעה, ציין את העורך שבו אתה משתמש לעריכת דפים. אתה יכול גם להשתמש בפנקס הרשימות הרגיל של Windows.

שלב 4

עבור לחלק של הקוד שבו ברצונך להכניס את הכיתוב. ואז הזן את המתאר המתאים. לדוגמה:

שלב 5

קוד זה ייצור קישור בצורת אלמנט גרפי, כאשר "כתובת_למעבר" הוא הדף אליו ינותב המשתמש לאחר לחיצה על הכיתוב. "Path_to_Image" נמצא שם קובץ הכפתורים שלך. כדי להימנע מקשיים במציאת תמונה, הצב אותה באותה ספרייה של קובץ הדף וציין את השם המדויק בפרמטר src. פרמטרי הרוחב והגובה מציינים את גודל התמונה בפיקסלים, למשל 100 ו- 50.

שלב 6

שמור שינויים בקובץ ופתח אותו בדפדפן באמצעות התפריט "פתח באמצעות". יצירת התווית הניתנת ללחיצה הושלמה כעת. אם התמונה אינה מוצגת, בדוק את תקינות הקוד והנתיב שצוין לתמונה.

מוּמלָץ: