網(wǎng)頁制作與網(wǎng)站建設(shè)技術(shù)大全

第1篇　網(wǎng)站開發(fā)入門
第1章　網(wǎng)站開發(fā)基礎(chǔ)
1.1　網(wǎng)站開發(fā)概述
1.1.1　什么是網(wǎng)站
1.1.2　網(wǎng)站設(shè)計(jì)的目的
1.1.3　網(wǎng)站設(shè)計(jì)的學(xué)習(xí)內(nèi)容
1.2　網(wǎng)站建設(shè)的一般流程
1.2.1　網(wǎng)站的定位
1.2.2　申請網(wǎng)站域名
1.2.3　申請服務(wù)器空間
1.2.4　確定網(wǎng)站主題
1.2.5　網(wǎng)站整體規(guī)劃
1.2.6　收集資料與素材
1.2.7　設(shè)計(jì)網(wǎng)頁頁面
1.2.8　切圖并制作成頁面
1.2.9　開發(fā)動(dòng)態(tài)網(wǎng)站模塊
1.2.10　發(fā)布與上傳
1.2.11　后期更新與維護(hù)
1.2.12　網(wǎng)站的推廣
1.3　常用的網(wǎng)頁設(shè)計(jì)軟件
1.3.1　網(wǎng)頁設(shè)計(jì)軟件Dreamweaver
1.3.2　平面設(shè)計(jì)軟件Photoshop
1.3.3　網(wǎng)頁圖片設(shè)計(jì)和切圖軟件Fireworks
1.3.4　動(dòng)畫設(shè)計(jì)軟件Flash
1.4　Web　2.0網(wǎng)站概述
1.5　相關(guān)問題
1.5.1　域名的重要性與法律保護(hù)問題
1.5.2　網(wǎng)站的空間服務(wù)質(zhì)量與服務(wù)商
1.5.3　網(wǎng)站的媒體性質(zhì)與法律道德規(guī)范問題
1.5.4　與網(wǎng)站內(nèi)容版權(quán)相關(guān)的問題
1.6　小結(jié)

第2章　HTML入門
2.1　HTML的基本語法
2.1.1　網(wǎng)頁結(jié)構(gòu)
2.1.2　創(chuàng)建HTML文件
2.2　常見的HTML標(biāo)簽
2.2.1　文本類標(biāo)記：標(biāo)簽
2.2.2　文本類標(biāo)記：文本加粗、斜體與下劃線
2.2.3　表格標(biāo)記
2.2.4　超級(jí)鏈接標(biāo)記
2.2.5　段落標(biāo)記
2.2.6　框架標(biāo)記
2.2.7　表單與按鈕標(biāo)記
2.2.8　圖片標(biāo)記
2.2.9　換行標(biāo)記
2.2.10　水平線標(biāo)記
2.2.11　特殊標(biāo)簽
2.3　實(shí)例：制作一個(gè)注冊頁面
2.4　表格使用技巧
2.4.1　表格邊框使用技巧：表格邊框的設(shè)置
2.4.2　表格邊框使用技巧：單元格邊框的間距
2.4.3　表格邊框使用技巧：單元格的實(shí)線邊框
2.4.4　使用樣式表設(shè)置文本邊框：文本各方向相同的邊框
2.4.5　使用樣式表設(shè)置文本邊框：使用表格樣式設(shè)置邊框
2.4.6　使用樣式表設(shè)置文本邊框：樣式表中控制不同方向的邊框
2.5　HTML網(wǎng)頁中的META屬性
2.5.1　name屬性
2.5.2　http-equiv屬性
2.6　常見問題
2.6.1　網(wǎng)頁中代碼大小寫問題和引號(hào)問題
2.6.2　HTML與瀏覽器的不同版本
2.6.3　HTML與XML
2.7　小結(jié)

