新手學(xué)網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)

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