כיצד ליצור דוא"ל HTML ב-Dreamweaver

קודי HTML

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

קרדיט תמונה: Janka Dharmasena/iStock/Getty Images

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

קבע עיצוב

שלב 1

הפעל את Dreamweaver ולאחר מכן בחר "HTML" תחת העמודה צור חדש.

סרטון היום

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

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

שלב 6

בחר "כותרת (קידוד)" בעמודה קטגוריה, הקלד כותרת עבור המסמך שלך, כגון נושא ההודעה, ו לאחר מכן בחר את סוג המסמך, כגון "HTML5" ואת קידוד התווים, כגון "Unicode (UTF-8)." בחר "אישור" מתי בוצע.

הקלד ועצב הודעה

שלב 1

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

שלב 2

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

שלב 3

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

שלב 4

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

שלב 5

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

שלב 6

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

תצוגה מקדימה והעברה

שלב 1

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

שלב 2

הקש "Ctrl-A" כדי לבחור את כל ההודעה, ולאחר מכן הקש "Ctrl-C" כדי להעתיק אותה. עבור לתוכנית הדוא"ל שלך, צור הודעת דוא"ל חדשה ולאחר מכן שנה את סוג ההודעה ל-"HTML", במידת הצורך.

שלב 3

לחץ על "Ctrl-V" כדי להדביק את ההודעה בתוכנית הדוא"ל שלך. פנה את ההודעה לנמענים שלך, הקלד נושא עבור ההודעה ולאחר מכן שלח אותה.

עֵצָה

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

אַזהָרָה

המידע במאמר זה מתייחס ל-Dreamweaver CC. זה עשוי להשתנות מעט או משמעותי עם גרסאות או מוצרים אחרים.