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

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