Dreamweaver CS6網頁設計與制作詳解目錄

時間：2023-02-19 23:30:02 | 來源：營銷百科

時間：2023-02-19 23:30:02 來源：營銷百科

Dreamweaver CS6網頁設計與制作詳解目錄：第1章 網頁設計基礎 1

1.1 認識網頁和網站 1

1.1.1 網頁的構成元素 1

1.1.2 靜態(tài)網頁和動態(tài)網頁 3

1.1.3 幾個常用的Web概念 3

1.2 網頁和網站制作基礎 5

1.2.1網站的構成 5

1.2.2 網站的通用制作流程 5

1.2.3 網頁設計流程 6

1.2.4 發(fā)布站點 6

1.3 Web標準布局基礎 6

1.3.1 Web開發(fā)標準 7

1.3.2 使用Web標準的原因 7

1.3.3 CSS布局標準 8

1.4 常用網頁制作工具介紹 8

1.4.1 FrontPage介紹 9

1.4.2 Dreamweaver介紹 10

1.4.3 Dreamweaver和FrontPage之間的

選擇 11

1.5 怎樣設計出好的網頁 11

1.5.1 網頁設計的3個理念 11

1.5.2 網頁設計的3個誤區(qū) 11

1.5.3 什么才是好的網頁設計 12

1.5.4 配色原則 13

1.5.5 常用的網頁布局 13

1.5.6 網站構建原則 15

1.6 網頁設計師行業(yè) 17

1.6.1 網頁設計師的前景 17

1.6.2 如何快速成長為網頁設計師

'達人' 17

1.6.3 靈感是設計師的設計之源 18

1.6.4 做到從合格到優(yōu)秀 18

1.6.5 設計師的'三塊大蛋糕' 19

第2章 初識Dreamweaver CS6 20

2.1 Dreamweaver CS6介紹 20

2.1.1 Dreamweaver CS6的主要功能 20

2.1.2 安裝Dreamweaver CS6 21

2.2 菜單欄 23

2.3 實戰(zhàn)演練--使用Dreamweaver CS6

查看網頁文件 24

第3章 創(chuàng)建并管理站點 27

3.1 創(chuàng)建本地站點 27

3.2 創(chuàng)建遠程站點的準備工作 28

3.2.1 使用本地站點連接遠程服務器 29

3.2.2 使用'本地/網絡'選項 31

3.2.3 使用服務器的'高級'選項 32

3.3 '高級設置'選項 33

3.3.1 本地信息 33

3.3.2 遮蓋 34

3.3.3 設計備注 35

3.3.4 文件視圖列 36

3.3.5 Contribute 36

3.3.6 模板 37

3.3.7 Spry 37

3.3.8 Web字體 38

3.4 實戰(zhàn)演練--創(chuàng)建一個站點 38

第4章 HTML標記語言的基礎知識 43

4.1HTML基礎 43

4.1.1 HTML概述 43

4.1.2 HTML基本結構 43

4.2 HTML標記詳解 45

4.2.1 標題文字標記h 45

4.2.2 文本文字標記font 46

4.2.3 字型設置標記 47

4.2.4 段落標記p 48

4.2.5 換行標記br 49

4.2.6 超級鏈接標記a 49

4.2.7 設置背景圖片標記body background 51

4.2.8 插入圖片標記img 51

4.2.9 列表標記 52

4.2.10 表格標記table、tr、

th和td 56

4.3 實戰(zhàn)演練--制作一個簡單網頁 57

第5章 HTML 5基礎 60

5.1 HTML 5概述 60

5.1.1 發(fā)展歷程 60

5.1.2 全新的體驗 60

5.2 處理視頻 61

5.2.1 視頻處理標記video 61

5.2.2 video標記的屬性 62

5.3 處理音頻 66

5.3.1 audio標記 66

5.3.2 audio標記的屬性 67

5.4 繪制圖像 70

5.4.1 使用canvas標記 70

5.4.2 HTML DOM Canvas對象 71

5.5 Web存儲 75

5.5.1 Web存儲的定義 75

5.5.2 Web存儲的意義 75

5.5.3 HTML 5中的兩種存儲方法 76

