- Div+CSS網頁制作實戰教程
- 周蘇峽
- 195字
- 2020-04-14 14:19:13
2.1.3 任務實施
1.任務場景
對某企業的茶葉網站首頁進行切片并導出圖片和HTML文檔模板。
2.操作環境
Windows7、Fireworks。
3.操作步驟
1)啟動Fireworks,導入首頁圖片。
2)打開輔助線,選擇切片工具,按圖2-21所示的圖片輔助線位置進行切片并導出圖片和HTML文檔。

圖2-21 切片位置參考圖
4.課堂練習
1)利用鋼筆工具(貝塞爾曲線工具),繪出如圖2-22所示的圖形。

圖2-22 課堂練習1圖形
2)對圖2-23所示的首頁效果圖切片,并導出圖片和HTML文檔。

圖2-23 首頁效果圖
推薦閱讀
- 柳工出海:中國制造的全球化探索
- Dreamweaver CS5網頁設計與制作教程
- 版面設計與制作
- 中文版Flash CC完全自學教程
- CSS+DIV網頁樣式與布局案例指導
- Vue.js Web開發案例教程(在線實訓版)
- 小白實戰大前端:移動端與前端的互通之路
- 網頁制作與網站建設寶典
- 網頁設計與制作(Dreamweaver CS6)
- HTML+CSS+JavaScript網頁制作(第2版)
- Highcharts網頁圖表制作實例詳解 (Web開發典藏大系)
- H5頁面設計與制作(全彩慕課版)
- Dreamweaver,Flash,Fireworks網頁設計百練成精(CS3版)
- After Effects UI交互動畫設計
- CSS3藝術:網頁設計案例實戰