|
案例說(shuō)明
此案例為 使用Fireworks 8制作網(wǎng)頁(yè)效果圖 的姊妹篇，前面的案例地址可以點(diǎn)擊這里。前面已經(jīng)給大家介紹了網(wǎng)頁(yè)效果圖的制作，這里要介紹的內(nèi)容是如何把效果圖生成網(wǎng)頁(yè)。這也是網(wǎng)站制作中最重要的一部分。主要介紹的Fireworks如何和Dreamweaver進(jìn)行協(xié)同工作。本例主要分為4個(gè)部分，希望大家能夠通過(guò)這個(gè)例子得到一些啟發(fā)，由于筆者的水平有限，錯(cuò)誤的地方還希望大家批評(píng)指正。
1.1 創(chuàng)建Web站點(diǎn)
首先來(lái)創(chuàng)建WEB站點(diǎn)，具體操作步驟如下：
1.啟動(dòng)Dreamweaver 8軟件，選擇【站點(diǎn)】@@【新建站點(diǎn)】命令。
2.在彈出的“定義站點(diǎn)”窗口中選擇“高級(jí)”選項(xiàng)卡。
3.如圖1.1所示，在“站點(diǎn)定義窗口”的“本地信息”中設(shè)置本地站點(diǎn)參數(shù)。
圖1.1文檔屬性對(duì)話框 (點(diǎn)擊查看大圖)
4.點(diǎn)擊【確定】按鈕，站點(diǎn)建立完畢。
5.在硬盤(pán)上建立一個(gè)名為“bjdm”的文件夾，這個(gè)文件夾就是當(dāng)前站點(diǎn)的根目錄。
1.2 制作形象首頁(yè)
然后來(lái)制作網(wǎng)站的形象首頁(yè)，具體操作步驟如下：
1.啟動(dòng)Fireworks 8軟件，打開(kāi)形象頁(yè)面效果圖。如圖1.2所示。
圖1.2 使用Fireworks 8打開(kāi)形象首頁(yè)效果圖 (點(diǎn)擊查看大圖)
2.選擇工具箱中的【裁剪工具】選擇效果圖中的背景漸變色區(qū)域。如圖1.3所示。
圖1.3 選擇背景的漸變色區(qū)域
3.選擇【文件】@@【圖像預(yù)覽】命令（快捷鍵：【Ctrl+Shift+X】），把背景漸變色優(yōu)化并輸出。如圖1.4所示。
圖1.4 優(yōu)化背景圖片 (點(diǎn)擊查看大圖)
【說(shuō)明】因?yàn)楸尘笆菨u變色，所以?xún)?yōu)化為“JPG”格式。
出處：藍(lán)色理想
責(zé)任編輯：moby
上一頁(yè) 下一頁(yè) 使用 Fireworks 8 生成網(wǎng)頁(yè) [2]
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁(yè) 使用 Fireworks 8 生成網(wǎng)頁(yè) [1]
第 2 頁(yè) 
