0 Comments | Posted by Development Team in อื่นๆ
ทุกวันนี้ Email Client ต่างๆสามารถอ่าน Email ที่เป็น HTML ได้แล้วไม่ว่าจะเป็น
Eudora, Outlook, AOL, Thunderbird, Lotus Notes หรือแม้กระทั่งweb-based email
services เช่น Yahoo!, Hotmail และ Google Mail (Gmail).
เมื่อใดก็ตามที่คุณต้องการสร้าง HTML Email ด้วยตัวคุณเอง มีหลักการง่ายๆแค่ 2 ข้อทีคุณต้องทราบ
1.ใช้ Table Tag, control ทุกอย่างที่เป็น layout ของหน้า Email
2.ใช้ inline CSS เพื่อ Control, เช่น background colors หรือ fonts.
การใช้ Table เพื่อควบคุม Layout ทั้งหมดใน Email
จะขอเริ่มต้นที่การเลือกรูปแบบหน้าตา หรือ layout ก่อนนะครับ ผมเลือกรูปแบบมาตรฐานที่นิยมใช้มากที่สุด ที่ผมตั้งชื่อขึ้นเองว่ารูปแบบ HCF (Header,Content and Footer) ตามรูปด้านล่าง
ส่วนที่เป็น Header เราจะนิยมใช้รูปภาพหรือข้อความขนาดใหญ่ ตั้งแต่ Tag <h1> หรือ <h2> เป็นต้นไป
ตรงกลาง (Content) นิมยมใส่เป็นข้อความธรรมดา และสามารถแทรกรูปภาพหรือ Table อื่นๆเพิ่มเข้าไปได้อีก ส่วนด้านล่างของ Email (Footer) นิยมใช้ข้อมูลการติดต่อกลับหาเจ้าของ Email หรือ หากเป็นการทำ Email Marketing ที่ถูกต้องแล้วละก็ อย่าลืมใส่ Unsubscribe Link เป็นอันขาดครับ เพื่อป้องกันการ Report SPAM หรือการ Complain จากผู้รับ Email ไปยัง ISP ที่ผู้รับใช้อยู่ ส่วน Code เบื้องต้นที่ใช้เป็นตัวอย่างดังนี้ครับ
<html>
<head>
<!–Tag ต่างๆที่เป็นส่วนข้อ Header สามารถใช้ได้เหมือนกับ HTML ธรรมดาครับ ยกเว้น Javascript และ style tag –>
</head>
<body>
<table>
<tr>
<td>เนื้อหาส่วนที่เป็น Header</td>
</tr>
<tr>
<td>เนื้อหาส่วนที่เป็น Content</td>
</tr>
<tr>
<td>เนื้อหาส่วนที่เป็น Footer</td>
</tr>
</table>
</body>
</html>
สำหรับครั้งต่อไป จะสาธิตวิธีการใส่ลูกเล่น Inline Style Sheet ครับผม รับรองสนุกแน่นอนครับ
