網(wǎng)頁(yè)制作三合一案例教程

前言
第1章 網(wǎng)頁(yè)制作概述
1.1 網(wǎng)頁(yè)基礎(chǔ)知識(shí)
1.1.1 WWW萬(wàn)維網(wǎng)
1.1.2 網(wǎng)頁(yè)的組成元素
1.1.3 網(wǎng)站的分類
1.2 網(wǎng)頁(yè)制作工具簡(jiǎn)介
1.2.1 網(wǎng)頁(yè)制作和網(wǎng)站管理工具——Dreamweaver
1.2.2 網(wǎng)頁(yè)圖像制作和優(yōu)化工具——Fireworks
1.2.3 網(wǎng)頁(yè)動(dòng)畫(huà)制作工具——Flash
1.3 優(yōu)秀網(wǎng)站賞析
1.3.1 企業(yè)展示類網(wǎng)站
1.3.2 健康類網(wǎng)站
1.3.3 休閑旅游類網(wǎng)站
1.4 習(xí)題
第2章 網(wǎng)頁(yè)設(shè)計(jì)與制作流程
2.1 網(wǎng)站總體設(shè)計(jì)
2.1.1 主題的定位和內(nèi)容的選擇
2.1.2 網(wǎng)站名稱的選擇
2.1.3 網(wǎng)站整體風(fēng)格和創(chuàng)意設(shè)計(jì)
2.1.4 網(wǎng)頁(yè)的色彩搭配
2.1.5 網(wǎng)站的層次結(jié)構(gòu)設(shè)計(jì)
2.1.6 頁(yè)面的布局設(shè)計(jì)
2.2 設(shè)計(jì)和制作素材
2.3 制作網(wǎng)頁(yè)
2.3.1 創(chuàng)建站點(diǎn)
2.3.2 創(chuàng)建CSS樣式
2.3.3 制作網(wǎng)站首頁(yè)
2.3.4 制作網(wǎng)站的其他頁(yè)面
2.4 測(cè)試和發(fā)布網(wǎng)站
2.5 習(xí)題
第3章 網(wǎng)站設(shè)計(jì)基礎(chǔ)語(yǔ)言HTML
3.1 HTML簡(jiǎn)介
3.1.1 初識(shí)HTML
3.1.2 HTML語(yǔ)法
3.2 創(chuàng)建HTML文檔
3.3 HTML標(biāo)簽
3.3.1 文件標(biāo)簽
3.3.2 排版標(biāo)簽
3.3.3 文字標(biāo)簽
3.3.4 超鏈接標(biāo)簽
3.3.5 圖像標(biāo)簽
3.3.6 表格標(biāo)簽
3.3.7 清單標(biāo)簽
3.3.8 框架標(biāo)簽
3.4 習(xí)題
第4章 使用Dreamweaver構(gòu)建網(wǎng)頁(yè)
4.1 本地站點(diǎn)的構(gòu)建與管理
4.1.1 使用Dreamweaver構(gòu)建本地站點(diǎn)
4.1.2 管理本地站點(diǎn)
4.2 網(wǎng)頁(yè)元素的編輯
4.2.1 制作文本文檔
4.2.2 制作圖文混排頁(yè)面
4.2.3 使用輪換圖像制作導(dǎo)航條
4.2.4 制作圖像熱點(diǎn)鏈接
4.3 頁(yè)面布局元素
4.3.1 頁(yè)面中插入表格
4.3.2 使用表格布局頁(yè)面
4.3.3 利用框架創(chuàng)建頁(yè)面
4.3.4 使用“布局模式”為頁(yè)面布局
4.4 制作表單
4.5 習(xí)題
第5章 使用Fireworks制作網(wǎng)頁(yè)圖像
5.1 繪制和修飾位圖
5.1.1 繪制位圖
5.1.2 修飾位圖
5.1.3 使用模糊工具組美化圖片
5.1.4 使用橡皮圖章 工具組修飾位圖
5.1.5 使用濾鏡功能
5.1.6 制作圖文混排的圖片
5.2 繪制和編輯矢量對(duì)象
5.2.1 繪制矢量圖片
5.2.2 使用矢量工具制作網(wǎng)頁(yè)
5.3 使用蒙版實(shí)現(xiàn)Fireworks特效
5.4 習(xí)題
第6章 使用Flash制作網(wǎng)頁(yè)動(dòng)畫(huà)
6.1 Flash動(dòng)畫(huà)基礎(chǔ)
6.1.1 使用Flash繪制圖形
6.1.2 使用Flash編輯圖形
6.2 幀與補(bǔ)間動(dòng)畫(huà)
6.2.1 時(shí)間軸與幀
6.2.2 逐幀動(dòng)畫(huà)
6.2.3 形狀補(bǔ)間動(dòng)畫(huà)
6.2.4 動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)
6.3 元件、實(shí)例和庫(kù)
6.3.1 使用元件、實(shí)例制作動(dòng)畫(huà)
6.3.2 創(chuàng)建圖形元件
6.3.3 創(chuàng)建按鈕元件
6.3.4 創(chuàng)建影片剪輯元件
6.4 圖層動(dòng)畫(huà)制作
6.4.1 引導(dǎo)層動(dòng)畫(huà)
6.4.2 遮罩層動(dòng)畫(huà)
6.5 習(xí)題
第7章 使用Dreamweaver升級(jí)網(wǎng)頁(yè)操作
7.1 使用CSS豐富網(wǎng)頁(yè)顯示效果
7.1.1 CSS的基本語(yǔ)法
7.1.2 在Drearnweaver中使用CSS的方法
7.1.3 制作嵌入網(wǎng)頁(yè)的CSS樣式
7.1.4 單獨(dú)的CSS樣式文件
7.2 使用動(dòng)畫(huà)及多媒體豐富網(wǎng)頁(yè)
7.3 使用模板與庫(kù)提高網(wǎng)頁(yè)制作效率
7.3.1 創(chuàng)建模板
7.3.2 創(chuàng)建庫(kù)項(xiàng)目
7.4 APDiv元素與時(shí)間軸
7.5 行為
7.5.1 彈出公告信息
7.5.2 創(chuàng)建自動(dòng)關(guān)閉網(wǎng)頁(yè)
7.5.3 跳轉(zhuǎn)URL
7.5.4 播放聲音
1.6 習(xí)題
第8章 使用Fireworks優(yōu)化網(wǎng)頁(yè)圖像
8.1 制作網(wǎng)頁(yè)圖標(biāo)按鈕
8.1.1 簡(jiǎn)單按鈕實(shí)例
8.1.2 復(fù)雜按鈕實(shí)例
8.2 制作網(wǎng)頁(yè)導(dǎo)航欄和彈出菜單
8.2.1 制作導(dǎo)航欄
8.2.2 制作彈出菜單
8.3 圖像的優(yōu)化與導(dǎo)出
8.3.1 優(yōu)化和導(dǎo)出JPEG格式的圖像
8.3.2 優(yōu)化和導(dǎo)出GIF格式的圖像
8.4 制作圖片網(wǎng)頁(yè)
8.4.1 切片工具分割圖片
8.4.2 設(shè)置“熱點(diǎn)”區(qū)域鏈接效果
8.5 習(xí)題
第9章 使用Flash優(yōu)化網(wǎng)頁(yè)動(dòng)畫(huà)
9.1 簡(jiǎn)單交互式動(dòng)畫(huà)制作
9.1.1 控制動(dòng)畫(huà)的播放與停止
9.1.2 跳轉(zhuǎn)網(wǎng)頁(yè)
9.1.3 拖拽圖片
9.2 制作網(wǎng)站宣傳動(dòng)畫(huà)
9.2.1 制作網(wǎng)站標(biāo)志
9.2.2 制作網(wǎng)站宣傳廣告
9.2.3 制作Flash網(wǎng)站
9.3 習(xí)題
第10章 網(wǎng)站宣傳與維護(hù)
10.1 測(cè)試和發(fā)布網(wǎng)站
10.1.1 網(wǎng)站域名注冊(cè)和空間申請(qǐng)
10.1.2 網(wǎng)站上傳
10.1.3 網(wǎng)站宣傳
10.2 網(wǎng)站后期維護(hù)
10.3 習(xí)題
參考文獻(xiàn)