DeeMocDIY.com
   
OR

DeeMocDIY Blog

TAG | HTML

ทำไมต้องเขียน Email ด้วย HTML

ก่อนจะเข้าเรื่อง ขออธิบายเกี่ยวกับ HTML ก่อนซักเล็กน้อย HTML (ชื่อเต็มคือ Hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) สำหรับภาษา SGML ในปัจจุบัน HTML เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน
คราวนี้ ทำไมเราถึงควรที่จะ ใช้ HTML ในการสร้าง Email
ปกติแล้ว ในการโฆษณาหรือประชาสัมพันธ์สินค้าตัวหนึ่ง สิ่งที่จำเป็นที่สุดคือการสร้าง Call to Action (การสร้างแรงดึงดูด)
เราลองมาดูกันว่า คุณ สนใจ ที่จะคลิก อันไหน มากกว่ากัน (ซ้ายหรือขวา)
แน่นอนว่าต้องเป็นด้านซ้ายซึ่งถูกสร้างขึ้นมาด้วย HTML Template ของ DeeMocDIY ซึ่งมีให้เลือกใช้เยอะแยะมากมาย
บางคนถามว่าอ้าวแล้วถ้าต้องการ Call to Action ทำไมไม่ใช้ Flash ไปเลยให้รู้แล้วรู้รอด แน่นอนครับ Flash นั้นมีลูกเล่นเยอะ แล้วสามารถสร้าง Call to Action ได้สูง แต่อย่างไรก็ดีเราไม่แนะนำให้นำมาใส่ใน Body (เนื้อหา) ของ Email ด้วยเหตุผลดังนี้
1. ไฟล์ Flash นั้นมีมีขนาดใหญ่อยู่แล้ว ดังนั้นบ่อยครั้งที่การมีไฟล์ Flash อยู่ใน Email ทำให้ส่งไม่ออก หรือส่งออกช้า ซึ่งในการรับ Email ฉบับนั้นๆ ก็จะช้าหรือรับไม่ได้เลยเช่นเดียวกัน
2. ต่อเนื่องจากข้อที่ 1 เนื่องจากไฟล์นั้นเป็นไฟล์ใหญ่  ระบบ Spam Filter ของ Email Client จึงมักมองว่าเป็น Spam ซึ่งจะถูกดักไว้ และถ้ามีการส่งบ่อยครั้งเข้าโดเมนที่ใช้ในการส่ง Email นั้นๆ ก็จะติด Blacklist ในที่สุด
4. Email Client ที่ไม่ได้ลง Flash Player หมดสิทธ์ที่จะเปิดไฟล์ Flash แน่นอน
3. การเปิดไฟล์ Flash นั้นมีความเสี่ยงด้าน ความปลอดภัยสูง ผู้เชี่ยวชาญจากหลายๆ สำนักเชื่อว่าช่องโหว่ใน Flash Player นั้น เป็นจุดใหญ่ที่จะทำให้ไวรัสร้ายแรงเข้ามาโจมตีระบบปฏิบัติการของเราได้  (อ้างอิง)

ก่อนจะเข้าเรื่อง ขออธิบายเกี่ยวกับ HTML ก่อนซักเล็กน้อย HTML (ชื่อเต็มคือ Hypertext Markup Language ภาษามาร์กอัปข้อความหลายมิติ) คือภาษามาร์กอัปออกแบบมาเพื่อใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ เริ่มพัฒนาโดย ทิม เบอร์เนอรส์ ลี (Tim Berners Lee) สำหรับภาษา SGML ในปัจจุบัน HTML เป็นมาตรฐานหนึ่งของ ISO ซึ่งจัดการโดย World Wide Web Consortium (W3C) ในปัจจุบัน ทาง W3C ผลักดัน รูปแบบของ HTML แบบใหม่ ที่เรียกว่า XHTML ซึ่งเป็นลักษณะของโครงสร้าง XML แบบหนึ่งที่มีหลักเกณฑ์ในการกำหนดโครงสร้างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่น 4.01 ที่ใช้กันอยู่ในปัจจุบัน

  • Share/Bookmark

, , , , , , , ,

How to Code HTML Email Newsletter : Part II Inline Style Sheet

สวัสดีครับ ครั้งที่แล้วผมเขียนเรื่องการ Design หน้า content แบบ HCF (Header Content and Footer) โดย การใช้ Table เพื่อควบคุม Layout ทั้งหมดใน Email ไปแล้ว คราวนี้ เราจะมาเจาะลึกการทำ Inline Style Sheet ใส่ Email ของเราบ้างเพื่อความสวยงามครับ

การกำหนด Style Sheets แบบ Inline ก็คือการกำหนดรูปแบบการแสดงผลของ Tag ภายใน Tagนั้น ๆ เลย โดยจะมีผลต่อ Tag นั้น ๆ Tag เดียวที่เราทำการกำหนด Style ให้มัน โดยใช้ Attribute “style” ภายใน Tag ที่ต้องการกำหนดให้ เราลองไปดูตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet กันครับ

ตัวอย่างเบื้องต้นของการกำหนด Inline Style Sheet

  1. <table style='border: 1px solid black; margin: auto;">
  2. <tr>
  3. <td style="text-align: right; font-size: 18pt;">
  • Share/Bookmark

, ,

DeeMocDIY Newsletter

สมัครสมาชิกเพื่อรับข่าวสารจาก DeemocDIY
และเทคนิค Top 10 Email Marketing Tips ฟรี!

Email Address: