網頁制作與網站建設技術大全

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

第2章　HTML入門
2.1　HTML的基本語法
2.1.1　網頁結構
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網頁中的META屬性
2.5.1　name屬性
2.5.2　http-equiv屬性
2.6　常見問題
2.6.1　網頁中代碼大小寫問題和引號問題
2.6.2　HTML與瀏覽器的不同版本
2.6.3　HTML與XML
2.7　小結

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

第2篇　網頁設計與制作　

第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的首選參數
4.5　相關問題
4.5.1　Dreamweaver　CS3的新功能
4.5.2　什么是網頁三劍客
4.6　小結

第5章　創(chuàng)建與管理站點
5.1　創(chuàng)建本地站點
5.1.1　使用站點向導創(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)建第一個網站并測試
5.5　常見問題
5.5.1　FTP不能上傳和下載的問題
5.5.2　FTP遠程文件夾設置的問題
5.5.3　其他的網站開發(fā)工具能不能支持Dreamweaver中的站點
5.5.4　怎樣復制Dreamweaver中的站點
5.6　小結

第6章　制作頁面內容和多媒體元素
6.1　文本的輸入和編輯
6.1.1　輸入文本
6.1.2　設置文本屬性
6.1.3　使用標簽進行排版
6.1.4　輸入特殊字符
6.2　在網頁中插入圖像
6.2.1　插入圖像
6.2.2　設置圖像屬性
6.2.3　設置圖像超鏈接
6.2.4　圖像的邊距設置
6.2.5　插入鼠標經過圖像
6.3　創(chuàng)建網頁鏈接
6.3.1　創(chuàng)建文字鏈接
6.3.2　創(chuàng)建錨點鏈接
6.3.3　創(chuàng)建電子郵件鏈接
6.3.4　創(chuàng)建圖像熱點鏈接
6.4　利用CSS美化網頁
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　插入網頁背景音樂網頁
6.6　實例：制作圖文混排的多媒體頁面
6.7　常見問題
6.7.1　網頁中Flash動畫大小的問題
6.7.2　網頁中音樂或視頻文件不能播放的問題
6.7.3　網頁中音樂或視頻文件大小的問題
6.7.4　網頁中對象不同屬性的優(yōu)先級問題
6.7.5　網頁粘貼文本時的格式問題
6.8　小結

第7章　網頁的排版布局
7.1　頁面的基本構成
7.2　網頁排版方法
7.2.1　使用表格布局頁面
7.2.2　使用層結構布局
7.3　常見的網頁結構類型
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　小結

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

第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導出網頁的屬性
9.3.2　設置Fireworks　CS3導出網頁的對齊方式
9.3.3　添加頁面元素
9.4　常見問題
9.4.1　在網頁中如何使用PNG格式的圖像
9.4.2　Fireworks切割圖片的規(guī)則
9.5　小結

第10章　制作網站的Logo和Banner
10.1　什么是網站Logo
10.1.1　網站Logo的重要性
10.1.2　網站標識的可識別性
10.2　什么是Banner
10.3　如何設計制作
10.3.1　網站Logo設計標準
10.3.2　網站Logo設計軟件與制作
10.3.3　Banner的制作標準
10.4　精美Logo和Banner賞析
10.4.1　著名網站Logo分析
10.4.2　Banner欣賞
10.5　實例：制作網站Logo
10.6　實例：制作有動畫效果的Banner
10.7　小結

第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　圖片大小的調整
11.3.4　圖片的亮度與對比度的設置
11.3.5　圖片的銳化設置
11.3.6　圖片的裁剪
11.4　實例：在Dreamweaver中優(yōu)化頁面
11.5　常見問題
11.5.1　網頁中的圖片失真問題
11.5.2　網頁中的顯示圖片大小與實際圖片大小的問題
11.6　小結

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

第13章　網頁模板與框架
13.1　創(chuà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)建一個模板網頁
13.1.6　利用模板創(chuàng)建網頁
13.2　框架網頁
13.2.1　創(chuàng)建框架網頁
13.2.2　保存框架
13.2.3　框架結構頁面的編輯
13.3　實例：制作一個框架結構網頁
13.4　常見問題
13.4.1　網頁模板與庫項目的實質
13.4.2　在網頁中如何使用