網(wǎng)頁設計綜合實踐教程

目錄

第1章網(wǎng)頁設計基礎知識
1.1網(wǎng)絡基礎知識
1.1.1WWW簡介
1.1.2什么是HTTP、URL和域名
1.2了解網(wǎng)頁與網(wǎng)站
1.2.1網(wǎng)頁
1.2.2網(wǎng)站
1.3網(wǎng)站的規(guī)劃與設計
1.4網(wǎng)頁設計
1.4.1網(wǎng)頁風格設計
1.4.2網(wǎng)頁布局設計
1.4.3網(wǎng)頁色彩設計
1.4.4網(wǎng)頁內(nèi)容設計
1.4.5網(wǎng)頁設計案例分析
1.5常用網(wǎng)頁設計工具
1.5.1網(wǎng)頁制作軟件——Adobe Dreamweaver CS6
1.5.2圖像處理軟件——Adobe Photoshop CS6
1.5.3動畫制作軟件——Adobe Flash CS6
1.6網(wǎng)頁制作入門
1.6.1HTML簡介
1.6.2CSS簡介
1.6.3JavaScript簡介
1.7常見瀏覽器介紹
思考與實踐
第2章Dreamweaver CS6基礎入門
2.1Dreamweaver CS6簡介
2.1.1Dreamweaver CS6新增功能
2.1.2Dreamweaver CS6工作區(qū)
2.2Dreamweaver CS6站點建設與管理
2.2.1案例分析： 嘉州文化長廊網(wǎng)站
2.2.2網(wǎng)站站點規(guī)劃與創(chuàng)建
2.2.3站點管理
2.3使用Dreamweaver CS6制作簡單網(wǎng)頁
2.3.1案例分析： “嘉州畫派”網(wǎng)頁設計
2.3.2HTML基礎
2.3.3CSS基礎
2.3.4案例制作： 圖文并茂頁面制作
思考與實踐
第3章Dreamweaver CS6網(wǎng)頁綜合設計
3.1表格布局
3.1.1案例分析： “文化動態(tài)”網(wǎng)頁設計
3.1.2表格基礎
3.1.3表格布局綜合案例制作
3.2DIV+CSS布局
3.2.1網(wǎng)站標準
3.2.2案例分析
3.2.3DIV基礎
3.2.4案例制作——頁眉Banner制作
3.2.5CSS盒子模型
3.2.6盒子的浮動
3.2.7案例制作——頁眉導航條制作
3.2.8導航條專項
3.2.9清除浮動
3.2.10案例制作——主體內(nèi)容和頁腳制作
3.2.11盒子的定位
3.2.12綜合提高練習
3.3超鏈接應用
3.3.1案例分析
3.3.2超鏈接基礎
3.3.3案例制作——實現(xiàn)內(nèi)部超鏈接
3.3.4案例制作——實現(xiàn)外部超鏈接
3.3.5案例制作——實現(xiàn)錨記超鏈接
3.3.6案例制作——超鏈接風格美化
3.4創(chuàng)建并使用外部CSS樣式
3.4.1創(chuàng)建外部CSS文件
3.4.2鏈接外部CSS文件
3.4.3案例制作——創(chuàng)建并鏈接外部樣式表
思考與實踐
第4章網(wǎng)頁設計高級應用
4.1表單
4.1.1表單概述
4.1.2案例分析
4.1.3認識表單控件
4.1.4案例制作
4.2嵌入式框架
4.2.1案例分析
4.2.2認識嵌入式框架
4.2.3案例制作
4.3CSS特效
4.3.1創(chuàng)建圓角
4.3.2添加陰影
4.3.3背景編輯
4.3.4透明度設置
4.3.5轉(zhuǎn)換效果
4.3.6過渡動畫設置
4.4JavaScript特效
4.4.1JavaScript簡介
4.4.2JavaScript基本語法
4.4.3認識【行為】面板
4.4.4案例制作——滾動圖片的停止與運行
4.4.5案例制作——元素的顯示與隱藏
思考與實踐
第5章Photoshop CS6基礎入門
5.1圖像處理基本知識
5.1.1像素、圖像分辨率與位圖
5.1.2圖像的顏色模式
5.1.3圖像的文件格式
5.2Photoshop CS6工作環(huán)境及優(yōu)化設置
5.2.1Photoshop CS6的新增功能
5.2.2認識Photoshop CS6工作界面組件
5.2.3切換工作界面
5.2.4自定義工作界面
5.2.5工作界面相關參數(shù)設置
5.3Photoshop CS6的基本操作
5.3.1基本文件操作
5.3.2調(diào)整圖像與畫布
5.3.3圖像的顯示
5.3.4恢復錯誤操作或文件
思考與實踐
第6章Photoshop CS6圖像處理
6.1選區(qū)的創(chuàng)建與編輯
6.1.1選框工具
6.1.2套索工具
6.1.3快速選擇工具和魔棒工具
6.1.4裁剪工具
6.1.5選區(qū)編輯
6.2圖層的創(chuàng)建與應用
6.2.1圖層的基本概念
6.2.2圖層的基本操作
6.2.3編輯圖層
6.2.4圖層效果和樣式
6.3圖像的繪制和修飾
6.3.1設置顏色
6.3.2畫筆工具
6.3.3漸變工具與油漆桶
6.3.4圖章工具
6.3.5橡皮擦與魔術橡皮擦工具
6.3.6修復、修補和紅眼工具的使用
6.3.7模糊、銳化和涂抹工具的使用
6.3.8減淡、加深和海綿工具的使用
6.4路徑與文字工具
6.4.1創(chuàng)建路徑
6.4.2編輯路徑
6.4.3文字工具
6.5色彩與色調(diào)的調(diào)整
6.5.1色彩平衡調(diào)整
6.5.2【色相/飽和度】命令
6.5.3亮度對比度調(diào)整
6.5.4【色階】命令
6.6蒙版
6.6.1圖層蒙版
6.6.2快速蒙版
6.6.3圖像合成案例制作
6.7濾鏡
6.7.1濾鏡基礎知識
6.7.2風格化濾鏡
6.7.3扭曲濾鏡
6.7.4像素化
6.7.5渲染
6.7.6畫筆描邊濾鏡
6.7.7素描濾鏡
6.7.8紋理濾鏡
6.7.9蒙版與濾鏡示例制作
6.8動畫的制作
6.8.1認識幀模式【時間軸】面板
6.8.2創(chuàng)建幀動畫
6.9常見網(wǎng)頁元素設計及圖像制作綜合案例
6.9.1網(wǎng)頁背景圖案制作
6.9.2網(wǎng)站Logo制作
6.9.3按鈕案例制作
6.9.4網(wǎng)站Banner制作
思考與實踐
第7章Flash CS6動畫設計基礎
7.1Flash基礎入門
7.1.1Flash CS6概述
7.1.2Flash CS6的操作界面
7.2Flash動畫基礎
7.2.1與Flash文檔相關的文件類型
7.2.2時間軸
7.2.3元件與示例
7.2.4選取對象
7.2.5Flash CS6影片制作的基本流程
7.3Flash CS6基本工具的使用
7.3.1線條、刷子、顏料桶、變形工具
7.3.2橢圓、矩形、多角星形工具
7.3.3橡皮擦、鉛筆、鋼筆工具
思考與實踐
第8章Flash CS6動畫制作
8.1制作逐幀動畫
8.1.1逐幀動畫的創(chuàng)建
8.1.2繪圖紙
8.1.3逐幀動畫示例
8.2制作形狀補間動畫
8.2.1形狀補間動畫的創(chuàng)建
8.2.2形狀補間動畫示例——文字變國旗
8.3制作傳統(tǒng)補間動畫
8.3.1創(chuàng)建傳統(tǒng)補間的方法
8.3.2傳統(tǒng)補間動畫示例——漸變的廣告動畫
8.4制作補間動畫
8.4.1制作補間動畫
8.4.2補間動畫和傳統(tǒng)補間之間的差異
8.4.3補間動畫示例——珍愛生命
8.5制作路徑動畫
8.5.1創(chuàng)建沿路徑運動的傳統(tǒng)補間
8.5.2應用沿路徑運動的傳統(tǒng)補間動畫的技巧
8.5.3路徑動畫制作示例——蝴蝶飛舞
8.6制作遮罩動畫
8.6.1創(chuàng)建遮罩動畫
8.6.2遮罩動畫制作示例
8.7為Flah動畫添加聲音
8.7.1導入聲音
8.7.2添加聲音到影片幀中
8.7.3查看聲波
8.8制作交互式動畫
8.8.1【動作】面板介紹
8.8.2為關鍵幀添加ActionScript
8.8.3為按鈕添加ActionScript
8.8.4為影片剪輯添加ActionScript
8.8.5stop和play語句
8.8.6goto語句
8.8.7getURL語句
8.8.8綜合案例——動畫Banner制作
思考與實踐
第9章網(wǎng)站的規(guī)劃與設計
9.1網(wǎng)站規(guī)劃概念
9.2網(wǎng)站內(nèi)容規(guī)劃
9.2.1網(wǎng)站類型
9.2.2網(wǎng)站應該包括的內(nèi)容
9.2.3目錄結構規(guī)劃
9.2.4鏈接結構規(guī)劃
9.2.5圖片文字規(guī)格
9.3網(wǎng)站策劃
9.3.1網(wǎng)站功能分析
9.3.2網(wǎng)站非功能分析
9.4網(wǎng)頁制作
9.4.1首頁版面設計
9.4.2首頁制作
9.4.3模板制作
9.4.4其他頁面制作
9.5測試和發(fā)布網(wǎng)站
9.5.1站點的本地測試
9.5.2域名空間的申請
9.5.3發(fā)布站點
9.5.4更新維護站點
思考與實踐
參考文獻