本篇經驗將講到，怎麼利用Dreamweaver軟件，為微信公眾號的圖文編輯，編輯出類似微信的聊天對話框。原始案例以灰色邊框背景，黑色字體為例。
工具/原料
微信公眾平臺
Dreamweaver軟件
測試的瀏覽器（以火狐為例）
網絡暢通
方法/步驟
將已經寫好的代碼，在編輯器中預覽效果如下（上部邊框為代碼部分，下部邊框為效果預覽）。
點擊第一張圖片中圖標，將效果預覽在本地的瀏覽器（本案例以火狐瀏覽器為例）。
將上下兩部分代碼拷貝 到編輯器進行操作。
代碼上半部分：
代碼下半部分：
將在瀏覽器下的效果直接拷貝，被粘貼在微信公眾號的圖文編輯處，可以得到如下圖所示的效果。
修改此段代碼中文字的顏色效果：將代碼中“color:black”改為“color:orange”如第一張圖所示，並得到第二張圖片的效果。
修改此段代碼中文字的對話框背景色效果：將代碼中“border-right-color:grey”改為“border-right-color:green”，將“background-color:grey”改為“background-color:green”如第一張圖所示，並得到第二張圖片的效果。
微信, 編輯, 圖文, 平臺, 公眾, 微信公眾號圖文編輯器, 微信公眾號圖文編輯, 公眾號圖文編輯器, 微信公眾平臺圖文編輯, 公眾號圖文編輯, 微信公眾圖文編輯器, 公眾平臺圖文編輯器, qq公眾號圖文編輯器, 公眾號圖文消息編輯,