第3章　網(wǎng)站及頁面的色彩搭配
3.1　色彩基礎(chǔ)知識(shí)
3.1.1　色彩的基本概念
3.1.2　網(wǎng)頁色彩的冷暖視覺
3.1.3　網(wǎng)頁安全色
3.2　常見網(wǎng)頁色彩搭配分析
3.2.1　科技與時(shí)尚
3.2.2　文化與藝術(shù)
3.2.3　神秘與優(yōu)雅
3.2.4　激情與夢幻
3.2.5　簡約與高貴
3.3　網(wǎng)站總體色彩規(guī)劃
3.3.1　定義網(wǎng)站的色彩基調(diào)
3.3.2　站點(diǎn)內(nèi)各欄目色彩搭配原則
3.4　頁面色彩搭配
3.4.1　網(wǎng)頁色彩搭配原理
3.4.2　網(wǎng)頁設(shè)計(jì)中色彩搭配的技巧
3.4.3　常見的幾種網(wǎng)頁配色方法
3.5　Web　2.0用色模式及網(wǎng)頁色彩趨勢
3.6　經(jīng)典網(wǎng)頁設(shè)計(jì)色彩搭配實(shí)例欣賞
3.7　小結(jié)　

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

第4章　熟悉Dreamweaver　CS3的工作環(huán)境
4.1　安裝Dreamweaver　CS3
4.2　認(rèn)識(shí)Dreamweaver　CS3界面
4.2.1　常用工具欄
4.2.2　常用菜單命令
4.2.3　插入工具欄
4.2.4　屬性標(biāo)簽
4.2.5　CSS屬性標(biāo)簽
4.2.6　工具使用示例：插入下拉菜單
4.2.7　工具使用示例：插入標(biāo)簽式面板
4.2.8　工具使用示例：插入折疊面板
4.3　使用Dreamweaver　CS3制作一個(gè)頁面
4.4　Dreamweaver　CS3的使用技巧
4.4.1　Dreamweaver中常用的快捷方式
4.4.2　Dreamweaver的首選參數(shù)
4.5　相關(guān)問題
4.5.1　Dreamweaver　CS3的新功能
4.5.2　什么是網(wǎng)頁三劍客
4.6　小結(jié)

第5章　創(chuàng)建與管理站點(diǎn)
5.1　創(chuàng)建本地站點(diǎn)
5.1.1　使用站點(diǎn)向?qū)?chuàng)建本地站點(diǎn)
5.1.2　選擇和更改本地工作站點(diǎn)
5.1.3　本地站點(diǎn)和遠(yuǎn)程服務(wù)器同步
5.2　管理站點(diǎn)文件
5.2.1　創(chuàng)建文件夾和文件
5.2.2　移動(dòng)和復(fù)制文件
5.3　使用站點(diǎn)地圖
5.3.1　查看站點(diǎn)地圖
5.3.2　站點(diǎn)測試與糾錯(cuò)
5.3.3　站點(diǎn)報(bào)告
5.4　創(chuàng)建第一個(gè)網(wǎng)站并測試
5.5　常見問題
5.5.1　FTP不能上傳和下載的問題
5.5.2　FTP遠(yuǎn)程文件夾設(shè)置的問題
5.5.3　其他的網(wǎng)站開發(fā)工具能不能支持Dreamweaver中的站點(diǎn)
5.5.4　怎樣復(fù)制Dreamweaver中的站點(diǎn)
5.6　小結(jié)

第6章　制作頁面內(nèi)容和多媒體元素
6.1　文本的輸入和編輯
6.1.1　輸入文本
6.1.2　設(shè)置文本屬性
6.1.3　使用標(biāo)簽進(jìn)行排版
6.1.4　輸入特殊字符
6.2　在網(wǎng)頁中插入圖像
6.2.1　插入圖像
6.2.2　設(shè)置圖像屬性
6.2.3　設(shè)置圖像超鏈接
6.2.4　圖像的邊距設(shè)置
6.2.5　插入鼠標(biāo)經(jīng)過圖像
6.3　創(chuàng)建網(wǎng)頁鏈接
6.3.1　創(chuàng)建文字鏈接
6.3.2　創(chuàng)建錨點(diǎn)鏈接
6.3.3　創(chuàng)建電子郵件鏈接
6.3.4　創(chuàng)建圖像熱點(diǎn)鏈接
6.4　利用CSS美化網(wǎng)頁
6.4.1　CSS的基本語法
6.4.2　在Dreamweaver　CS3中自動(dòng)生成CSS樣式標(biāo)記
6.4.3　Dreamweaver　CS3的樣式模板自動(dòng)生成樣式表文件
6.4.4　Dreamweaver　CS3的樣式設(shè)計(jì)器鏈接和編輯樣式
6.4.5　應(yīng)用CSS設(shè)置文本格式
6.4.6　實(shí)例：CSS樣式表的使用
6.5　插入媒體
6.5.1　插入Flash動(dòng)畫
6.5.2　插入Flash按鈕
6.5.3　插入Flash文本
6.5.4　插入視頻
6.5.5　插入網(wǎng)頁背景音樂網(wǎng)頁
6.6　實(shí)例：制作圖文混排的多媒體頁面
6.7　常見問題
6.7.1　網(wǎng)頁中Flash動(dòng)畫大小的問題
6.7.2　網(wǎng)頁中音樂或視頻文件不能播放的問題
6.7.3　網(wǎng)頁中音樂或視頻文件大小的問題
6.7.4　網(wǎng)頁中對象不同屬性的優(yōu)先級(jí)問題
6.7.5　網(wǎng)頁粘貼文本時(shí)的格式問題
6.8　小結(jié)

