מדריך לבניית טופס יצירת קשר ב dreamweaver

 

בנייה ועיצוב השדות לטופס (contact form) בעמוד האתר - חלק 4

לעמוד הבא במדריך עמוד 4 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

יצירת לחצנים עבור שליחת הטופס

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

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 22

באותו האופן נפצל גם את התא השמאלי התחתון.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 23

נמרכז את שני התאים הפנימיים מתוך ארבעת התאים שהתקבלו.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 24

נקליק על התא השני מימין, ועל לחצן Button מתוך תפריט הטפסים.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 25

נמלא את ההגדרות עבור הכפתור באופן הבא:

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 26

נקליק על הכפתור שנוצר, ונערוך את ה- Value שלו מתוך סרגל ה-Properties.

כמו כן נוודא כי הפעולה המוגדרת עבור הכפתור הינה Submit Form.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 27

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

באותו האופן נוסיף כפתור עבור התא השני מימין בשורה התחתונה בטבלה.

מדריך לעיצוב טופס יצירת קשר בדרימוויבר - Dreamweaver Contact Form Design - 28

 

לעמוד הבא במדריך עמוד 4 לעמוד הראשון במדריך לעמוד הקודם במדריך

 

 

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

 

טפסים

15. מה זה טופס?

16. יצירת טופס

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

 

חזרה למעלה

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

CSS ב Dreamweaver

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