5.6 表單的全新功能 78

5.6.1 全新的Input類型 78

5.6.2 全新的表單元素 81

5.6.3 全新的表單屬性 83

第6章 使用基本標記 89

6.1 設置網頁頭部元素 89

6.1.1 設置文檔類型 89

6.1.2 設置編碼類型 91

6.1.3 設置頁面標題 92

6.2 設置頁面正文 94

6.3 插入注釋 96

6.4 實戰(zhàn)演練--綜合使用頁面

基本標記 98

第7章 文字和段落處理 101

7.1 設置標題文字 101

7.2 文本文字 102

7.2.1 設置文本顏色和字體 102

7.2.2 設置文本的字型 104

7.3 分段處理 104

7.4 插入水平線 105

7.5 實戰(zhàn)演練--文字排版處理 107

第8章 超級鏈接 112

8.1 鏈接概述 112

8.1.1 錨鏈 112

8.1.2 URL引用 112

8.2 建立內部鏈接 113

8.3 建立外部鏈接 115

8.4 使用Telnet鏈接 117

8.5 創(chuàng)建E-mail鏈接 118

8.6 創(chuàng)建FTP鏈接 121

8.7 其他形式的鏈接 123

8.7.1 新聞組鏈接 123

8.7.2 WAIS鏈接 124

8.8 實戰(zhàn)演練--設置超級鏈接 125

第9章 使用圖片修飾網頁 128

9.1 常用的圖片格式介紹 128

9.1.1GIF格式128

9.1.2JPEG格式129

9.2 設置背景圖片 129

9.3 插入圖片 131

9.3.1 在頁面中插入指定大小的圖片 131

9.3.2 圖片布局處理 133

9.4 設置圖片鏈接 135

9.5 實戰(zhàn)演練--圖文結合處理 136

第10章列表140

10.1 使用無序列表 140

10.2 有序列表 142

10.3 定義列表 144

第11章 使用表格 147

11.1 創(chuàng)建一個表格 147

11.2 設置表格標題 148

11.3 跨行和跨列處理 150

11.3.1 實現跨列處理 150

11.3.2 實現跨行處理 152

11.3.3 實現同時跨行、跨列處理 155

11.4 設置表格頁眉 156

11.5 設置表格背景圖像 158

11.6 對齊處理 159

11.6.1 表格的整體對齊 159

11.6.2 對齊表格中的內元素 160

11.7 設置單元格大小 161

11.8 實戰(zhàn)演練--綜合使用表格

處理 163

第12章 特效和多媒體 167

12.1 設置背景音樂 167

12.1.1 代碼指定方式 167

12.1.2 使用媒體插件方式實現 169

12.2 插入Flash 171

12.3 插入Applet 174

12.4ActiveX控件178

12.5 實戰(zhàn)演練--制作一個網頁

導航 180

第13章 使用框架 183

13.1 框架標記介紹 183

13.2 創(chuàng)建框架 185

13.3 設置框架大小 188

13.4 為框架創(chuàng)建鏈接 191

13.5 框架嵌套 194

13.6 實戰(zhàn)演練1--在主頁中調用

另外的框架頁 198

13.7 實戰(zhàn)演練2--使用框架制作一個

網站后臺主頁 200

第14章 使用表單 203

14.1 表單標記 203

14.2 使用form標記 203

14.3 使用文本域 205

14.4 使用文本區(qū)域 207

14.5 使用按鈕 209

14.6 使用單選按鈕和復選框 211

14.7 使用列表菜單 213

14.8 使用文件域 216

14.9 使用圖像域 217

14.10 使用隱藏域 219

14.11 使用單選按鈕組 221

14.12 實戰(zhàn)演練--'注冊會員'

網頁制作 223

第15章 使用AP Div布局 226

15.1 Div標記基礎 226

15.1.1 Div的格式 226

15.1.2 在Dreamweaver CS6中使用Div 226

15.1.3 插入Div標簽 227

15.1.4 插入AP Div 229

15.1.5 實戰(zhàn)演練--使用AP Div排版 231

15.2 插入Spry構件 234

15.2.1 插入Spry菜單欄 234

15.2.2 插入Spry選項卡式面板 235

