כיצד ליצור לחצן הורדה: 11 שלבים (עם תמונות)

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

כיצד ליצור לחצן הורדה: 11 שלבים (עם תמונות)
כיצד ליצור לחצן הורדה: 11 שלבים (עם תמונות)

וִידֵאוֹ: כיצד ליצור לחצן הורדה: 11 שלבים (עם תמונות)

וִידֵאוֹ: כיצד ליצור לחצן הורדה: 11 שלבים (עם תמונות)
וִידֵאוֹ: How To Quickly Add New Contacts From Email To Outlook Address Book? #short 2024, מאי
Anonim

כפתור הורדה יכול לגרום לאתר שלך להיראות הרבה יותר מקצועי מאשר להציע הורדה באמצעות קישורים. כפתור מספק ממשק נקי יותר, ואם בא לך לעצב משלך, הכפתורים שלך יכולים להיות חלק בלתי נפרד מעיצוב הדף שלך. עקוב אחר מדריך זה כדי ליצור כפתורי HTML או ליצור כפתור בעיצוב משלך.

צעדים

שיטה 1 מתוך 2: יצירת כפתור HTML

צור לחצן הורדה שלב 1
צור לחצן הורדה שלב 1

שלב 1. צור את הלחצן בעורך קוד

עורך טקסט פשוט כמו Notepad או TextEdit יעבוד בצורה מושלמת. הזן את הקוד הבא בעורך:

צור לחצן הורדה שלב 2
צור לחצן הורדה שלב 2

שלב 2. העלה את הקובץ לשרת שלך

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

צור לחצן הורדה שלב 3
צור לחצן הורדה שלב 3

שלב 3. ודא שיש לך את רשות מנהל האתר אם ברצונך לקשר לקובץ שאינך מארח בעצמך

צור לחצן הורדה שלב 4
צור לחצן הורדה שלב 4

שלב 4. החלף את 'מיקום ההורדה' בכתובת האתר להורדה. הקפד לכלול את הציטוטים היחידים סביב הכתובת, כמו גם את המרכאות הכפולות סביב "window.location = 'מיקום הורדה'". כלול את הקידומות כגון HTTP: // או FTP: // וכלול גם את סיומת הקובץ כגון בתור-j.webp" />

צור לחצן הורדה שלב 5
צור לחצן הורדה שלב 5

שלב 5. תייג את הכפתור

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

צור לחצן הורדה שלב 6
צור לחצן הורדה שלב 6

שלב 6. הנח את הקוד בדף שלך

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

שיטה 2 מתוך 2: יצירת לחצן תמונה

צור כפתור הורדה שלב 7
צור כפתור הורדה שלב 7

שלב 1. עיצוב כפתור ההורדה שלך

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

צור כפתור הורדה שלב 8
צור כפתור הורדה שלב 8

שלב 2. העלה את הקובץ לשרת שלך ותמונת הכפתור

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

העלה את תמונת הכפתור לאותו מיקום בשרת כמו הדף בו אתה מכניס אותו

צור כפתור הורדה שלב 9
צור כפתור הורדה שלב 9

שלב 3. צור את קוד ההורדה שלך

כפתור הורדה המיוצג על ידי תמונה פועל באותו אופן בו כל הקישורים האחרים פועלים ב- HTML. העתק את הקוד הבא לעורך המועדף עליך:

צור לחצן הורדה שלב 10
צור לחצן הורדה שלב 10

שלב 4. הזן את פרטי הקובץ והתמונה שלך. החלף את "מיקום ההורדה" בכתובת האתר המלאה להורדה שלך, כולל כל הקידומות HTTP: // או FTP: //. החלף את "קובץ התמונה בשם הקובץ של תמונת לחצן ההורדה. אם הקובץ נמצא באותו מיקום כמו הדף בשרת שלך, אינך צריך לכלול את כל הכתובת.

  • החלף את "ריחוף טקסט" בכל טקסט שברצונך להופיע כאשר המשתמש מעביר את הסמן מעל התמונה.
  • החלף את "X" ו- "Y" ברוחב התמונה והגובה בהתאמה בפיקסלים.
  • הקפד לשמור את הציטוטים הכפולים סביב כל ערך.
צור לחצן הורדה שלב 11
צור לחצן הורדה שלב 11

שלב 5. הזן את הקוד בדף שלך

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

וידאו - על ידי שימוש בשירות זה, מידע מסוים עשוי להיות משותף עם YouTube

אזהרות

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

מוּמלָץ: