網(wǎng)頁設(shè)計(jì)與制作

前言
第1章　網(wǎng)頁設(shè)計(jì)與制作概述
1.1　網(wǎng)站設(shè)計(jì)與制作的基礎(chǔ)知識(shí)
1.1.1　網(wǎng)站設(shè)計(jì)的有關(guān)概念
1.1.2　超文本協(xié)議、超文本標(biāo)記語言網(wǎng)頁
1.1.3　常用的網(wǎng)頁設(shè)計(jì)與制作工具
1.2　Dreamweaver的操作界面
1.2.1　菜單欄
1.2.2　文檔標(biāo)題欄
1.2.3　文檔工具欄
1.2.4　插入工具欄
1.2.5　狀態(tài)欄
1.2.6　屬性欄
1.2.7　浮動(dòng)窗口
1.3　站點(diǎn)操作
1.3.1　站點(diǎn)的創(chuàng)建
1.3.2　文件的操作
1.3.3　頁面屬性
1.4　實(shí)踐與運(yùn)用--農(nóng)家院網(wǎng)站的設(shè)計(jì)與制作
1.4.1　站點(diǎn)的建立
1.4.2　新建網(wǎng)頁
1.4.3　網(wǎng)頁的設(shè)計(jì)
1.4.4　設(shè)置超鏈接
復(fù)習(xí)思考題
第2章　Dreamweaver的基本操作
2.1　表格操作
2.1.1　表格基本語法
2.1.2　插入表格
2.1.3　編輯表格
2.1.4　編輯行、列和單元格
2.1.5　特殊樣式表格的制作
2.1.6　使用表格布局網(wǎng)頁
2.2　文字操作
2.2.1　插入標(biāo)題文本
2.2.2　插入普通文本
2.2.3　插入特殊字符
2.2.4　設(shè)置文本樣式
2.2.5　設(shè)置文本列表
2.2.6　添加滾動(dòng)文本
2.3　圖像操作
2.3.1　插入圖像
2.3.2　圖像屬性
2.3.3　為網(wǎng)頁設(shè)置背景圖片
2.4　超鏈接
2.4.1　文本鏈接
2.4.2　空鏈接
2.4.3　錨鏈接
2.4.4　電子郵件鏈接
2.5　實(shí)踐與運(yùn)用--保定秦奮切割機(jī)廠網(wǎng)站設(shè)計(jì)與制作
2.5.1　網(wǎng)頁布局設(shè)計(jì)
2.5.2　素材搜集與編輯
2.5.3　建立站點(diǎn)
2.5.4　網(wǎng)頁制作
復(fù)習(xí)思考題
第3章　CSS樣式
3.1　CSS樣式的概念
3.1.1　CSS樣式簡介
3.1.2　CSS規(guī)則
3.2　Dreamweavei中使用CSS
3.2.1　創(chuàng)建CSS
3.2.2　應(yīng)用CSS
3.2.3　編輯CSS
3.3　CSS的應(yīng)用
3.3.1　使用CSS設(shè)置文字格式
3.3.2　使用CSS設(shè)置圖片格式
3.3.3　使用CSS設(shè)置超鏈接格式
3.3.4　同一頁內(nèi)設(shè)置不同的超鏈接
3.4　實(shí)踐與運(yùn)用--"保定旅游網(wǎng)"的設(shè)計(jì)與制作
復(fù)習(xí)思考題
第4章　網(wǎng)頁特效設(shè)計(jì)
4.1　使用Spry框架構(gòu)件
4.1.1　使用Spry菜單欄構(gòu)件
4.1.2　使用Spry折疊式構(gòu)件
4.1.3　使用Spry選項(xiàng)卡式面板構(gòu)件
4.2　行為
4.2.1　設(shè)置行為
4.2.2　常用的事件及行為
4.3　插入多媒體對(duì)象
4.3.1　插入Flash動(dòng)畫
4.3.2　插入FlashPaper文件
4.3　13插入FLV視頻
4.4　從網(wǎng)上下載網(wǎng)頁特效代碼
4.4.1　設(shè)為首頁與加入收藏
4.4.2　滾動(dòng)文字代碼
4.4.3　橫向滾動(dòng)的圖片代碼
4.5　AP Div元素
4.5.1　AP Div元素的創(chuàng)建
4.5.2　設(shè)置AP Div元素的屬性
4.5.3　AP Div元素與表格的相互轉(zhuǎn)換
4.6　制作一個(gè)簡單的網(wǎng)頁拼圖游戲
4.6.1　圖片的準(zhǔn)備
4.6.2　制作拼圖游戲
4.6.3　拼圖游戲的完善
復(fù)習(xí)思考題
第5章　動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)初步
5.1　超文本標(biāo)記語言HTM
5.1.1　HTML簡介
5.1.2　常用的HTML標(biāo)記
5.2　表單
5.2.1　插入表單域
5.2.2　插入表單對(duì)象
5.2.3　表單實(shí)例
5.3　搭建動(dòng)態(tài)網(wǎng)站設(shè)計(jì)環(huán)境
5.3.1　動(dòng)態(tài)網(wǎng)站設(shè)計(jì)簡介
5.3.2　配置ASP服務(wù)器
5.3.3　其他小型的ASP服務(wù)器
5.3.4　開發(fā)環(huán)境的搭建
5.4　數(shù)據(jù)庫的建立與連接
5.4.1　數(shù)據(jù)庫建立
5.4.2　在網(wǎng)頁中連接數(shù)據(jù)庫
5.5　交互網(wǎng)站設(shè)計(jì)--留住客戶信息
5.5.1　顯示客戶留言
5.5.2　客戶留言
復(fù)習(xí)思考題
第6章　處理網(wǎng)頁中的圖像
6.1　圖像處理基礎(chǔ)知識(shí)
6.1.1　像素與圖像分辨率
6.1.2　RGB色彩模式
6.1.3　位圖與矢量圖
6.1.4　網(wǎng)頁圖像的格式
6.1.5　了解Photoshop
6.2　Photoshop圖像繪制
6.2.1　畫筆工具的使用
6.2.2　圖案的使用與定義
6.2.3　矢量工具的使用
6.3　使用Photoshop摳圖
6.3.1　選區(qū)工具
6.3.2　路徑工具
6.4　實(shí)踐與運(yùn)用--女性美食網(wǎng)站效果圖設(shè)計(jì)與制作
6.4.1　Logo的制作
6.4.2　網(wǎng)頁背景的制作
6.4.3　網(wǎng)頁效果圖制作
復(fù)習(xí)思考題
第7章　網(wǎng)頁動(dòng)畫的制作
7.1　Flash簡介
7.1.1　基本概念
7.1.2　操作環(huán)境
7.1.3　Flash工具箱
7.2　動(dòng)畫制作
7.2.1　逐幀動(dòng)畫
7.2.2　補(bǔ)問動(dòng)畫
7.3　引導(dǎo)動(dòng)畫與蒙版
7.3.1　引導(dǎo)動(dòng)畫
7.3.2　遮罩動(dòng)畫
7.3.3　元件與庫
7.4　綜合實(shí)踐--網(wǎng)頁中圖片輪顯動(dòng)畫與引導(dǎo)頁的設(shè)計(jì)制作
7.4.1　圖片輪顯動(dòng)畫制作
7.4.2　引導(dǎo)頁動(dòng)畫設(shè)計(jì)制作
復(fù)習(xí)思考題
第8章　網(wǎng)站設(shè)計(jì)與制作綜合實(shí)例
8.1　網(wǎng)站規(guī)劃
8.1.1　進(jìn)行用戶調(diào)研，確定網(wǎng)站內(nèi)容
8.1.2　根據(jù)網(wǎng)站內(nèi)容，確定網(wǎng)站結(jié)構(gòu)
8.1.3　確定網(wǎng)頁的版面布局
8.1.4　確定網(wǎng)站的配色與風(fēng)格
8.2　使用Photoshop編輯網(wǎng)頁圖像
8.2.1　制作網(wǎng)頁Logo
8.2.2　制作網(wǎng)頁效果圖
8.3　使用Flash制作網(wǎng)頁動(dòng)畫效果
8.3.1　制作banner的圖片輪顯動(dòng)畫
8.3.2　制作首頁中按鈕控制的案例展示動(dòng)畫
8.4　使用Dreamweaver制作網(wǎng)站
8.4.1　建立站點(diǎn)
8.4.2　使用表格布局網(wǎng)站首頁
8.4.3　填充表格內(nèi)容
8.4.4　網(wǎng)站效果