網(wǎng)頁設(shè)計(jì)與制作實(shí)用教程

第1章網(wǎng)頁設(shè)計(jì)概述
1.1Internet與WWW
1.1.1Internet的產(chǎn)生與發(fā)展
1.1.2Internet的功能
1.1.3TCP／IP
1.1.4WWW服務(wù)
1.2網(wǎng)頁組成
1.2.1網(wǎng)頁的概念
1.2.2網(wǎng)頁基本元素
1.3網(wǎng)頁設(shè)計(jì)常用工具介紹
1.3.1網(wǎng)頁設(shè)計(jì)基本方法
1.3.2網(wǎng)頁圖像處理工具
1.3.3網(wǎng)頁動畫制作工具
1.3.4網(wǎng)頁編輯工具
1.4網(wǎng)頁設(shè)計(jì)技術(shù)分類
1.4.1靜態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)
1.4.2動態(tài)網(wǎng)頁設(shè)計(jì)技術(shù)
1.5網(wǎng)頁創(chuàng)建過程
1.5.1網(wǎng)頁設(shè)計(jì)步驟
1.5.2簡單網(wǎng)頁制作過程舉例
1.5.3網(wǎng)頁發(fā)布
1.6上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第2章HTML基礎(chǔ)
2.1基本概念
2.1.1超文本概念
2.1.2HTML含義
2.1.3HTML功能
2.2HTML文件
2.2.1HTML標(biāo)記
2.2.2HTML文件結(jié)構(gòu)
2.3文字格式
2.3.1設(shè)置標(biāo)題文字格式
2.3.2設(shè)置文字大小
2.3.3設(shè)置文字字體
2.3.4設(shè)置文字顏色
2.3.5設(shè)置字型
2.3.6設(shè)置換行
2.4頁面格式
2.4.1段落標(biāo)記
2.4,2分區(qū)顯示
2.5創(chuàng)建列表
2.5.1無序列表
2.5.2菜單列表
2.5.3有序列表
2.5.4列表嵌套
2.6表格設(shè)置
2.6.1表格標(biāo)記
2.6.2設(shè)置表格標(biāo)題
2.6.3合并單元格
2.6.4表項(xiàng)對齊
2.7超鏈接
2.7.1設(shè)置熱點(diǎn)標(biāo)記
2.7.2創(chuàng)建指向其他網(wǎng)頁鏈接
2.7.3創(chuàng)建網(wǎng)頁內(nèi)鏈接
2.7.4創(chuàng)建指向電子郵件鏈接
2.8圖像處理
2.8.1圖片標(biāo)記
2.8.2設(shè)置網(wǎng)頁圖片背景
2.8.3用圖片作為超鏈接
2.9多媒體處理
2.9.1設(shè)置字幕
2.9.2設(shè)置網(wǎng)頁音樂
2.9.3設(shè)置視頻
2.10表單處理
2.10.1創(chuàng)建表單
2.10.2創(chuàng)建輸入?yún)^(qū)
2.10.3創(chuàng)建列表框
2.1O.4創(chuàng)建文本框
2.11框架設(shè)置
2.11.1創(chuàng)建框架
2.11.2設(shè)置框架屬性
2.11.3創(chuàng)建框架間鏈接
2.12上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第3章CSS基礎(chǔ)
3.1CSS的基本概念
3.2CSS的應(yīng)用基礎(chǔ)
3.2.1CSS的語法格式
3.2.2CSS的樣式類型
3.2.3CSS的添加方法
3.3CSS的屬性設(shè)置
3.3.1字體屬性的設(shè)置
3.3.2顏色屬性的設(shè)置
3.3.3背景屬性的設(shè)置
3.3.4文本屬性的設(shè)置
3.3.5邊距屬性的設(shè)置
3.3.6邊框?qū)傩缘脑O(shè)置
3.3.7填充屬性的設(shè)置
3.3.8大小屬性的設(shè)置
3.3.9繞排屬性的設(shè)置
3.3.10分類屬性的設(shè)置
3.3.11定位屬性的設(shè)置
3.3.12鼠標(biāo)屬性的設(shè)置
3.4CSS的濾鏡設(shè)置
3.4.1Alpha濾鏡的設(shè)置
3.4.2Blur濾鏡的設(shè)置
3.4.3Chroma濾鏡的設(shè)置
3.4.4DropShadow濾鏡的設(shè)置
3.4.5FlipH濾鏡的設(shè)置
3.4.6FlipV濾鏡的設(shè)置
3.4.7Glow濾鏡的設(shè)置
3.4.8Gray濾鏡的設(shè)置
3.4.91nvert濾鏡的設(shè)置
3.4.10Mask濾鏡的設(shè)置
3.4.11Shadow濾鏡的設(shè)置
3.4.12Wave濾鏡的設(shè)置
3.4.13Xray濾鏡的設(shè)置
3.5上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第4章DreamweaverMX2004網(wǎng)頁設(shè)計(jì)
4.1DreamweaverMX概述
4.1.1DreamweaverMX簡介
4.1.2DreamweaverMX的工作環(huán)境
4.2DreamweaverMX基本操作
4.2.1建立文本頁面
4.2.2圖像的插入與編輯
4.3超鏈接操作
4.3.1超鏈接的介紹
4.3.2超鏈接的路徑
4.3.3超鏈接的創(chuàng)建
4.4利用圖像創(chuàng)建導(dǎo)航條的操作
4.4.1插入一個(gè)導(dǎo)航條
4.4.2修改導(dǎo)航條
4.5使用樣式
4.5.1CSS樣式
4.5.2HTML樣式
4.5.3樣式應(yīng)用實(shí)例
4.6表格
4.6.1創(chuàng)建表格
4.6.2單元格的操作
4.6.3導(dǎo)入表格數(shù)據(jù)
4.6.4設(shè)置表格的屬性
4.6.5表格的排序
4.6.6采用預(yù)定義的樣式設(shè)置表格
4.6.7使用布局表格模式進(jìn)行排版
4.7框架操作
4.7.1創(chuàng)建框架
4.7.2創(chuàng)建嵌套框架集
4.7.3編輯框架
4.7.4設(shè)置框架的屬性
4.7.5超鏈接在框架中的應(yīng)用
4.8表單操作
4.8.1創(chuàng)建表單
4.8.2向表單添加對象
4.8.3設(shè)置表單對象屬性
4.8.4驗(yàn)證表單數(shù)據(jù)的有效性
4.8.5表單應(yīng)用實(shí)例
4.9圖層.時(shí)間軸和行為操作
4.9.1創(chuàng)建圖層
4.9.2圖層的基本操作
4.9.3圖層的應(yīng)用
4.9.4時(shí)間軸
4.9.5行為
4.10模板
4.10.1創(chuàng)建模板
4.10.2設(shè)置模板屬性
4.10.3編輯模板
4.10.4應(yīng)用模板
4.10.5使用庫元素
4.11網(wǎng)頁發(fā)布
4.12應(yīng)用舉例
4.13上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第5章FlashMX2004動畫制作
5.1FlashMX2004工作環(huán)境
5.1.1菜單欄
5.1.2工具欄和工具箱
5.1.3常用面板
5.1.4綜合實(shí)例
5.2FlashMX基本概念
5.2.1元件
5.2.2庫
5.2.3實(shí)例
5.2.4時(shí)間軸
5.2.5幀和關(guān)鍵幀
5.2.6層
5.2.7按鈕
5.2.8綜合實(shí)例
5.3FlashMX文本處理
5.3.1創(chuàng)建文本
5.3.2設(shè)置文本屬性
5.3.3特效文字制作
5.4FlashMX基本動畫制作
5.4.1逐幀動畫
5.4.2補(bǔ)間動畫
5.4.3引導(dǎo)層動畫
5.4.4遮罩層動畫
5.5上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第6章FireworksMX2004圖像處理
6.1FireworksMX基礎(chǔ)
6.1.1工作環(huán)境簡介
6.1.2文檔基本操作
6.1.3設(shè)置文檔屬性
6.2矢量對象的操作
6.2.1繪制矢量圖形
6.2.2編輯矢量圖形
6.2.3路徑的使用
6.3位圖與文字的操作
6.3.1位圖圖像的處理
6.3.2文字設(shè)計(jì)
6.4動畫的制作
6.4.1利用元件制作動畫
6.4.2使用幀
6.4.3補(bǔ)間動畫的制作
6.4.4動畫輸出
6.5創(chuàng)建網(wǎng)頁交互效果
6.5.1制作按鈕和導(dǎo)航條
6.5.2制作彈出菜單
6.5.3熱區(qū)的使用
6.6圖形圖像的優(yōu)化與發(fā)布
6.6.1圖像的優(yōu)化
6.6.2圖像的切片
6.6.3圖像的導(dǎo)出
6.7應(yīng)用舉例
6.7.1制作網(wǎng)站標(biāo)志
6.7.2利用FireworksMX處理圖片
6.7.3制作動態(tài)分割條
6.7.4制作Banner動畫
6.7.5制作帶自動下拉菜單功能的導(dǎo)航條
6.8上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第7章網(wǎng)頁設(shè)計(jì)原則
7.1網(wǎng)頁設(shè)計(jì)的基本原則
7.2網(wǎng)站風(fēng)格設(shè)計(jì)
7.3網(wǎng)頁版面布局設(shè)計(jì)
7.3.1版面布局的原則
7.3.2網(wǎng)頁布局的類型
7.3.3點(diǎn).支.線.面的運(yùn)用
7.4網(wǎng)頁色彩設(shè)計(jì)
7.4.1色彩的基礎(chǔ)知識
7.4.2網(wǎng)頁配色方案
7.4.3網(wǎng)頁色彩搭配
7.5網(wǎng)頁圖形和文字的設(shè)計(jì)
7.5.1圖形設(shè)計(jì)的原則
7.5.2文字設(shè)計(jì)的原則
7.5.3文字和圖形的組合設(shè)計(jì)
7.5.4設(shè)計(jì)圖形與文字時(shí)應(yīng)注意的事項(xiàng)
7.6上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
第8章網(wǎng)頁制作綜合實(shí)例
8.1網(wǎng)站的設(shè)計(jì)步驟
8.2網(wǎng)站結(jié)構(gòu)規(guī)劃
8.2.1規(guī)劃站點(diǎn)結(jié)構(gòu)
8.2.2規(guī)劃站點(diǎn)的瀏覽機(jī)制
8.2.3構(gòu)建整體的站點(diǎn)風(fēng)格
8.3企業(yè)網(wǎng)站制作實(shí)例
8.3.1實(shí)例簡介
8.3.2建站準(zhǔn)備
8.3.3首頁制作
8.3.4制作模板頁
8.3.5制作欄目頁
8.4網(wǎng)站上傳及更新維護(hù)
8.4.1站點(diǎn)上傳
8.4.2站點(diǎn)更新及維護(hù)
8.5上機(jī)實(shí)訓(xùn)
本章小結(jié)
習(xí)題
參考文獻(xiàn)