跳到主要內容

edm設計要點


*不使用div排版，請使用table來編排

*<img>要設定正確的width和height

*「alt」屬性要設定

*不使用css seletor，使用inline-css

*email的css要個別寫在tag行內

*圖片與文字重疊的兩個方法

1.方法一：把圖片設為background-image，有些閱讀器不能正常顯示<table>標簽的background-image

2.方法二：使用z-index與position: absolute，但是position可能會跑掉(因瀏覽器不同)，不要用absolute，使用static或float較好。


***圖片中間有空白(俗稱破圖)

 使用display:block去除白線。
 位在表格的兩張圖片中有空白：將表格歸零，
 在<table>中使用 cellpadding="0" cellspacing="0" border=“0"來去除表格的「預設寬度」，
 並使用float:left來去除位於不同表格「連續圖片」的空白。

可直接寫style

style="display:block;
            border:0;
            outline:0;
            float:left;
            vertical-align:0"

*** 版面寬度
一般網頁的寬度大約為960px，為方便手機平板閱讀，寬度以550px~600px為準。

***字體大小
17~22px

***按鈕大小
apple說44*44px
android說48*48px

gmail中寄信
很久以前直接複製貼上在發信內文即可，
現在比較複雜。

作法如下：

在gmail中要選edit as html，
用瀏覽器打開email的html，
複製<body>...</body>那一段程式碼，
不含<body>和</body>，
貼上在gmail即可發信。


更多說明

標籤：

留言

張貼留言

這個網誌中的熱門文章

內湖花市好乾淨

  早上六點去逛內湖花市， 還是花痴一枚。 聽到一個單詞，好熟悉又好陌生， 空‧氣‧植‧物   空氣耶，看不到的植物嗎？ 國王的植物嗎？ 包在國王新衣裡的植物嗎？ 繼續耍白癡。   空氣植物.....聽到一兩攤盆栽老闆也不太清楚是甚麼... 詢問google大神，   大神曰： ch1 20種淨化空氣的植物 https://kknews.cc/zh-tw/home/z6296ll.html   前三名：吊蘭、仙人掌、虎尾蘭     舉手，老師！我我我！ 我在花市有看到虎尾蘭，覺得人家很眼熟， 但叫不出名字，長相兇悍的葉子，原來就是虎尾蘭， 虎尾耶，葉如其名，今生金世給你記迢迢！   忽然，響起前夜，騎著我的小得意出門逛了一小圈， 在溫溫涼涼的小雨夜，喉嚨不自覺地搔痛， 不相信自已的感冒徵狀， 自己假評估應該是空氣品質太糟， 去弄個吊蘭回家陪我吧。       大神曰： ch2 12種「好看又種不死」室內植物，沒有陽光也能活下來！ https://www.youtube.com/watch?v=lHFudT6IIo8    大神好可怕，何時對我的喜好愛惡這麼清楚透徹， 有種好怕又好依賴的感覺.......   大神怎麼會知道我怕醜又懶惰、肺不好、常常吸不到空氣、住在大馬路邊..... 這麼深得我心的搜尋結果， 完全忘了要尋找的空氣植物本人去哪兒了！   我懶惰，懶得打破沙鍋， 猜猜空氣植物， 應該是那種種在玻璃小罐裡， 少少美美，但看起來都很孤單的植物吧...... 每個玻璃小罐都自成一個星球。     喔耶，我猜對了， https://www.damanwoo.com/node/85958 根據大人物介紹， 來杯咖啡配盆栽.....種在咖啡壺裡的小植物， 好乾好星球好不需要水分的感覺， 每一盆都是創意的展現， 難怪，花市問到的價錢都好貴， ...
張貼留言
閱讀完整內容

uber優惠代碼8auoky

Uber首次註冊者，請用下面申請好的連結， 註冊帳號，立即享用折扣！！！ 首 2 次搭乘可享 NT$100 優惠折扣 -------------   若您已經註冊帳號，依然可以享有折扣！ 使用uber優惠代碼 8auoky ， 立即折扣100元乘車費！   ----------------------------------------------   代碼填入方法如下     點選畫面左上角選單，三條槓這個就是了！ --     點選" 付款設定 " --     點選" 新增優惠/禮物卡代碼 " 填入8auoky 按下"新增"即可立刻折抵車資囉！   請服用！        
張貼留言
閱讀完整內容

信用卡以後不用簽名

在北美商店中，萬事達卡使用者80%以上不需簽名， 在美國刷過卡的人應該都有一個經驗， 外國人根本看不懂中文簽名， 隨便簽都能過， 有些信用卡上面有印照片， 但大頭照與本人實際對照， 雖說不會差太遠， 但換了髮型，其實辨識度也不高。 所以這種臨櫃防偽其實沒有太大功用。 近年手機支付興起， 分食信用卡大餅， 出門還要帶錢包信用卡， 對消費者而言， 反變成累贅。 2017年底信用卡支付終於多了這項改變， 還不算太晚。 新聞片段 ─ " Beyond what you see and experience at checkout, there is behind the scenes technology at work every second of every day to protect every transaction. Mastercard has a long history of innovation and investments in all layers of security . Recently we introduced an Early Detection System to help financial institutions proactively and quickly pre-empt serious attacks.  This new service provides issuers with a unique advanced alert for cards and accounts at a heightened risk of fraudulent use based on their exposure in security incidents or data breaches." 刷卡過程中有許多我們人眼未見的保護機制， 萬事達卡將引進早期偵測系統，幫助防範惡意盜刷。 有趣單字： in all layers of security - 各層安全把關，英文裡面真的是用layers。 "While security remains paramount, we know that convenience is also a larg...
張貼留言
閱讀完整內容