網(wǎng)頁設(shè)計與制作——Dreamweaver CS5標準教程目錄

時間：2023-07-07 01:21:01 | 來源：營銷百科

時間：2023-07-07 01:21:01 來源：營銷百科

網(wǎng)頁設(shè)計與制作——Dreamweaver CS5標準教程目錄：第1章　網(wǎng)頁設(shè)計基礎(chǔ)

1.1　互聯(lián)網(wǎng)基礎(chǔ)　1

1.1.1　Internet與Web服務(wù)1

1.1.2　URL路徑　2

1.1.3　服務(wù)器與客戶機　2

1.1.4互聯(lián)網(wǎng)數(shù)據(jù)中心3

1.2　網(wǎng)頁設(shè)計知識　3

1.2.1　色彩　3

1.2.2　網(wǎng)頁設(shè)計元素　5

1.2.3　頁面布局　6

1.3　網(wǎng)頁標準化技術(shù)　8

1.3.1　結(jié)構(gòu)化語言　8

1.3.2CSS樣式8

1.3.3　腳本語言　9

1.3.4　ASP技術(shù)　9

1.4　網(wǎng)站設(shè)計軟件　9

1.4.1　Dreamweaver　9

1.4.2　Flash　10

1.4.3　Photoshop　10

1.5　網(wǎng)站制作流程　11

1.5.1　前期準備工作　11

1.5.2　方案實施　12

1.5.3　后期工作　13

1.6　HTML語言　14

1.6.1　文件結(jié)構(gòu)標簽　15

1.6.2　表格標簽　15

1.6.3　文本段落標簽　15

1.6.4　圖像標簽　15

1.6.5　鏈接標簽　15

1.6.6　框架標簽　15

1.6.7　表單　16

1.6.8　塊標簽　16

第2章　Dreamweaver CS5基礎(chǔ)

2.1　Dreamweaver CS5工作界面　17

2.1.1　開始頁面　17

2.1.2　工作環(huán)境　18

2.1.3　工作區(qū)布局　21

2.1.4　多文檔的編輯界面　21

2.2　創(chuàng)建網(wǎng)站框架　22

2.2.1　創(chuàng)建新站點　22

2.2.2　新建和保存網(wǎng)頁　23

2.3　管理站點文件和文件夾　24

2.3.1　重命名文件和文件夾　24

2.3.2　移動文件和文件夾　24

2.3.3　刪除文件或文件夾　24

2.4　管理站點　25

2.4.1　打開站點　25

2.4.2　編輯站點　25

2.4.3　復(fù)制站點　26

2.4.4　刪除站點　26

2.5　網(wǎng)頁文檔頭部信息設(shè)置　27

2.5.1　插入搜索關(guān)鍵字　27

2.5.2　設(shè)置描述信息　27

2.5.3　設(shè)置刷新時間　28

2.5.4　插入版權(quán)信息　29

2.6　課堂案例——慈善救助中心　29

第3章　頁面與文本

3.1　頁面屬性　32

3.1.1　課堂案例——環(huán)保技術(shù)公司　32

3.1.2　輸入文本　36

3.1.3　輸入連續(xù)空格　36

3.1.4　顯示不可見元素　36

3.1.5　設(shè)置頁邊距　37

3.1.6　頁面文字屬性　38

3.1.7　網(wǎng)頁的標題　38

3.1.8　背景屬性　39

3.1.9　跟蹤圖像　39

3.2　文本屬性　40

3.2.1　課堂案例——百貨公司　40

3.2.2　設(shè)置文本屬性　42

3.2.3　文本對齊方式　43

3.2.4　段落文本　44

3.2.5　插入日期　45

3.2.6　插入特殊字符　45

3.2.7　設(shè)置文本縮進格式　46

3.3　水平線　46

3.3.1　課堂案例——個人網(wǎng)站　46

3.3.2　插入水平線　48

3.4　項目符號和編號列表　48

3.4.1　課堂案例——咨詢網(wǎng)站　49

3.4.2　設(shè)置項目符號或編號　50

3.4.3　修改項目符號或編號　51

3.5　練習(xí)案例　51

3.5.1　練習(xí)案例——樓盤網(wǎng)站　51

3.5.2　練習(xí)案例——移動銀行網(wǎng)站　52

3.5.3　練習(xí)案例——化妝品網(wǎng)站　52

