כיצד להוסיף קישור לתמונה ב- Adobe Dreamweaver: 7 שלבים

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

כיצד להוסיף קישור לתמונה ב- Adobe Dreamweaver: 7 שלבים
כיצד להוסיף קישור לתמונה ב- Adobe Dreamweaver: 7 שלבים

וִידֵאוֹ: כיצד להוסיף קישור לתמונה ב- Adobe Dreamweaver: 7 שלבים

וִידֵאוֹ: כיצד להוסיף קישור לתמונה ב- Adobe Dreamweaver: 7 שלבים
וִידֵאוֹ: TRELLO | איך להשתמש במערכת טרלו לניהול משימות 2024, מרץ
Anonim

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

צעדים

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 1
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 1

שלב 1. פתח את Dreamweaver

פתח קובץ קיים או הגדר אתר חדש וצור קובץ HTML חדש, אם עדיין לא עשית זאת.

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 2
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 2

שלב 2. בעת יצירת קובץ HTML חדש, Dreamweaver כבר ייצור עבורך מבנה דף אינטרנט בסיסי

הזן את הסמן איפשהו בין התגים ו.

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 3
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 3

שלב 3. הכנס את התמונה שאתה רוצה

ישנן שלוש שיטות חלופיות לעשות זאת:

  • עבור לחלונית 'הכנס' בחלק העליון. לחץ על 'תמונה' ובחר 'תמונה' מתפריט המשנה שמופיע.
  • בצד ימין, יש סרגל שעליו כתוב 'הוספה' ו'קבצים '. לחץ על 'בחר' ולאחר מכן לחץ על 'נפוץ' מהתפריט הנפתח. כעת הכנס את התמונה על ידי לחיצה על 'תמונה'. אם סרגל זה אינו מופיע, לחץ על המקום בו כתוב סביבת העבודה 'קומפקטית' או 'מורחבת'. לחץ על 'קומפקטי' ולאחר מכן על 'אפס קומפקטי' כדי לאפס את הגדרות ברירת המחדל של Dreamweaver.
  • הקש Ctrl+Alt+I במקלדת.
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 4
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 4

שלב 4. התאם את גודל התמונה על ידי הזנת מספר הפיקסלים בשדות 'רוחב' ו'גובה '

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 5
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 5

שלב 5. עבור למצב 'עיצוב' כדי לראות איך התמונה שלך נראית

לחץ על 'Live' כדי לראות איך זה ייראה בפועל באתר שלך.

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 6
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 6

שלב 6. לחץ על התמונה

הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 7
הוסף קישור לתמונה בשלב Adobe Dreamweaver שלב 7

שלב 7. שמור את דף האינטרנט שלך על ידי הקשה על Ctrl+S (שמור) או Ctrl+⇧ Shift+S (שמירה בשם).

טיפים

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

מוּמלָץ: