跳到主要內容

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即可發信。


更多說明

標籤：

留言

張貼留言

這個網誌中的熱門文章

項目2-2應用

使用條件判斷和迴圈的應用 結合條件判斷和迴圈，可以執行更複雜的邏輯。以下是一個示例： python Copy code # 找出列表中的偶數並列印 numbers = [ 1 , 2 , 3 , 4 , 5 , 6 , 7 , 8 , 9 , 10 ] for num in numbers: if num % 2 == 0 : print (num) 在這個例子中，我們使用 for 迴圈遍歷列表中的數字，並使用條件判斷找出偶數。 函數的進階應用 函數可以有預設參數值和返回多個值。以下是一個例子： python Copy code # 函數帶有預設參數值 def greet ( name, greeting= "Hello" ): print (greeting + ", " + name + "!" ) # 調用函數 greet( "Alice" ) greet( "Bob" , "Good morning" ) 在這個例子中， greet 函數有一個預設的問候語，當然你也可以提供自己的問候語。 列表生成式 使用列表生成式可以簡潔地創建列表。以下是一個例子： python Copy code # 使用列表生成式創建平方數列表 squares = [x** 2 for x in range ( 1 , 6 )] print (squares) 在這個例子中，我們使用列表生成式創建了包含1到5的數字平方的列表。 字典的進階應用 字典可以進行遍歷並取得鍵值對。以下是一個例子： python Copy code # 遍歷字典並列印鍵和值 person = { "名字" : "小明" , "年齡" : 25 , "城市" : "台北" } for key, value in person.items(): print (key + ": " + str (value)) 在這個例子中，我們使用 items 方法遍歷字典中的鍵值對並進行列印。 類別和物件 Pyt...
張貼留言
閱讀完整內容

workshop list

  小孩最開始說的那幾句話 小孩商品的紙盒回收製作 小孩商品回收製作  奶瓶  各種紙箱與透明紙
張貼留言
閱讀完整內容

lativ 衣起狂歡

購物網址 https://www.lativ.com.tw/OnSale/event?pid=171110250     我不算愛用者，但幾個單品是日常生活必備，折扣的時候總會不經意手滑.... 好啦！我是愛用者..... 如同lativ老闆的賣衣哲學所言，重要場合穿的就那幾件， 但日常生活穿的才是lativ要賣妳的商品，要你每天跟他生活在一起。   lativ 衣起狂歡，2017的1111必敗清單：   我就是想穿橫條紋的胖子！不要阻止我！     純棉條紋船型領長袖T恤  350元 https://www.lativ.com.tw/Detail/32262041       我就是想穿橫條紋的胖子！不要阻止我！       Fleece高領衫 149元 https://www.lativ.com.tw/Detail/32187041       駝色很好搭，不要問！很好搭！     牛仔外套  799元 https://www.lativ.com.tw/Detail/32819021         牛仔外套又回來了！再次全身牛仔走出大門，不用不好意思！       棉彈修身直筒褲  399元 https://www.lativ.com.tw/Detail/30358041       上班族在辦公室奔跑的好朋友，擔心胯下破掉嗎？ 那就買一打備用阿！ 積極上進點，減肥吧！       軟牛仔九分束口褲  399元 https://www.lativ.com.tw/Detail/30427031       趁束口褲還行的時候，再穿一回吧！ 雖然每次穿...
張貼留言
閱讀完整內容