第4章　圖像與多媒體

4.1　圖像插入　53

4.1.1　課堂案例——茶葉網(wǎng)站　53

4.1.2　插入圖像　54

4.1.3　圖像源文件　55

4.1.4　替換文本　55

4.1.5　圖像占位符　56

4.2　調(diào)整圖像　56

4.2.1　課堂案例——墻體裝飾　57

4.2.2　編輯圖像設(shè)置　58

4.2.3　圖像效果　59

4.3　圖文混排　60

4.3.1　課堂案例——設(shè)計公司　60

4.3.2　調(diào)整圖像與文本的位置關(guān)系　61

4.4　網(wǎng)頁中的多媒體　62

4.4.1　課堂案例——度假村　62

4.4.2　插入Flash動畫　64

4.4.3　插入Flv影片　65

4.4.4　插入插件——瑜伽會所　65

4.4.5　插入Applet程序　66

4.5　練習(xí)案例　67

4.5.1　練習(xí)案例——五金機械　67

4.5.2　練習(xí)案例——心緣咖啡屋　67

第5章　超鏈接

5.1　超鏈接的概念與路徑知識　68

5.1.1　相對鏈接與絕對鏈接　69

5.1.2　內(nèi)部鏈接與外部鏈接　69

5.2　文本超鏈接　69

5.2.1　課堂案例——婚禮公司　69

5.2.2　創(chuàng)建文本鏈接　72

5.2.3　頁面文本鏈接的狀態(tài)　73

5.2.4　下載文件鏈接　74

5.2.5　電子郵件鏈接　74

5.2.6　空鏈接　74

5.3　圖像超鏈接　75

5.3.1　課堂案例——手機商城　75

5.3.2　圖像超鏈接　77

5.3.3鼠標經(jīng)過圖像鏈接　77

5.4　熱點鏈接　77

5.4.1　課堂案例——兒童課堂　77

5.4.2　創(chuàng)建熱點鏈接　79

5.5　錨點鏈接　80

5.5.1　課堂案例——數(shù)碼商城　80

5.5.2　錨點鏈接　82

5.6　鏈接管理　83

5.6.1　自動更新鏈接　83

5.6.2　鏈接檢查　84

5.6.3　修復(fù)鏈接　85

5.7　練習(xí)案例　85

5.7.1　練習(xí)案例——室內(nèi)設(shè)計網(wǎng)　85

5.7.2　練習(xí)案例——多美味餐廳　86

5.7.3　練習(xí)案例——生物科普網(wǎng)　87

第6章　表格

6.1　表格的簡單操作　88

6.1.1　表格的組成　89

6.1.2　插入表格　89

6.1.3　表格屬性　90

6.1.4表格單元格屬性　90

6.1.5　在表格中插入內(nèi)容　91

6.1.6　選擇表格元素　91

6.1.7　合并和拆分單元格92

6.2　簡單表格的排版　93

6.2.1　課堂案例——融通室內(nèi)裝飾　93

6.2.2　復(fù)制、粘貼表格　98

6.2.3　刪除表格和清除表格內(nèi)容　98

6.2.4　增加和刪除表格的行和列　99

6.3　復(fù)雜表格的排版　99

6.3.1　課堂案例——江雨橋博客　99

6.3.2　表格的嵌套　104

6.3.3　單元格與表格背景　104

6.3.4　細線表格　105

6.4　表格數(shù)據(jù)功能　107

6.4.1　課堂案例——遠景苑小區(qū)　107

6.4.2　導(dǎo)入Word或Excel數(shù)據(jù)　109

6.4.3　排序　109

6.5　練習(xí)案例　110

6.5.1　練習(xí)案例——愛麗絲家具　110

6.5.2　練習(xí)案例——鮮花速遞網(wǎng)111

第7章　層和Spry

7.1　層的基本操作　112

7.1.1　課堂案例——少兒培訓(xùn)　112

7.1.2　創(chuàng)建層　115

7.1.3　選擇層　116

7.1.4　層的大小和位置　117

7.1.5　層的可見性　117

7.1.6　層溢出　117

7.2　使用層布局　118

7.2.1　課堂案例——攝影作品集　118

7.2.2　靠齊到網(wǎng)格　123

7.2.3　層疊放　124

7.2.4　對齊層　125

