Dreamweaver 卡片容器

「卡片容器」是許多活動網站或購物平台非常常見的元素，卡片容器主要是由圖片、說明文字以及call to action按鈕組合而成，而且重複性非常高。Dreamweaver內建的Bootstrap組件就有提供卡片組件的效果，不須自行設定樣式及class名稱，只要4個步驟就能快速製作出各式卡片容器，讓我們跟著以下步驟操作吧！
一、 在Dreamweaver中新建一個Bootstrap檔案，Bootstrap CSS選擇「新建」且不包含預先建立的版面。
二、 將滑鼠游標停留在body標籤中，點選插入面板，來源選擇「Bootstrap組件」，點選「Cards」選項，選擇最基本的Card樣式。
三、 將預設的圖片更換成自己想要呈現的檔案。
四、 將預設的說明文字及按鈕內容修改為自己想要呈現的資訊。
五、 就可以輕鬆完成活動網站或購物平台常見的卡片元素囉！
以上是關於「Dreamweaver 卡片容器」的製作方法，這麼實用的小撇步，您一定要學會喔！

- 回432期電子報主頁 -
財團法人中華民國電腦技能基金會版權所有，未經確認授權，嚴禁轉貼節錄
 TEL：02-2577-8806 ‧ FAX：02-2577-8135 服務信箱： [email protected]