מדריך הוספת תמונה - Dreamweaver

 

 

עמוד 2 לעמוד הקודם במדריך

 

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

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

Dreamweaver מדריך הוספת תמונה 7

נשחרר את התמונה מהגרירה בכל מיקום על גבי העמוד שלנו.

Dreamweaver מדריך הוספת תמונה 8

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

Dreamweaver מדריך הוספת תמונה 9

התמונה תופיע במיקום בעמוד אליו גררנו אותה.

Dreamweaver מדריך הוספת תמונה 10

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

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

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

Dreamweaver מדריך הוספת תמונה 12

התוצאה הינה אחת לכל הדרכים שלמדנו – התמונה שבחרנו התווספה לעמוד שלנו.

Dreamweaver מדריך הוספת תמונה 13

הסרת תמונה מהעמוד שלנו - על מנת להסיר תמונה מהעמוד שלנו, נקליק עליה קליק ימני עם העכבר. בתפריט שנפתח נפנה לפקודת Remove Tag <img>x. התמונה תוסר בקלות מהעמוד שלנו.

Dreamweaver מדריך הוספת תמונה 14

 

עמוד 2 לעמוד הקודם במדריך

 

 

מדריך הוספת אובייקטים לעמוד האתר ב Dreamweaver

 

טקסט

1. הוספה ועריכת טקסט ב Dreamweaver

קישורים

2. מדריך יצירת קישורים ב Dreamweaver

3. יצירת קישורים חיצוניים ב Dreamweaver

4. יצירת קישור עוגן בתוך עמוד - Anchor Links

5. יצירת קישור לעוגן בעמוד אחר

תמונות

6. סוגי תמונות

7. הוספת תמונה לעמוד באתר

8. שינוי הגדרות תמונה בעמוד האתר

9. תאור לתמונה עם Alt Tag

10. הגדרת תוכנה חיצונית לעריכת תמונות ב Dreamweaver

טבלאות

11. טבלאות ב Dreamweaver

וידאו ואנימציה

12. הוספת קובץ פלאש לעמוד

13. הגדרת קובץ פלאש בעמוד האתר

14. הוספה והגדרת סרטון פלאש

טפסים

15. מה זה טופס?

16. יצירת טופס

17. עיצוב הטופס

 

חזרה למעלה

הכנות לבניית האתר עם Dreanweaver

CSS ב Dreamweaver

כלי בדיקה לאתר ב Dreamweaver