15.2.3 插入Spry折疊式 235

15.2.4 插入Spry可折疊面板 236

15.2.5 插入Spry工具提示 237

15.2.6 實戰(zhàn)演練--聯合使用

AP Div和Spry 237

第16章 使用CSS 240

16.1 CSS的基本語法 240

16.2 使用選擇符 242

16.2.1 通配選擇符 242

16.2.2 類型選擇符 244

16.2.3 包含選擇符 246

16.2.4 ID選擇符 248

16.3 使用CSS設置顏色 249

16.4 使用百分比值 251

16.5 設置URL的相對路徑和

絕對路徑 254

16.5.1 相對路徑 254

16.5.2 絕對路徑 255

16.5.3 應用實例 255

16.6 調用外部CSS文件 258

16.6.1 在頁面內部調用 258

16.6.2 調用外部文件 258

16.7 實戰(zhàn)演練--使用外部CSS文件

修飾主頁 260

第17章 使用CSS實現布局 263

17.1 CSS元素介紹 263

17.1.1 塊元素 263

17.1.2 內聯元素 264

17.1.3 可變元素 265

17.2 定位元素 265

17.2.1 元素的定位方式 266

17.2.2 定位屬性 266

17.3 內容控制屬性270

17.3.1 控制頁面內容屬性display 270

17.3.2 控制顯示屬性visibility 270

17.3.3 居中顯示屬性text-align 272

17.3.4 邊界屬性margin 275

17.4 控制頁面背景 277

17.4.1 頁面背景概述 277

17.4.2 使用背景顏色 277

17.4.3 使用背景圖片 278

17.4.4 背景顏色和背景圖片混用 286

17.4.5 設置文本樣式 287

17.4.6 設置鏈接樣式 289

17.5 使用浮動屬性 291

17.5.1 浮動屬性簡介 291

17.5.2 固定元素相鄰 292

17.5.3 兩個浮動元素相鄰 294

17.5.4 多個浮動元素相鄰 296

17.6 實戰(zhàn)演練--使用CSS修飾

文本 298

第18章容器301

18.1 使用盒模型 301

18.2 使用補白屬性 303

18.3 使用邊框屬性 305

18.3.1邊框樣式屬性 305

18.3.2 邊框顏色屬性 308

18.4 設置邊界屬性 310

18.5 設置父、子元素的距離 312

18.6 固定元素的大小 315

18.6.1 計算盒模型大小 315

18.6.2 固定長度和寬度 316

18.7 實戰(zhàn)演練--使用CSS修飾

留言本 318

第19章 插入行為 321

19.1 行為介紹 321

19.1.1 行為簡介 321

19.1.2 行為事件 322

19.1.3 行為的使用 323

19.2 調用JavaScript 324

19.3 URL轉移 325

19.4 交換圖像 327

19.5 打開瀏覽器窗口 329

19.6 顯示隱藏元素 331

19.7 改變屬性 333

19.8 彈出信息 334

19.9 跳轉菜單 336

19.10 拖動AP元素 338

第20章 個人博客網站模板 342

20.1 網站規(guī)劃 342

20.1.1 站點需求分析 342

20.1.2 預期效果分析 342

20.1.3 站點結構規(guī)劃 344

20.2 切圖分析 344

20.3 制作站點首頁 345

20.3.1 實現流程分析 345

20.3.2 制作頂部導航 345

20.3.3 設計中間內容部分 349

20.3.4 制作底部版權部分 354

20.4 制作日志頁面 357

20.4.1 實現流程分析 357

20.4.2 日志內容實現 357

20.5 制作日志詳情頁面 358

20.5.1 實現流程分析 358

20.5.2 頁面具體實現 359

第21章 一個企業(yè)模板 363

21.1 網站規(guī)劃 363

21.1.1 站點需求分析 363

21.1.2 預期效果分析 363

21.1.3 網頁布局分析 365

21.2 切圖分析 365

21.3 首頁實現 365

21.3.1 實現流程分析 366

21.3.2 制作頁面頭部 366

21.3.3 制作頁面主體 370

21.3.4 制作頁面底部 378

21.3.5 解決兼容性問題 379

21.4 二級頁面實現 380