新手學網頁制作與網站建設

第1章　快速入門　1
1.1　認識網頁　2
1.1.1　什么是網頁　2
1.1.2　網頁有哪些類型　2
1. 靜態(tài)網頁　3
2. 動態(tài)網頁　3
3. 包含數(shù)據(jù)庫的動態(tài)網頁　4
1.2　認識網站　4
1.2.1　什么是網站　4
1.2.2　專業(yè)術語　5
1. Internet　5
2. WWW(即“萬維網”)　5
3. URL(統(tǒng)一資源定位器)　6
4. IP地址　6
5. 域名地址　6
6. 域名　6
7. 網址　7
8. 網站空間　7
9. 發(fā)布　7
10. 站點　7
11. 網站服務　7
1.3　如何制作網頁　7
1.3.1　Web頁面開發(fā)語言　7
1. HTML　7
2. XML　8
1.3.2　網頁制作常用工具　8
1.3.3　網頁制作原則　9
1. 站點名要有創(chuàng)意　9
2. 要有整體規(guī)劃　9
3. 主題一定要鮮明　9
4. 頁面內容要有價值　9
5. 主頁導航要明朗　9
6. 制作通用頁面　9
7. 動畫不易太多　9
8. 圖像要進行優(yōu)化　9
9. 定時更新　9
1.3.4　網頁用色技巧　9
1.4　如何建立網站　10
1.4.1　建站方式　10
1. 自助建站　10
2. 專業(yè)設計　10
1.4.2　建站流程　10
1. 網站規(guī)劃　11
2. 搜集資料　11
3. 制作網頁　11
4. 網站測試　11
5. 申請空間　11
6. 申請域名　12
7. 網站備案　12
8. 發(fā)布網頁　12
9. 網站推廣和維護　12
第2章　初識Fireworks CS3　13
2.1　工作環(huán)境　14
2.1.1　Fireworks CS3的啟動和退出　14
1. 啟動　14
2. 退出　14
2.1.2　Fireworks CS3的工作界面　15
2.2　基本操作　15
2.2.1　創(chuàng)建新文檔　15
2.2.2　保存文檔　16
1. 保存新創(chuàng)建的文檔　16
2. 保存編輯過的文檔　16
2.2.3　打開文檔　17
2.2.4　選擇和縮放　18
2.3　畫布和圖像　20
2.3.1　什么是畫布　20
2.3.2　畫布的顯示　20
2.3.3　修改畫布大小　22
2.3.4　修改圖像大小　23
2.3.5　裁剪圖像　23
2.4　路徑、筆觸和填充　25
2.4.1　基本概念　25
2.4.2　基本設置　25
第3章　繪制和編輯網頁圖像　27
3.1　編輯位圖　28
3.1.1　位圖工具　28
3.1.2　典型實例——更改圖片背景　28
3.2　繪制矢量圖　30
3.2.1　矢量工具　30
3.2.2　典型實例——繪制小企鵝　31
3.2.3　典型實例——公司印章　36
第4章　創(chuàng)建動畫　39
4.1　動畫基礎　40
4.1.1　GIF動畫　40
4.1.2　【幀】和【層】面板　40
4.2　創(chuàng)建動畫　41
4.2.1　典型實例——紙風車　41
4.2.2　典型實例——動態(tài)Banner　44
第5章　網頁元素典型設計　47
5.1　水晶按鈕　48
5.2　漸變投影　49
5.3　留言信息框　53
第6章　神奇的Flash CS3　57
6.1　文檔的創(chuàng)建、保存與打開　58
1. 創(chuàng)建文檔　58
2. 保存文檔　58
3. 打開文檔　58
6.2　Flash CS3的工作界面　58
6.3　繪制圖形　60
6.3.1　認識Flash CS3的工具箱　60
1. 【選擇】工具　60
2. 【線條】工具　61
3. 【鋼筆】工具　61
4. 【矩形】工具　61
5. 【鉛筆】工具　62
6. 【顏料桶】工具　62
7. 【橡皮擦】工具　63
8. 【任意變形】工具　63
9. 【文本】工具　64
6.3.2　實例制作——卡通小頭像　64
6.3.3　實例制作——絢麗的文本　65
第7章　動畫制作的基礎　67
7.1　設置文檔的屬性　68
7.2　幀　68
7.2.1　幀的類型和創(chuàng)建　68
7.2.2　幀的編輯　69
7.3　元件　71
7.3.1　元件的種類與創(chuàng)建　71
7.3.2　元件的使用　72
7.3.3　庫　72
7.4　圖層　73
7.5　實例制作　73
第8章　制作動畫　75
8.1　逐幀動畫　76
8.2　補間動畫　77
8.2.1　形狀補間動畫　77
8.2.2　動作補間動畫　79
8.3　遮罩動畫　82
8.4　引導層動畫　84
8.5　時間軸特效　86
1. 【變形】特效　86
2. 【轉換】特效　87
3. 【分散式直接復制】特效　88
4. 【復制到網格】特效　88
5. 【分離】特效　88
6. 【展開】特效　88
7. 【投影】特效　89
8. 【模糊】特效　89
第9章　豐富動畫的效果　91
9.1　外部文件的導入　92
9.1.1　圖像文件的導入　92
1. 導入圖像的格式　92
2. 導入位圖　92
3. 位圖的壓縮　92
4. 將位圖轉換為矢量圖　93
9.1.2　聲音文件的導入　94
9.1.3　視頻文件的導入　95
9.2　動作腳本　97
9.2.1　動作腳本入門　97
9.2.2　數(shù)據(jù)類型　100
1. Boolean數(shù)據(jù)類型　100
2. String數(shù)據(jù)類型　100
3. Number數(shù)據(jù)類型　102
4. int數(shù)據(jù)類型　102
9.2.3　變量　103
1. 變量的聲明　103
2. 變量的作用域　103
9.2.4　運算符　104
1. 算術運算符　104
2. 關系運算符　104
3. 邏輯運算符　105
4. 條件運算符　105
9.2.5　控制語句　105
1. 條件控制語句　105
2. 循環(huán)控制語句　106
9.2.6　函數(shù)　107
1. 有返回值的函數(shù)　107
2. 有參數(shù)的函數(shù)　107
9.2.7　類　108
1. Sprite類　108
2. MovieClip類　109
第10章　動畫作品的優(yōu)化與發(fā)布　111
10.1　測試動畫　112
1. 測試影片下載效果　112
2. 測試聲音效果　113
10.2　優(yōu)化動畫　114
10.3　導出動畫　115
1. 導出靜態(tài)圖像　115
2. 導出動態(tài)圖像　116
3. 導出SWF影片　117
10.4　綜合實例制作　118
第11章　體驗Dreamweaver CS3夢幻境界　123
11.1　Dreamweaver CS3的工作環(huán)境　124
11.1.1　Dreamweaver CS3的啟動和退出　124
1. 啟動　124
2. 退出　125
11.1.2　Dreamweaver CS3的工作界面　125
1. 插入欄　125
2. 工具欄　125
3. 【屬性】面板　126
4. 面板組　126
11.2　創(chuàng)建與管理本地站點　127
11.2.1　創(chuàng)建站點的準備工作　127
1. 站點的概念　127
2. 規(guī)劃站點結構　127
11.2.2　創(chuàng)建本地站點　127
11.2.3　管理站點　129
1. 打開站點　129
2. 編輯站點屬性　129
3. 刪除站點　129
4. 新建文件或文件夾　130
5. 刪除文件或文件夾　130
6. 重命名文件或文件夾　130
11.3　網頁的創(chuàng)建與存儲　131
11.3.1　新建文檔　131
11.3.2　保存文檔　131
1. 直接保存　132
2. 另存文檔　132
11.4　設置頁面屬性　132
11.4.1　外觀　132
11.4.2　鏈接　133
11.4.3　標題　133
11.4.4　標題/編碼　134
11.4.5　跟蹤圖像　134
11.5　Web服務器的安裝與配置　134
11.5.1　安裝Web服務器　134
11.5.2　配置Web服務器　135
第12章　應用HTML和CSS　137
12.1　HTML信息　138
12.1.1　HTML簡介　138
1. HTML語言簡介　138
2. HTML的基本語法　138
12.1.2　常用標記　138
12.2　CSS基礎　139
12.2.1　認識【CSS樣式】面板　139
12.2.2　創(chuàng)建CSS樣式　139
1. 創(chuàng)建自定義CSS樣式　139
2. 重定義HTML標簽　140
3. 使用CSS選擇器定義樣式　140
12.2.3　設置CSS樣式　140
1. 類型　140
2. 背景　141
3. 區(qū)塊　141
4. 方框　142
5. 邊框　142
6. 列表　142
7. 定位　142
8. 擴展　142
12.3　應用CSS樣式　143
12.3.1　變換鼠標指針形狀　143
12.3.2　創(chuàng)建文字的光暈效果　144
12.3.3　創(chuàng)建圖片翻轉效果　145
第13章　制作圖文并茂的網頁　147
13.1　在網頁中插入文本　148
13.1.1　插入普通文本　148
13.1.2　插入日期和時間　148
13.1.3　插入水平線　148
13.1.4　插入特殊字符　149
13.2　設置文本格式　149
13.2.1　設置字體樣式　150
13.2.2　設置文本大小　150
13.2.3　設置文本顏色　150
13.3　在網頁中插入圖像　151
13.3.1　網頁中圖像的常見格式　151
13.3.2　插入圖像　151
13.3.3　設置圖像顏色　152
13.3.4　插入圖像占位符　153
13.4　圖像的應用　153
13.4.1　鼠標經過圖像　153
13.4.2　圖文環(huán)繞效果　155
13.4.3　圖像滾動效果　156
13.4.4　網頁背景漸變效果　157
第14章　超級鏈接和多媒體的應用　159
14.1　超級鏈接概述　160
14.1.1　鏈接的概念　160
14.1.2　鏈接路徑　160
14.2　創(chuàng)建超級鏈接　160
14.2.1　文本鏈接　160
1. 使用【超級鏈接】對話框　160
2. 使用【屬性】面板　161
14.2.2　圖像鏈接　162
14.2.3　E-mail鏈接　163
14.2.4　空鏈接　164
14.2.5　錨鏈接　165
14.2.6　腳本鏈接　166
14.2.7　下載鏈接　167
14.3　管理鏈接　168
14.3.1　設置鏈接管理特性　168
14.3.2　更新鏈接　169
14.3.3　測試鏈接　169
14.4　多媒體概述　169
14.5　插入Flash媒體元素　169
14.5.1　了解Flash文件類型　169
14.5.2　插入Flash動畫　170
14.5.3　插入Flash按鈕　171
14.5.4　插入Flash文本　172
14.6　插入其他媒體元素　173
第15章　布局網頁　175
15.1　創(chuàng)建表格　176
15.1.1　表格的基本概念　176
15.1.2　插入表格　176
15.1.3　插入嵌套表格　177
15.1.4　添加表格內容　177
15.2　設置表格屬性　178
15.2.1　設置表格屬性　178
15.2.2　設置單元格屬性　178
15.3　編輯表格　179
15.3.1　選中表格　179
1. 選中整張表格　179
2. 選中表格行　180
3. 選中表格列　180
4. 選中單元格　180
15.3.2　調整表格行或列　181
1. 插入表格行或列　181
2. 刪除表格行或列　181
15.3.3　單元格的合并與拆分　182
1. 拆分單元格　182
2. 合并單元格　182
15.3.4　移動表格行　182
15.3.5　排序表格　182
15.3.6　表格數(shù)據(jù)的導入和導出　183
1. 導入表格式數(shù)據(jù)　183
2. 導出表格式數(shù)據(jù)　184
15.4　表格應用實例　184
15.4.1　制作陰影表格　184
15.4.2　制作圓角表格　186
15.4.3　制作細線表格　188
15.4.4　制作虛線表格　189
15.4.5　制作不斷閃爍的表格　191
15.4.6　表格應用綜合實例　192
15.5　層的創(chuàng)建和設置　197
15.5.1　創(chuàng)建層　197
15.5.2　創(chuàng)建嵌套層　198
15.5.3　設置層屬性　199
15.5.4　編輯層　199
1. 選中層　199
2. 調整層大小　200
3. 調整層位置　200
4. 修改層名稱　201
5. 控制層的可見性　201
15.6　層的應用　201
第16章　綜合網站實例　205
16.1　網站分析　206
16.2　準備工作　206
16.2.1　創(chuàng)建并設置站點　206
1. 定義站點　206
2. 增建目錄　207
3. 設置服務器行為　207
16.2.2　配置Web服務器(IIS)　207
16.3　網站首頁　207
16.3.1　設計效果圖　208
16.3.2　制作過程　208
16.4　動態(tài)模塊　212
16.4.1　創(chuàng)建動態(tài)文檔　212
16.4.2　創(chuàng)建數(shù)據(jù)庫　213
1. 創(chuàng)建空數(shù)據(jù)庫　213
2. 設計數(shù)據(jù)庫表　214
16.4.3　創(chuàng)建數(shù)據(jù)庫連接　214
16.4.4　發(fā)表留言　215
16.4.5　顯示留言　217