第7章　網(wǎng)頁的排版布局
7.1　頁面的基本構(gòu)成
7.2　網(wǎng)頁排版方法
7.2.1　使用表格布局頁面
7.2.2　使用層結(jié)構(gòu)布局
7.3　常見的網(wǎng)頁結(jié)構(gòu)類型
7.3.1　“國”字型布局
7.3.2　“廠”字型布局
7.3.3　“框架”型布局
7.3.4　“封面”型布局
7.3.5　Flash型布局
7.3.6　頁面排版布局趨勢（Web　2.0）
7.4　注意問題
7.4.1　怎樣處理好布局的豐富與簡約的關(guān)系
7.4.2　在布局中需要考慮到的其他問題
7.5　小結(jié)

第8章　使用Photoshop進(jìn)行頁面設(shè)計(jì)
8.1　Photoshop　CS3介紹
8.2　使用Photoshop　CS3設(shè)計(jì)頁面
8.2.1　常見頁面大小
8.2.2　確定網(wǎng)頁色彩定位
8.2.3　設(shè)計(jì)網(wǎng)頁的功能結(jié)構(gòu)
8.3　網(wǎng)頁中的設(shè)計(jì)元素
8.3.1　導(dǎo)航區(qū)
8.3.2　頁面布局區(qū)
8.3.3　版權(quán)區(qū)
8.3.4　使用輔助線對網(wǎng)頁效果圖進(jìn)行基本分區(qū)
8.4　網(wǎng)頁內(nèi)容的設(shè)計(jì)實(shí)例
8.4.1　網(wǎng)頁中按鈕的設(shè)計(jì)
8.4.2　網(wǎng)頁中藝術(shù)字的設(shè)計(jì)
8.5　輸出準(zhǔn)備
8.5.1　Photoshop常用的圖片格式
8.5.2　將圖片保存為PSD格式
8.5.3　將圖片導(dǎo)出為JPG格式
8.5.4　將圖片導(dǎo)出為GIF格式
8.6　實(shí)例：用Photoshop　CS3設(shè)計(jì)一個(gè)網(wǎng)頁效果圖
8.6.1　新建一張網(wǎng)頁效果圖
8.6.2　使用輔助線劃分網(wǎng)頁區(qū)域
8.6.3　添加網(wǎng)站的Logo
8.6.4　添加網(wǎng)站的Banner
8.6.5　設(shè)計(jì)網(wǎng)頁的導(dǎo)航條
8.6.6　設(shè)計(jì)網(wǎng)站的內(nèi)容布局
8.6.7　設(shè)計(jì)網(wǎng)頁的版權(quán)欄
8.7　常見問題
8.7.1　怎樣在網(wǎng)頁中體現(xiàn)出“眼球經(jīng)濟(jì)”
8.7.2　怎樣在Photoshop中使用圖層樣式
8.7.3　怎樣在網(wǎng)頁的版權(quán)區(qū)中插入網(wǎng)站備案信息
8.8　小結(jié)

第9章　使用Fireworks切圖輸出
9.1　Fireworks　CS3的介紹
9.2　使用Fireworks切圖
9.2.1　頁面切圖
9.2.2　切片屬性的設(shè)置與超鏈接
9.2.3　熱點(diǎn)鏈接設(shè)置
9.2.4　優(yōu)化和導(dǎo)出圖像
9.3　使用Dreamweaver進(jìn)行頁面制作
9.3.1　設(shè)置Fireworks　CS3導(dǎo)出網(wǎng)頁的屬性
9.3.2　設(shè)置Fireworks　CS3導(dǎo)出網(wǎng)頁的對齊方式
9.3.3　添加頁面元素
9.4　常見問題
9.4.1　在網(wǎng)頁中如何使用PNG格式的圖像
9.4.2　Fireworks切割圖片的規(guī)則
9.5　小結(jié)

