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

出版說(shuō)明　
前言　
?1章　網(wǎng)頁(yè)制作基礎(chǔ)
　1.1　網(wǎng)站與網(wǎng)頁(yè)的概念
　　1.1.1　Internet與WWW
　　1.1.2　網(wǎng)頁(yè)與網(wǎng)站
　1.2　網(wǎng)站的規(guī)劃
　1.3　網(wǎng)站的設(shè)計(jì)
　　1.3.1　網(wǎng)站的結(jié)構(gòu)設(shè)計(jì)
　　1.3.2　網(wǎng)站的目錄結(jié)構(gòu)設(shè)計(jì)
　　1.3.3　網(wǎng)站的形象設(shè)計(jì)
　　1.3.4　網(wǎng)站主頁(yè)的設(shè)計(jì)
　　1.3.5　其他頁(yè)面的設(shè)計(jì)
　　1.3.6　企業(yè)網(wǎng)站的設(shè)計(jì)
　　1.3.7　為網(wǎng)站設(shè)計(jì)目標(biāo)對(duì)象
　1.4　網(wǎng)頁(yè)版面布局設(shè)計(jì)
　　1.4.1　版面布局的原則
　　1.4.2　版面布局的類型
　1.5　常用網(wǎng)頁(yè)?作工具簡(jiǎn)介
　　1.5.1　HTML語(yǔ)言
　　1.5.2　網(wǎng)頁(yè)制作\三劍客\
　　1.5.3　圖形圖像處理工具Photoshop
　1.6　習(xí)題
第2章　網(wǎng)頁(yè)素材的搜集與制作
　2.1　搜集網(wǎng)頁(yè)素材
　　2.1.1　廣泛搜集網(wǎng)頁(yè)素材
　　2.1.2　緊扣網(wǎng)站主題，搜集并制作素材
　　2.1.3　整理素材
　　2.1.4　明確素材命名規(guī)范
　2.2　工具軟件簡(jiǎn)介
　　2.2.1　平面制作軟件Photoshop　CS4
　　2.2.2　網(wǎng)頁(yè)效果圖設(shè)計(jì)軟件Fireworks　CS4
　　2.2.3　動(dòng)畫制作軟件Flash　CS4
　　2.2.4　在Internet上查找所需信息
　　2.2.5　屏幕捕獲工具SnagIt　和中華神捕2.62
　2.3　制作背景與按鈕
　　2.3.1　制作金灰色漸變背景
　　2.3.2　制作素材色漸變背景
　　2.3.3　制作冰雪花邊背景
　　2.3.4　制作首頁(yè)按鈕
　　2.3.5　制作主頁(yè)背景圖像
　2.4　制作網(wǎng)站標(biāo)志
　　2.4.1　新建圖像文件
　　2.4.2　處理道路素材
　　2.4.3　處理汽車素材
　　2.4.4　導(dǎo)入素材圖像
　　2.4.5　變換道路圖像
　　2.4.6　填充漸變背景
　　2.4.7　調(diào)整汽車圖像
　　2.4.8　添加文字
　　2.4.9　保存文件、輸出圖像
　2.5　制作系列圖片和動(dòng)畫素材
　　2.5.1　創(chuàng)建模板
　　2.5.2　使用模板制作各汽車品牌標(biāo)志
　　2.5.3　主頁(yè)頭部動(dòng)畫素材
　　2.5.4　養(yǎng)車用車頭部動(dòng)畫素材
　　2.5.5　車型圖庫(kù)頭部動(dòng)畫素材
　　2.5.6　最新車型頭部動(dòng)畫素材
　2.6　制作\手指動(dòng)作\動(dòng)畫
　　2.6.1　創(chuàng)建動(dòng)畫文檔
　　2.6.2　添加文本
　　2.6.3　制作文本陰影
　　2.6.4　添加特殊符號(hào)
　　2.6.5　制作\遮罩\圖形元件
　　2.6.6　制作\左視眼\圖形元件
　　2.6.7　制作\眼睛\影片剪輯元件
　　2.6.8　引用元件實(shí)例
　　2.6.9　制作各類動(dòng)畫
　2.7　制作首頁(yè)動(dòng)畫
　　2.7.1　導(dǎo)入背景圖像
　　2.7.2　繪制路徑
　　2.7.3　制作\汽車\元件
　　2.7.4　制作\車1\補(bǔ)間動(dòng)畫
　　2.7.5　制作\車2\補(bǔ)間動(dòng)畫
　　2.7.6　制作\車1\和\車2\的軌道動(dòng)畫
　　2.7.7　制作\車3\和\車4\的軌道動(dòng)畫
　2.8　制作頁(yè)面動(dòng)態(tài)廣告
　　2.8.1　主頁(yè)頭部廣告動(dòng)畫
　　2.8.2　車型圖庫(kù)頭部廣告動(dòng)畫
　　2.8.3　養(yǎng)車用車頭部廣告動(dòng)畫
　　2.8.4　最新車訊頭部廣告動(dòng)畫
　2.9　習(xí)題
第3章　Dreamweaver　CS4編輯XHTML語(yǔ)言
　3.1　Dreamweaver　CS4簡(jiǎn)介
　3.2　Dreamweaver　CS4編寫網(wǎng)頁(yè)腳本的方式
　　3.2.1　Dreamweaver中的源代碼編輯器
　　3.2.2　Dreamweaver　CS4的代碼視圖
　　3.2.3　Dreamweaver　CS4的設(shè)計(jì)視圖
　3.3　代碼視圖
　　3.3.1　Roundtrip　HTML的特點(diǎn)
　　3.3.2　使用代碼視圖
　3.4　使用快速標(biāo)簽編輯器
　3.5?XHTML語(yǔ)言基礎(chǔ)
　　3.5.1　XHTML語(yǔ)言的語(yǔ)法規(guī)則
　　3.5.2　XHTML文檔的結(jié)構(gòu)
　3.6　XHTML語(yǔ)言的重要標(biāo)簽和屬性
　　3.6.1　頭部標(biāo)簽
　　3.6.2　主體標(biāo)簽
　　3.6.3　文字的修飾標(biāo)簽
　　3.6.4　字體標(biāo)簽
　　3.6.5　列表標(biāo)簽
　　3.6.6　鏈接標(biāo)簽
　　3.6.7　圖片標(biāo)簽
　　3.6.8　表格標(biāo)簽
　　3.6.9　表單標(biāo)簽
　3.7　習(xí)題
第4章　網(wǎng)頁(yè)文本編輯與排版
　4.1　插入文本
　　4.1.1　插入普通文本
　　4.1.2　插入特殊字符
　　4.1.3　插入日期
　4.2　設(shè)置文本屬性
　　4.2.1　設(shè)置標(biāo)題和段落格式
　　4.2.2　設(shè)置文本字體和字號(hào)
　　4.2.3　添加新字體
　　4.2.4　設(shè)置文本顏色
　　4.2.5　設(shè)置文本樣式
　　4.2.6　設(shè)置文本對(duì)齊方式
　　4.2.7　設(shè)置文本縮進(jìn)和凸出
　4.3　創(chuàng)建列表
　　4.3.1　創(chuàng)建項(xiàng)目列表
　　4.3.2　創(chuàng)建嵌套列表
　4.4　插入網(wǎng)頁(yè)頭部?jī)?nèi)容
　　4.4.1　插入meta
　　4.4.2　插入關(guān)鍵字
　　4.4.3　插入說(shuō)明
　　4.4.4　刷新
　　4.4.5?設(shè)置基礎(chǔ)
　　4.4.6　設(shè)置鏈接
　4.5　在網(wǎng)頁(yè)中插入其他元素
　　4.5.1　插入水平線
　　4.5.2　插入注釋
　　4.6　檢查拼寫與查找替換
　　4.6.1　檢查拼寫
　　4.6.2　查找和替換
　4.7　習(xí)題
第5章　圖像和多媒體
　5.1　網(wǎng)頁(yè)中常用的圖像格式
　　5.1.1　GIF格式
　　5.1.2　JPEG格式
　　5.1.3　PNG格式
　5.2　在網(wǎng)頁(yè)中插入圖像
　　5.2.1　插入圖像
　　5.2.2　插入圖像占位符
　　5.2.3　插入鼠標(biāo)經(jīng)過(guò)圖像
　5.3　設(shè)?圖像屬性
　　5.3.1　調(diào)整圖像大小
　　5.3.2　設(shè)置圖像對(duì)齊方式
　5.4　在網(wǎng)頁(yè)中編輯圖像
　　5.4.1　使用外部圖像軟件優(yōu)化圖像
　　5.4.2　裁剪圖像
　　5.4.3　對(duì)圖像重新取樣
　　5.4.4　調(diào)整圖像亮度和對(duì)比度
　　5.4.5　銳化圖像
　5.5　在網(wǎng)頁(yè)中插入Flash
　　5.5.1　插入Flash動(dòng)畫
　　5.5.2　插入FlashPaper
　　5.5.3　插入Flash視頻
　5.6　插入Shockwave電影
　5.7　添加聲音
　　5.7.1　鏈接到音頻文件
　　5.7.2　嵌入音頻?件
　　5.7.3　供下載的歌曲列表
　5.8　插入Java　Applet
　5.9　插入ActiveX控件
　5.10　插入插件
　5.11　習(xí)題
第6章　使用CSS布局網(wǎng)頁(yè)
　6.1　樣式表概述
　　6.1.1　樣式表的基本語(yǔ)法規(guī)則
　　6.1.2　樣式表的類型
　　6.1.3　選擇器的選擇
　　6.1.4　群選擇器和派生選擇器
　6.2　在網(wǎng)頁(yè)中添加樣式表的方法
　　6.2.1　在head內(nèi)實(shí)現(xiàn)
　　6.2.2　在body內(nèi)實(shí)現(xiàn)
　　6.2.3　在文件外調(diào)用
　　6.2.4　導(dǎo)入和組合樣式
　6.3　樣?表的優(yōu)先級(jí)別
　　6.3.1　種添加方法的優(yōu)先級(jí)別
　　6.3.2　多個(gè)外聯(lián)樣式最后最優(yōu)先原則
　　6.3.3　類樣式優(yōu)先于重訂標(biāo)簽樣式
　　6.3.4　ID樣式優(yōu)先于類樣式
　　6.3.5　最近最優(yōu)先原則
　　6.3.6　同一個(gè)屬性多個(gè)值最后最優(yōu)先原則
　6.4　在Dreamweaver　CS4中可視化地添加樣式表到網(wǎng)頁(yè)
　　6.4.1　創(chuàng)建重訂標(biāo)簽樣式
　　6.4.2　自定義樣式
　　6.4.3　添加偽類
　6.5　Dreamweaver　CS4中的樣式定義面板
　　6.5.1　設(shè)置文本樣式
　　6.5.2　設(shè)置背景樣?
　　6.5.3　設(shè)置區(qū)塊樣式
　　6.5.4　設(shè)置方框樣式
　　6.5.5　設(shè)置邊框樣式
　　6.5.6　設(shè)置列表樣式
　　6.5.7　設(shè)置定位樣式
　　6.5.8　設(shè)置擴(kuò)展樣式
　6.6　Dreamweaver　CS4中的其他樣式表工具
　　6.6.1　使用樣式表布局模板
　　6.6.2　把內(nèi)聯(lián)樣式轉(zhuǎn)換為外聯(lián)樣式
　6.7　習(xí)題
第7章　使用行為創(chuàng)建動(dòng)態(tài)效果
　7.1　關(guān)于行為
　　7.1.1　事件
　　7.1.2　動(dòng)作
　　7.1.3　行為
　7.2　交換圖像和恢復(fù)交換圖像
　7.3　彈出信?
　7.4　打開(kāi)瀏覽器窗口
　7.5　控制Shockwave或Flash
　7.6　播放聲音
　7.7　改變屬性
　7.8　檢查插件
　7.9　檢查瀏覽器
　7.10　檢查表單
　7.11　設(shè)置導(dǎo)航欄圖像
　7.12　調(diào)用JavaScript
　7.13　跳轉(zhuǎn)菜單
　7.14　跳轉(zhuǎn)菜單開(kāi)始
　7.15　轉(zhuǎn)到URL
　7.16　預(yù)先載入圖像
　7.17　設(shè)置層文本
　7.18　設(shè)置狀態(tài)欄文本
　7.19　設(shè)置文本域文字
　7.20　設(shè)置框架文本
　7.21　顯示彈出式菜單
　7.22　顯示-隱藏元素
　7.23　拖動(dòng)AP元素
　7.24　習(xí)題
第8章　構(gòu)建動(dòng)態(tài)網(wǎng)站和發(fā)布網(wǎng)站
　8.1　Web應(yīng)用程序概述
　　8.1.1　動(dòng)態(tài)網(wǎng)頁(yè)概述
　　8.1.2　常用的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)
　8.2　使用ASP進(jìn)行Web應(yīng)用程序開(kāi)發(fā)的流程
　8.3　定義ASP網(wǎng)站
　　8.3.1　創(chuàng)建Web應(yīng)用程序的開(kāi)發(fā)環(huán)境
　　8.3.2　安裝IIS
　　8.3.3　IIS的設(shè)置
　8.4　在Dreamweaver　CS4中定義站點(diǎn)
　8.5　創(chuàng)建數(shù)據(jù)庫(kù)
　　8.5.1　Access數(shù)據(jù)庫(kù)原理
　　8.5.2　創(chuàng)建Access數(shù)據(jù)庫(kù)
　　8.5.3　在Access數(shù)據(jù)庫(kù)?輸入數(shù)據(jù)
　　8.5.4　在網(wǎng)頁(yè)中連接數(shù)據(jù)庫(kù)
　　8.5.5　綁定記錄集
　8.6　站點(diǎn)的上傳與維護(hù)
　　8.6.1　定義站點(diǎn)遠(yuǎn)程信息
　　8.6.2　上傳文件
　　8.6.3　下載文件
　　8.6.4　同步文件
　8.7　測(cè)試網(wǎng)站
　　8.7.1　瀏覽器兼容性檢查
　　8.7.2　檢查鏈接
　　8.7.3　創(chuàng)建站點(diǎn)報(bào)告
　8.8　其他的站點(diǎn)管理功能
　　8.8.1　設(shè)計(jì)備注
　　8.8.2　使用遮蓋
　　8.8.3　取出和存回
　8.9　習(xí)題
第9章　網(wǎng)站開(kāi)發(fā)實(shí)戰(zhàn)-千軒動(dòng)力培訓(xùn)機(jī)構(gòu)網(wǎng)站建設(shè)
　9.1　案例分析
　　9.1.1　頁(yè)面布局形式
　　9.1.2　頁(yè)眉的設(shè)計(jì)
　　9.1.3　內(nèi)容區(qū)域的設(shè)計(jì)
　　9.1.4　頁(yè)腳的設(shè)計(jì)
　　9.1.5　字體的選擇
　9.2　案例實(shí)現(xiàn)
　　9.2.1　制作結(jié)構(gòu)底圖
　　9.2.2　頁(yè)眉的設(shè)計(jì)
　　9.2.3　通欄的設(shè)計(jì)
　　9.2.4　制作內(nèi)容區(qū)域
　　9.2.5　制作頁(yè)腳
　　9.2.6　切片、優(yōu)化和導(dǎo)出
　　9.2.7　布局頁(yè)面
　9.3　習(xí)題
第10章　站點(diǎn)的發(fā)布及更新維護(hù)
　10.1　網(wǎng)頁(yè)及網(wǎng)站的測(cè)試
　　10.1.1　下載?間測(cè)試
　　10.1.2　網(wǎng)頁(yè)、站點(diǎn)的鏈接測(cè)試
　　10.1.3　拼寫檢查
　　10.1.4　使用個(gè)人服務(wù)器測(cè)試本地站點(diǎn)
　10.2　站點(diǎn)的管理
　　10.2.1　申請(qǐng)遠(yuǎn)程站點(diǎn)空間及域名
　　10.2.2　建立遠(yuǎn)程站點(diǎn)
　　10.2.3　設(shè)置站點(diǎn)參數(shù)
　　10.2.4　確定遠(yuǎn)程站點(diǎn)主機(jī)目錄
　　10.2.5　使用站點(diǎn)窗口
　10.3　站點(diǎn)的發(fā)布
　　10.3.1　上傳文件
　　10.3.2　下載文件
　10.4　站點(diǎn)的宣傳
　　10.4.1　加入搜索引擎
　　10.4.2　交換友情鏈接
　　10.4.3　購(gòu)?廣告位置
　　10.4.4　利用網(wǎng)絡(luò)媒體發(fā)布信息
　　10.4.5　利用傳統(tǒng)媒體發(fā)布信息
　10.5　站點(diǎn)的維護(hù)與更新
　　10.5.1　同步化遠(yuǎn)程站點(diǎn)和本地站點(diǎn)上的文件
　　10.5.2　使用\存回\和\取出\功能
　　10.5.3　站點(diǎn)的更新
　　10.5.4　站點(diǎn)的備份
　　10.5.5　站點(diǎn)的恢復(fù)
　10.6　習(xí)題