如何用Fireworks cs5製作下拉導航條
很多網頁設計人員經常會用到下拉導航,網上有很多現成的例子,下載即可使用。但是如果想和自己製作的網頁比較相容,就需要不停的進行修改設定,比較麻煩,那麼有沒有比較方便的方法來實現下拉導航的製作呢?今天我就來分享一下采用FIREWORKS CS5製作下拉導航(選單)的方法
工具/原料
FIREWOKRS CS5
電腦一臺
方法/步驟
1下載安裝FIREWOKRS CS5(我目前電腦上已經安裝)並啟動軟體,建議大家購買正版軟體,此處不做過多說明。
2新建一個寬950畫素X35畫素,解析度為72畫素的畫布,並且點確定,如下圖二
3選擇矩形工具,在畫布上拖動出一個大小為950X35畫素黑白漸變的圖形
4漸變的顏色大家可以根據自己網頁的風格進行調整),單擊屬性面板中的油漆桶工具,調整顏色為紅色漸變,調整完畢,畫布上的矩形圖形的顏色已經發生了變化。
5選擇向量工具內的文字工具,鍵入導航上需要顯示的文字,為了演示方便,我只打了幾個導航的.文字。
6下邊我們開始正式製作下拉導航,也就是平時常說的下拉選單。選擇切片工具,一次切好對應的大小
7點選產品展示這個切片中心位置的圓形圖形,彈出下拉選單選擇“新增彈出選單”選項,
8選擇後臺在彈出的面板分別新增產品分類1,產品分類2,產品分類3等下拉選單的文字內容。連結和開啟視窗大家可以根據自己的需要手動新增即可。
9下拉導航新增完成後,在彈出選單編輯器面板點選繼續,分別進行外觀、高階、及位置設定,最後點選完成。如下圖2所示
10下拉導航的顯示位置需要手動拖動進行簡單的調整,如下圖,用滑鼠左鍵選中紅色方框框選的內容,進行左右或者上下拖動,將下拉內容顯示的合適的位置進行顯示,此處需要進行多次調整並通過匯出的頁面檔案進行測試,直到顯示完美即可。
11回到FW主介面,在畫布外的任意位置,點選滑鼠右鍵,彈出選單選擇“全選”,全選的目的是為了保證每個切邊的狀態為選中。
12這裡有三種全選的方法,大家可以採取任意一種:
方法1:直接在FW主介面,按下快捷鍵“CTRL+A”進行快速全選(圖示略);
方法2:即上面提到的方法(圖示略);
方法3:在畫布外的任意位置,按下滑鼠左鍵不放,拖動選擇,將畫布上的內容可以全部選中,如下圖所示:
13匯出選項如下圖1,匯出後的檔案如下圖2
14雙擊匯出的未命名這個檔案進行瀏覽,最終效果如下。
注意事項
用FW製作導航時,需要注意導航的風格要與網頁的風格統一
製作好的導航需要應用時,記得將匯出的檔案需要全部完整拷貝到網頁資料夾對應的目錄
-
【精】實用的西遊記作文7篇
在平凡的學習、工作、生活中,許多人都寫過作文吧,藉助作文人們可以實現文化交流的目的。那麼你有了解過作文嗎?以下是小編整理的西遊記作文7篇,僅供參考,希望能夠幫助到大家。西遊記作文篇1《西遊記》我已經讀了好幾遍了,它在四大名著中是最生動活潑的,每次讀他,面...
-
西遊記作文8篇【優選】
無論是在學校還是在社會中,大家都經常接觸到作文吧,藉助作文人們可以反映客觀事物、表達思想感情、傳遞知識資訊。那麼你有了解過作文嗎?下面是小編整理的西遊記作文8篇,歡迎閱讀與收藏。西遊記作文篇1《西遊記》是中國四大名著,裡面的主人公是斬妖除魔的齊天大聖孫...
-
實用的西遊記作文7篇(經典)
無論是身處學校還是步入社會,大家都寫過作文吧,寫作文可以鍛鍊我們的獨處習慣,讓自己的心靜下來,思考自己未來的方向。相信寫作文是一個讓許多人都頭痛的問題,以下是小編幫大家整理的西遊記作文7篇,僅供參考,歡迎大家閱讀。西遊記作文篇1說到西遊記,我們班還真有呢!孫愷...
-
西遊記學生作文300字6篇(精選)
在日復一日的學習、工作或生活中,大家或多或少都會接觸過作文吧,藉助作文人們可以實現文化交流的目的。那麼一般作文是怎麼寫的呢?以下是小編精心整理的西遊記學生作文300字6篇,歡迎閱讀與收藏。西遊記學生作文300字篇1寒假期間,我幾乎天天都看《西遊記》,總是看不煩...