下載安裝 FIREWOKRS CS5（我目前電腦上已經安裝）並啟動軟體，建議大家購買正版軟體，此處不做過多說明。 新建一個寬950畫素X35畫素，解析度為72畫素的畫布，並且點確定，如下圖二 選擇矩形工具，在畫布上拖動出一個大小為950X35畫素黑白漸變的圖形 漸變的顏色大家可以根據自己網頁的風格進行調整），單擊屬性面板中的油漆桶工具，調整顏色為紅色漸變，調整完畢，畫布上的矩形圖形的顏色已經發生了變化。選擇向量工具內的文字工具，鍵入導航上需要顯示的文字，為了演示方便，我只打了幾個導航的文字。下邊我們開始正式製作下拉導航，也就是平時常說的下拉選單。選擇切片工具，一次切好對應的大小點選產品展示這個切片中心位置的圓形圖形，彈出下拉選單選擇“新增彈出選單”選項， 選擇後臺在彈出的面板分別新增產品分類1，產品分類2，產品分類3等下拉選單的文字內容。連結和開啟視窗大家可以根據自己的需要手動新增即可。 下拉導航新增完成後，在彈出選單編輯器面板點選繼續，分別進行外觀、高階、及位置設定，最後點選完成。如下圖2所示下拉導航的顯示位置需要手動拖動進行簡單的調整，如下圖，用滑鼠左鍵選中紅色方框框選的內容，進行左右或者上下拖動，將下拉內容顯示的合適的位置進行顯示，此處需要進行多次調整並透過匯出的頁面檔案進行測試，直到顯示完美即可。 回到FW主介面，在畫布外的任意位置，點選滑鼠右鍵，彈出選單選擇“全選”，全選的目的是為了保證每個切邊的狀態為選中。這裡有三種全選的方法，大家可以採取任意一種：方法1：直接在FW主介面，按下快捷鍵“CTRL+A”進行快速全選（圖示略）；方法2：即上面提到的方；方法3：在畫布外的任意位置，按下滑鼠左鍵不放，拖動選擇，將畫布上的內容可以全部選中，匯出選項如下圖1，匯出後的檔案如下圖2雙擊匯出的未命名1.htm這個檔案進行瀏覽，最終效果如下。
下載安裝 FIREWOKRS CS5（我目前電腦上已經安裝）並啟動軟體，建議大家購買正版軟體，此處不做過多說明。 新建一個寬950畫素X35畫素，解析度為72畫素的畫布，並且點確定，如下圖二 選擇矩形工具，在畫布上拖動出一個大小為950X35畫素黑白漸變的圖形 漸變的顏色大家可以根據自己網頁的風格進行調整），單擊屬性面板中的油漆桶工具，調整顏色為紅色漸變，調整完畢，畫布上的矩形圖形的顏色已經發生了變化。選擇向量工具內的文字工具，鍵入導航上需要顯示的文字，為了演示方便，我只打了幾個導航的文字。下邊我們開始正式製作下拉導航，也就是平時常說的下拉選單。選擇切片工具，一次切好對應的大小點選產品展示這個切片中心位置的圓形圖形，彈出下拉選單選擇“新增彈出選單”選項， 選擇後臺在彈出的面板分別新增產品分類1，產品分類2，產品分類3等下拉選單的文字內容。連結和開啟視窗大家可以根據自己的需要手動新增即可。 下拉導航新增完成後，在彈出選單編輯器面板點選繼續，分別進行外觀、高階、及位置設定，最後點選完成。如下圖2所示下拉導航的顯示位置需要手動拖動進行簡單的調整，如下圖，用滑鼠左鍵選中紅色方框框選的內容，進行左右或者上下拖動，將下拉內容顯示的合適的位置進行顯示，此處需要進行多次調整並透過匯出的頁面檔案進行測試，直到顯示完美即可。 回到FW主介面，在畫布外的任意位置，點選滑鼠右鍵，彈出選單選擇“全選”，全選的目的是為了保證每個切邊的狀態為選中。這裡有三種全選的方法，大家可以採取任意一種：方法1：直接在FW主介面，按下快捷鍵“CTRL+A”進行快速全選（圖示略）；方法2：即上面提到的方；方法3：在畫布外的任意位置，按下滑鼠左鍵不放，拖動選擇，將畫布上的內容可以全部選中，匯出選項如下圖1，匯出後的檔案如下圖2雙擊匯出的未命名1.htm這個檔案進行瀏覽，最終效果如下。