網(wǎng)頁(yè)制作與網(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　申請(qǐng)網(wǎng)站域名
1.2.3　申請(qǐng)服務(wù)器空間
1.2.4　確定網(wǎng)站主題
1.2.5　網(wǎng)站整體規(guī)劃
1.2.6　收集資料與素材
1.2.7　設(shè)計(jì)網(wǎng)頁(yè)頁(yè)面
1.2.8　切圖并制作成頁(yè)面
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)頁(yè)設(shè)計(jì)軟件
1.3.1　網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver
1.3.2　平面設(shè)計(jì)軟件Photoshop
1.3.3　網(wǎng)頁(yè)圖片設(shè)計(jì)和切圖軟件Fireworks
1.3.4　動(dòng)畫設(shè)計(jì)軟件Flash
1.4　Web　2.0網(wǎng)站概述
1.5　相關(guān)問(wèn)題
1.5.1　域名的重要性與法律保護(hù)問(wèn)題
1.5.2　網(wǎng)站的空間服務(wù)質(zhì)量與服務(wù)商
1.5.3　網(wǎng)站的媒體性質(zhì)與法律道德規(guī)范問(wèn)題
1.5.4　與網(wǎng)站內(nèi)容版權(quán)相關(guān)的問(wèn)題
1.6　小結(jié)

第2章　HTML入門
2.1　HTML的基本語(yǔ)法
2.1.1　網(wǎng)頁(yè)結(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è)注冊(cè)頁(yè)面
2.4　表格使用技巧
2.4.1　表格邊框使用技巧：表格邊框的設(shè)置
2.4.2　表格邊框使用技巧：?jiǎn)卧襁吙虻拈g距
2.4.3　表格邊框使用技巧：?jiǎn)卧竦膶?shí)線邊框
2.4.4　使用樣式表設(shè)置文本邊框：文本各方向相同的邊框
2.4.5　使用樣式表設(shè)置文本邊框：使用表格樣式設(shè)置邊框
2.4.6　使用樣式表設(shè)置文本邊框：樣式表中控制不同方向的邊框
2.5　HTML網(wǎng)頁(yè)中的META屬性
2.5.1　name屬性
2.5.2　http-equiv屬性
2.6　常見問(wèn)題
2.6.1　網(wǎng)頁(yè)中代碼大小寫問(wèn)題和引號(hào)問(wèn)題
2.6.2　HTML與瀏覽器的不同版本
2.6.3　HTML與XML
2.7　小結(jié)

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

第2篇　網(wǎng)頁(yè)設(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è)頁(yè)面
4.4　Dreamweaver　CS3的使用技巧
4.4.1　Dreamweaver中常用的快捷方式
4.4.2　Dreamweaver的首選參數(shù)
4.5　相關(guān)問(wèn)題
4.5.1　Dreamweaver　CS3的新功能
4.5.2　什么是網(wǎng)頁(yè)三劍客
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)測(cè)試與糾錯(cuò)
5.3.3　站點(diǎn)報(bào)告
5.4　創(chuàng)建第一個(gè)網(wǎng)站并測(cè)試
5.5　常見問(wèn)題
5.5.1　FTP不能上傳和下載的問(wèn)題
5.5.2　FTP遠(yuǎn)程文件夾設(shè)置的問(wèn)題
5.5.3　其他的網(wǎng)站開發(fā)工具能不能支持Dreamweaver中的站點(diǎn)
5.5.4　怎樣復(fù)制Dreamweaver中的站點(diǎn)
5.6　小結(jié)

第6章　制作頁(yè)面內(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)頁(yè)中插入圖像
6.2.1　插入圖像
6.2.2　設(shè)置圖像屬性
6.2.3　設(shè)置圖像超鏈接
6.2.4　圖像的邊距設(shè)置
6.2.5　插入鼠標(biāo)經(jīng)過(guò)圖像
6.3　創(chuàng)建網(wǎng)頁(yè)鏈接
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)頁(yè)
6.4.1　CSS的基本語(yǔ)法
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)頁(yè)背景音樂(lè)網(wǎng)頁(yè)
6.6　實(shí)例：制作圖文混排的多媒體頁(yè)面
6.7　常見問(wèn)題
6.7.1　網(wǎng)頁(yè)中Flash動(dòng)畫大小的問(wèn)題
6.7.2　網(wǎng)頁(yè)中音樂(lè)或視頻文件不能播放的問(wèn)題
6.7.3　網(wǎng)頁(yè)中音樂(lè)或視頻文件大小的問(wèn)題
6.7.4　網(wǎng)頁(yè)中對(duì)象不同屬性的優(yōu)先級(jí)問(wèn)題
6.7.5　網(wǎng)頁(yè)粘貼文本時(shí)的格式問(wèn)題
6.8　小結(jié)

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

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

第9章　使用Fireworks切圖輸出
9.1　Fireworks　CS3的介紹
9.2　使用Fireworks切圖
9.2.1　頁(yè)面切圖
9.2.2　切片屬性的設(shè)置與超鏈接
9.2.3　熱點(diǎn)鏈接設(shè)置
9.2.4　優(yōu)化和導(dǎo)出圖像
9.3　使用Dreamweaver進(jìn)行頁(yè)面制作
9.3.1　設(shè)置Fireworks　CS3導(dǎo)出網(wǎng)頁(yè)的屬性
9.3.2　設(shè)置Fireworks　CS3導(dǎo)出網(wǎng)頁(yè)的對(duì)齊方式
9.3.3　添加頁(yè)面元素
9.4　常見問(wèn)題
9.4.1　在網(wǎng)頁(yè)中如何使用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è)面與圖像的優(yōu)化制作
11.1　優(yōu)化頁(yè)面及圖片
11.2　Fireworks與Dreamweaver的關(guān)聯(lián)操作
11.3　優(yōu)化頁(yè)面圖像
11.3.1　關(guān)聯(lián)至圖像軟件
11.3.2　圖片的優(yōu)化處理
11.3.3　圖片大小的調(diào)整
11.3.4　圖片的亮度與對(duì)比度的設(shè)置
11.3.5　圖片的銳化設(shè)置
11.3.6　圖片的裁剪
11.4　實(shí)例：在Dreamweaver中優(yōu)化頁(yè)面
11.5　常見問(wèn)題
11.5.1　網(wǎng)頁(yè)中的圖片失真問(wèn)題
11.5.2　網(wǎng)頁(yè)中的顯示圖片大小與實(shí)際圖片大小的問(wèn)題
11.6　小結(jié)

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

第13章　網(wǎng)頁(yè)模板與框架
13.1　創(chuàng)建模板網(wǎng)頁(yè)
13.1.1　創(chuàng)建庫(kù)項(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)頁(yè)
13.1.6　利用模板創(chuàng)建網(wǎng)頁(yè)
13.2　框架網(wǎng)頁(yè)
13.2.1　創(chuàng)建框架網(wǎng)頁(yè)
13.2.2　保存框架
13.2.3　框架結(jié)構(gòu)頁(yè)面的編輯
13.3　實(shí)例：制作一個(gè)框架結(jié)構(gòu)網(wǎng)頁(yè)
13.4　常見問(wèn)題
13.4.1　網(wǎng)頁(yè)模板與庫(kù)項(xiàng)目的實(shí)質(zhì)
13.4.2　在網(wǎng)頁(yè)中如何使用