כיצד ליצור-מייל HTML: צעד אחר צעד מדריך

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

מאפייני בריאה

האדם המודרני מקבל יומי ממוצע של 5-6, ולפעמים עד 10 הודעות דואר אלקטרוני. משמעות דבר היא כי רק לך פחות משני, יש זמן למשוך את תשומת הלב של הנמען, לפני שהוא הולך הקריאה של ההתכתבות הבאה. אחרת,-מייל HTML השליחה שלך יהיו יעילים לחלוטין, ואתה פשוט בזבוז זמן.

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

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

מה צריך להיות תבנית המכתב

כאשר הפריסה של המסמך, שנועדה לשלוח כתבים, צריך לדבוק בדרישות הבאות:

• זה צריך להיעשות די צר, כלומר. א ב גודל לא יעלה בטווח של 500-600 פיקסלים המספקים את התצוגה הנכונה של טקסט ותוכן אחר בהתקנים מכל סוג שהוא.
• אתה צריך להשתמש בגופן מספיק גדול בשביל כל המידע בטקסט וכן iOS-מכשיר ה- HTML האלקטרוני יהיה נוח לקרוא אם גודל הגופן של 13 פיקסלים לפחות.
• אלמנטים שעליו תוכל ללחוץ כדי לעשות, צריכים להיות גדולים מספיק מבודדים מן הקישורים הקרובים. במקרה זה, המקבל יכול להפעיל אותם בקלות בניסיון הראשון.

אימון

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

צור ושמור מסמך

לפני שאתה כותב את הטקסט של המכתב, עליך:

• לפתוח CS3 Dreamweaver HTML-מייל תכנית-מעצב פופולריים למדי (DW);
• ליצור מסמך על ידי בחירת סוג של "HTML מעבר 4.01»;
• לשמור את הקובץ עם סיומת «.html»;
• בתפריט העליון כדי למצוא את פקודת העריכה;
• להסיר את לתקתק מן CSS השתמש תיבת הסימון" במקום תג HTML».

צעד אחר צעד מדריך

עכשיו, בואו לראות איך ליצור-דוא"ל ב- HTML. לשם כך:

• בעקביות לפתוח את הלשונית בתפריט "הוספה" ו "טבלה" ולחשוף את הפרמטרים הדרושים של השולחן. לדוגמה, קו - 2 עמודות - 1, רוחב - 700, בכותרת - העליון. הגבולות ניתן להגדיר, ואתה יכול להסתדר בלעדיהם, ציון 0.
• טופס בכותרת ההודעה. מאז HTML אותיות מיועד למספר גדול יותר של מוטבים, כך להשתמש באופרטור [first_name], כדי להחליף את שמו של הנמען הרצוי.
• בחלון התחתון, את "המאפיינים" לשים את הפרמטרים דרושים הגופן, הגודל והצבע של טקסט כותרת צבע רקע.
• "יציאה" משדה הכותרת. בתחתית המסך כדי להזיז את אופציית Put הסמן "ממורכז" ו "באמצע."
• הכנס את הודעת טקסט מוכן או "לכתוב" את זה נכון בתוכנית DW ידי בחירת סוג גודל הגופן, ויישור של הטקסט בדף.

יצירת קישורי היפרטקסט

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

כיצד להכניס תמונות

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

כדי להנפיק לסוף כה נחמד:

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

סקירה

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

קידוד

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

שליחת הודעות דוא"ל ב- HTML-

כדי להפוך את הדואר פתוח "Smartresponder" (SR). אז:

• לבחור או ליצור הודעת דואר אלקטרוני חדשה על ידי מילוי המחרוזת "שם" ו "לטפל השולח."
• למלא קו "נושא של המכתב";
• סימן בתפריט HTML-הקוד השמאלי העליון;
• קוד embed מועתק תכנית DW-הקוד בשדה גדול "מקור";
• לבדוק את התקינות של אמצעי התצוגה של כלי "תצוגה מקדימה";
• מחיקת גרסת נוסח המכתב;
• לבדוק אותו כדואר זבל, באמצעות הלחצן המתאים שליד "שלח" כפתור.

תבניות כמה פופולריות

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

• סרברוס. זו קבוצה של תבניות תגובה כביכול כדי ליצור אותיות, בדרך כלל מוצגת יישומים ניידים Gmail, וב- Outlook. זה מאפשר לך להשתמש בלוקים HTML-קוד, לבד או על ידי שילובם.
• דיו - קוצר מיילים, דיוור שהן כמעט אוניברסליים תואמות את כל ההתקנים והלקוחות.
• Really Simple תבנית HTML הדוא"ל. התבנית מאפשרת לך ליצור אותיות תפוצה מאוד נוחות ומהירות. עם זאת, הם יצטרכו עיצוב פשוט מאוד בצורת טור, אשר התקשרה קריאה לפעולה.

איך להכניס HTML לתוך

נבחן עתה בעיה שונה במקצת. כדי להכניס קוד HTML בהודעת דואר אלקטרוני, למשל, Gmail באמצעות, כפי שמוצג בדוגמה הבאה, עם דפדפן Google Chrome, עליך:

• לחץ על «F12» הכפתור, או לבחור את הרצף המתאים של פקודות בתפריט;
• בחלון הפתוח Gmail דף הקוד הנוכחית של הלקוח למצוא מקום איפה להיות מוכנס לתוך אותיות HTML, לבצע קליק ימני ולבחור «עריכה כמו HTML».
• להדביק את קוד ה- HTML;
• קש שילוב של שני מקשים «Ctrl» ו «זן».

לאותה מטרה אתה יכול להוריד קל ispolzovnii תוכנית Thunderbird Mozilla. עם זה אתה יכול ליצור מכתב, אז הראשון בחר "הוספה" ואז "HTML" ולהדביק קוד התפוצה שלך.

מכשירים

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

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

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