7.2.5　層與表格的相互轉(zhuǎn)換　125

7.2.6　層嵌套　126

7.3　Spry菜單　127

7.3.1　課堂案例——西式餐廳　127

7.3.2　Spry菜單欄　129

7.4　其他Spry　130

7.4.1　Spry選項卡面板　130

7.4.2　Spry折疊式面板　131

7.4.3　Spry工具提示　131

7.5　練習(xí)案例　133

7.5.1　練習(xí)案例——產(chǎn)品設(shè)計　133

7.5.2　練習(xí)案例——攝影作品集　133

7.5.3　練習(xí)案例——高爾夫俱樂部134

第8章　框架

8.1　框架與框架集　135

8.1.1　概述　135

8.1.2　課堂案例——嬰幼兒健康網(wǎng)　136

8.1.3　創(chuàng)建框架　139

8.1.4　保存框架　140

8.1.5　框架選擇　140

8.1.6　修改框架　141

8.1.7　拆分框架　141

8.1.8　刪除框架　142

8.2　框架設(shè)置　142

8.2.1　課堂案例——名勝度假村　142

8.2.2　框架屬性　148

8.2.3　框架中的鏈接　148

8.2.4　框架居中　149

8.2.5　為框架添加內(nèi)容　150

8.3　練習(xí)案例　150

8.3.1　練習(xí)案例——美容與化妝　150

8.3.2　練習(xí)案例——美麗境界　151

第9章　行為

9.1　行為　152

9.1.1　事件　153

9.1.2　動作　154

9.1.3　行為面板　154

9.2　制作圖像特效　156

9.2.1　課堂案例——吉太美食　156

9.2.2　交換圖像　159

9.2.3　顯示-隱藏元素　159

9.3　拖動AP元素　160

9.3.1　課堂案例——卡通人物　160

9.3.2　拖動AP元素　162

9.4　啟用瀏覽器窗口　162

9.4.1　課堂案例——兒童攝影　162

9.4.2　打開瀏覽器窗口　163

9.4.3　轉(zhuǎn)到URL調(diào)用　164

9.5　效果　164

9.5.1　課堂案例——綠野網(wǎng)站建設(shè)　164

9.5.2　增大收縮　166

9.5.3　擠壓　167

9.5.4　顯示/漸隱　167

9.5.5　晃動　168

9.5.6　滑動　168

9.6　JavaScript代碼　169

9.7　練習(xí)案例　169

9.7.1　練習(xí)案例——甜品飲料吧　169

9.7.2　練習(xí)案例——美達人壽　170

9.7.3　練習(xí)案例——我們愛貓網(wǎng)　171

第10章　模板和庫

10.1　模板　172

10.1.1　課堂案例——花仙子園藝　172

10.1.2　創(chuàng)建模板　177

10.1.3　定義可編輯區(qū)域　178

10.1.4　定義可編輯重復(fù)區(qū)域　179

10.1.5　創(chuàng)建基于模板的網(wǎng)頁　180

10.1.6　管理模板　180

10.2　庫　181

10.2.1　課堂案例——時尚女性網(wǎng)182

10.2.2　創(chuàng)建庫項目　184

10.2.3　向頁面添加庫項目　185

10.2.4　更新庫項目文件　185

10.3　練習(xí)案例　187

10.3.1　練習(xí)案例——旗袍文化　187

10.3.2　練習(xí)案例——恒生國際老年公寓　188

第11章CSS樣式

11.1　CSS樣式　189

11.1.1　CSS樣式標準　189

11.1.2　CSS樣式構(gòu)造規(guī)則　190

11.1.3　CSS樣式種類　190

11.1.4　CSS樣式應(yīng)用范圍　191

11.2　CSS樣式控制面板　191

11.2.1　CSS樣式選擇器　191

11.2.2　課堂案例——美好攝影　193

11.2.3　CSS樣式的存儲位置　199

11.2.4　編輯樣式　201

11.3　CSS屬性　201

11.3.1　課堂案例——臺灣之旅　201

11.3.2　類型　205

11.3.3　背景　205

11.3.4　區(qū)塊　206

11.3.5　方框和邊框　206

11.3.6　列表　207

11.3.7　定位　208

11.3.8　擴展　208

11.4　過濾器　209

11.4.1　課堂案例——養(yǎng)生美容　209