第10章　制作網(wǎng)站的Logo和Banner
10.1　什么是網(wǎng)站Logo
10.1.1　網(wǎng)站Logo的重要性
10.1.2　網(wǎng)站標(biāo)識(shí)的可識(shí)別性
10.2　什么是Banner
10.3　如何設(shè)計(jì)制作
10.3.1　網(wǎng)站Logo設(shè)計(jì)標(biāo)準(zhǔn)
10.3.2　網(wǎng)站Logo設(shè)計(jì)軟件與制作
10.3.3　Banner的制作標(biāo)準(zhǔn)
10.4　精美Logo和Banner賞析
10.4.1　著名網(wǎng)站Logo分析
10.4.2　Banner欣賞
10.5　實(shí)例：制作網(wǎng)站Logo
10.6　實(shí)例：制作有動(dòng)畫效果的Banner
10.7　小結(jié)

第11章　頁面與圖像的優(yōu)化制作
11.1　優(yōu)化頁面及圖片
11.2　Fireworks與Dreamweaver的關(guān)聯(lián)操作
11.3　優(yōu)化頁面圖像
11.3.1　關(guān)聯(lián)至圖像軟件
11.3.2　圖片的優(yōu)化處理
11.3.3　圖片大小的調(diào)整
11.3.4　圖片的亮度與對比度的設(shè)置
11.3.5　圖片的銳化設(shè)置
11.3.6　圖片的裁剪
11.4　實(shí)例：在Dreamweaver中優(yōu)化頁面
11.5　常見問題
11.5.1　網(wǎng)頁中的圖片失真問題
11.5.2　網(wǎng)頁中的顯示圖片大小與實(shí)際圖片大小的問題
11.6　小結(jié)

第12章　布局實(shí)現(xiàn)
12.1　基本的表格布局方法
12.1.1　插入表格
12.1.2　設(shè)置表格屬性
12.1.3　合并單元格
12.1.4　選取表格對象
12.1.5　表格的復(fù)雜嵌套實(shí)現(xiàn)網(wǎng)頁的排版
12.2　使用層布局頁面
12.2.1　創(chuàng)建層
12.2.2　設(shè)置層的屬性
12.2.3　設(shè)置層的Z軸
12.2.4　層的樣式
12.2.5　利用層實(shí)現(xiàn)網(wǎng)頁的布局
12.2.6　層中的樣式代碼
12.2.7　使用層制作下拉菜單
12.3　實(shí)例：表格與層布局頁面
12.3.1　實(shí)例--“廠”字型布局
12.3.2　實(shí)例--DIV+層布局（Web　2.0）
12.4　常見問題
12.4.1　網(wǎng)頁的基本布局風(fēng)格問題
12.4.2　在表格布局時(shí)表格邊框顏色、背景顏色的搭配問題
12.4.3　在標(biāo)簽式布局中對單元格背景樣式控制
12.5　小結(jié)

第13章　網(wǎng)頁模板與框架
13.1　創(chuàng)建模板網(wǎng)頁
13.1.1　創(chuàng)建庫項(xiàng)目
13.1.2　創(chuàng)建模板
13.1.3　創(chuàng)建可編輯區(qū)域
13.1.4　創(chuàng)建其他模板區(qū)域
13.1.5　實(shí)例：創(chuàng)建一個(gè)模板網(wǎng)頁
13.1.6　利用模板創(chuàng)建網(wǎng)頁
13.2　框架網(wǎng)頁
13.2.1　創(chuàng)建框架網(wǎng)頁
13.2.2　保存框架
13.2.3　框架結(jié)構(gòu)頁面的編輯
13.3　實(shí)例：制作一個(gè)框架結(jié)構(gòu)網(wǎng)頁
13.4　常見問題
13.4.1　網(wǎng)頁模板與庫項(xiàng)目的實(shí)質(zhì)
13.4.2　在網(wǎng)頁中如何使用