|
本文接前一篇：第三階段：彈出菜單
第四階段：建立網(wǎng)頁(yè)
原文見(jiàn)：http://www.computerarts.co.uk/tutorials/type/stage.asp?id=32685&stage=9&page=0
1.我們的意圖是使用FW組建一個(gè)頁(yè)面范本。
因此我們很快地使用繪圖工具完成了裝飾把。
圓角是由圓角矩形畫(huà)出然后用小刀工具切割的。
2.這些角片可以在設(shè)計(jì)中以轉(zhuǎn)變成元件的方式重復(fù)使用。
每當(dāng)有一個(gè)新的圓角要求，
它就可以方便地從庫(kù)中提取并拖放到相同顏色的矩形邊緣。
3.我們的目的是創(chuàng)建展示用的頁(yè)面。
我們初步建立了頁(yè)面的表單輸入框；
不過(guò)，這是個(gè)選項(xiàng)。
Fireworks MX 允許你以HTML重置切片。
首先選擇你要重置的區(qū)域，
使用Edit>Insert>Slice將它轉(zhuǎn)換成切片。
4.在屬性檢查面版的"Type"下拉菜單選擇HTML。
然后貼上所要求的HTML。
你能夠在Dreamweaver編寫(xiě)代碼并直接拷貝到電腦暫存區(qū)。
盡管在我們的例子中，
只是使用繪圖工具模擬了一下。
5.內(nèi)容部分在我們的例子中放置了簡(jiǎn)單的文本和位圖。
再次聲明，
FW有能力在此版塊直接插入HTML。
覆蓋于此內(nèi)容版塊的矩形轉(zhuǎn)換成了切片。
6.以范例展示此FW文件，
到文件右上方快速輸出按鈕，
在菜單上選擇使用瀏覽器預(yù)覽。
當(dāng)網(wǎng)頁(yè)展示在你的瀏覽器上時(shí)，
出現(xiàn)的彈出菜單和翻轉(zhuǎn)按鈕
即是互動(dòng)和動(dòng)畫(huà)元素。
＊《使用 Fireworks MX 創(chuàng)建站點(diǎn)范例》翻譯完畢，謝謝觀賞。＊
出處：藍(lán)色理想
責(zé)任編輯：moonjeep
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