11.4.2　CSS靜態(tài)過濾器　210

11.4.3　CSS的動態(tài)過濾器212

11.5　練習(xí)案例　212

11.5.1　練習(xí)案例——航空旅游　212

11.5.2　練習(xí)案例——狗狗俱樂部　213

11.5.3　練習(xí)案例——鮮花店　213

第12章　CSS Div布局

12.1　盒子模型　214

12.1.1　盒子結(jié)構(gòu)　215

12.1.2　盒子屬性　215

12.2　布局技術(shù)　216

12.2.1　div標簽　216

12.2.2　position定位屬性　217

12.2.3　浮動方式　218

12.3　'上中下'布局　220

12.3.1　課堂案例——網(wǎng)頁設(shè)計大賽　220

12.3.2　在Dreamweaver中插入div標簽　225

12.4　'左中右'布局　226

12.4.1　課堂案例——連鎖餐廳　226

12.4.2　使用CSS樣式布局　231

12.5　練習(xí)案例　232

12.5.1　練習(xí)案例——電子產(chǎn)品　232

12.5.2　練習(xí)案例——裝修公司　233

第13章　表單

13.1　使用表單　235

13.1.1　課堂案例——辦公用品公司　235

13.1.2　表單及屬性　240

13.1.3　文本域　241

13.1.4　單選按鈕和單選按鈕組　242

13.1.5　復(fù)選框和復(fù)選框組　243

13.1.6　選擇列表/菜單　244

13.1.7　跳轉(zhuǎn)菜單　245

13.1.8　文件域　246

13.1.9　圖像域　246

13.1.10　提交和重置按鈕　247

13.2　Spry驗證　248

13.2.1　課堂案例——網(wǎng)頁設(shè)計　248

13.2.2　Spry驗證文本域　251

13.2.3　Spry驗證密碼　252

13.2.4　Spry驗證復(fù)選框　253

13.2.5　Spry驗證單選按鈕組　254

13.2.6　Spry驗證確認　254

13.3　練習(xí)案例　255

13.3.1　練習(xí)案例——咖啡　255

13.3.2　練習(xí)案例——兒童培訓(xùn)　256

第14章動態(tài)網(wǎng)頁技術(shù)

14.1　動態(tài)網(wǎng)頁技術(shù)概述　257

14.2　開發(fā)環(huán)境設(shè)置　258

14.2.1　安裝IIS　259

14.2.2　設(shè)置IIS　259

14.3　設(shè)計數(shù)據(jù)庫　261

14.3.1　數(shù)據(jù)庫概述　261

14.3.2　創(chuàng)建數(shù)據(jù)庫　262

14.4　數(shù)據(jù)庫連接　264

14.5　數(shù)據(jù)庫使用　265

14.5.1　定義記錄集　265

14.5.2　數(shù)據(jù)綁定　266

14.5.3　添加服務(wù)器行為　267

14.6　課堂案例——美容美發(fā)　269

14.6.1　設(shè)計數(shù)據(jù)庫　270

14.6.2　創(chuàng)建服務(wù)器和數(shù)據(jù)源　272

14.6.3　創(chuàng)建動態(tài)站點和數(shù)據(jù)庫連接　273

14.6.4　發(fā)表留言頁面　275

14.6.5　留言列表頁面　277

14.6.6　留言詳細信息頁面　279

14.7　練習(xí)案例——電子商務(wù)　279

第15章　綜合實訓(xùn)

15.1　網(wǎng)站規(guī)劃　281

15.2　網(wǎng)站設(shè)計　281

15.2.1　網(wǎng)站標志logo設(shè)計　281

15.2.2　banner設(shè)計　282

15.2.3　頁面設(shè)計　282

15.3　主頁制作　283

15.3.1　頁面切圖　283

15.3.2　創(chuàng)建站點　286

15.3.3　主頁頂部制作　286

15.3.4　主頁banner部分制作　289

15.3.5　主頁內(nèi)容部分制作　290

15.3.6　主頁底部制作　296

15.4　子頁面制作　297

15.4.1　創(chuàng)建模板并新建可編輯區(qū)域　297

15.4.2　家園簡介子頁面切圖　298

15.4.3　利用模板新建家園簡介子頁面　300

15.5　其他子頁面制作　304

15.6　頁面超鏈接設(shè)置　305

參考文獻