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

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

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

第3章　網(wǎng)站及頁面的色彩搭配
3.1　色彩基礎知識
3.1.1　色彩的基本概念
3.1.2　網(wǎng)頁色彩的冷暖視覺
3.1.3　網(wǎng)頁安全色
3.2　常見網(wǎng)頁色彩搭配分析
3.2.1　科技與時尚
3.2.2　文化與藝術
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　站點內(nèi)各欄目色彩搭配原則
3.4　頁面色彩搭配
3.4.1　網(wǎng)頁色彩搭配原理
3.4.2　網(wǎng)頁設計中色彩搭配的技巧
3.4.3　常見的幾種網(wǎng)頁配色方法
3.5　Web　2.0用色模式及網(wǎng)頁色彩趨勢
3.6　經(jīng)典網(wǎng)頁設計色彩搭配實例欣賞
3.7　小結(jié)　

第2篇　網(wǎng)頁設計與制作　

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

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

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

第7章　網(wǎng)頁的排版布局
7.1　頁面的基本構成
7.2　網(wǎng)頁排版方法
7.2.1　使用表格布局頁面
7.2.2　使用層結(jié)構布局
7.3　常見的網(wǎng)頁結(jié)構類型
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　怎樣處理好布局的豐富與簡約的關系
7.4.2　在布局中需要考慮到的其他問題
7.5　小結(jié)

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

第9章　使用Fireworks切圖輸出
9.1　Fireworks　CS3的介紹
9.2　使用Fireworks切圖
9.2.1　頁面切圖
9.2.2　切片屬性的設置與超鏈接
9.2.3　熱點鏈接設置
9.2.4　優(yōu)化和導出圖像
9.3　使用Dreamweaver進行頁面制作
9.3.1　設置Fireworks　CS3導出網(wǎng)頁的屬性
9.3.2　設置Fireworks　CS3導出網(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)站標識的可識別性
10.2　什么是Banner
10.3　如何設計制作
10.3.1　網(wǎng)站Logo設計標準
10.3.2　網(wǎng)站Logo設計軟件與制作
10.3.3　Banner的制作標準
10.4　精美Logo和Banner賞析
10.4.1　著名網(wǎng)站Logo分析
10.4.2　Banner欣賞
10.5　實例：制作網(wǎng)站Logo
10.6　實例：制作有動畫效果的Banner
10.7　小結(jié)

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

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

第13章　網(wǎng)頁模板與框架
13.1　創(chuàng)建模板網(wǎng)頁
13.1.1　創(chuàng)建庫項目
13.1.2　創(chuàng)建模板
13.1.3　創(chuàng)建可編輯區(qū)域
13.1.4　創(chuàng)建其他模板區(qū)域
13.1.5　實例：創(chuàng)建一個模板網(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é)構頁面的編輯
13.3　實例：制作一個框架結(jié)構網(wǎng)頁
13.4　常見問題
13.4.1　網(wǎng)頁模板與庫項目的實質(zhì)
13.4.2　在網(wǎng)頁中如何使用