Dreamweaver 響應式導覽列
幾乎所有的網站都有導覽列,它是整個網站資料的大綱,好的導覽列設計可以大大強化使用者體驗(User Experience,UX),增加顧客的點擊率。導覽列樣式百百種,要如何才能快速製作出固定在頁面最上方的導覽列呢?它的製作方法非常簡單,只要4個步驟就能製作出屬於自己的導覽列,讓我們跟著以下步驟操作吧!
一、 在Dreamweaver中新建一個Bootstrap檔案,Bootstrap CSS選擇「新建」且不包含預先建立的版面。
二、 將滑鼠游標停留在body標籤中,點選插入面板,來源選擇「Bootstrap組件」,點選「Navbar fixed to top」,就會自動產生固定在頂端的導覽列範本。
三、 將預設的導覽列內容修改為使用者要呈現的資訊。
四、 最後調整樣式效果,就可以輕鬆完成具有RWD設計的導覽列囉!

以上是關於「Dreamweaver 響應式導覽列」的製作方法,這麼實用的小撇步,您一定要學會喔!

- 回407期電子報主頁 -

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