第 1章 網(wǎng)頁制作與HTML 5基礎知識1
1.1 網(wǎng)頁制作基礎知識2
1.1.1 網(wǎng)頁的定義和分類2
1.1.2 網(wǎng)頁設計的相關概念3
1.1.3 網(wǎng)頁的基本組成元素4
1.1.4 網(wǎng)頁制作工具6
1.1.5 如何學好網(wǎng)頁制作7
1.2 Dreamweaver CS6概述8
1.2.1 啟動與退出Dreamweaver CS68
1.2.2 Dreamweaver CS6的工作界面8
1.3 網(wǎng)頁標準技術與HTML 510
1.3.1 網(wǎng)頁結構語言11
1.3.2 網(wǎng)頁表現(xiàn)語言12
1.3.3 網(wǎng)頁行為語言13
1.3.4 在Dreamweaver CS6中創(chuàng)建
HTML 5文檔13
1.3.5 HTML 5常用標簽15
1.3.6 HTML 5新增標簽20
1.4 綜合實訓案例21
1.4.1 用文本文檔編寫一個網(wǎng)頁文檔21
任務１：用文本文檔編寫網(wǎng)頁文檔21
1.4.2 用Dreamweaver CS6編寫網(wǎng)頁
文檔22
任務２：用Dreamweaver CS6制作簡單
網(wǎng)頁22
1.4.3 編寫代碼實現(xiàn)簡單網(wǎng)頁22
任務３：上網(wǎng)瀏覽一個網(wǎng)頁，并查看其
源代碼22
任務４：在記事本中編寫代碼，實現(xiàn)一個
網(wǎng)頁23
任務５：在設計視圖中插入圖像23
小 結23
習 題24
第 2章 網(wǎng)頁整體規(guī)劃與設計25
2.1 網(wǎng)頁設計基礎26
2.1.1 網(wǎng)頁布局類型26
任務1：判斷網(wǎng)頁布局類型30
2.1.2 網(wǎng)頁整體造型30
2.1.3 網(wǎng)頁設計要素30
2.2 網(wǎng)站與網(wǎng)頁的設計流程及主題的確定30
2.2.1 網(wǎng)站與網(wǎng)頁的設計流程30
2.2.2 網(wǎng)站主題的確定32
2.3 需求分析與內容組織32
2.3.1 網(wǎng)站的需求分析32
2.3.2 網(wǎng)站的內容組織33
任務2：設計一個網(wǎng)站首頁33
2.4 色彩基礎知識34
2.4.1 色彩理論34
2.4.2 216網(wǎng)頁安全色35
任務3：學習216網(wǎng)頁安全色的相關知識36
2.5 網(wǎng)站中的色彩應用36
2.5.1 網(wǎng)頁色彩搭配規(guī)則36
2.5.2 網(wǎng)頁元素之間的色彩搭配36
2.6 綜合實訓案例：飾品銷售網(wǎng)站主頁整體
設計37
小 結38
習 題38
第3章 建立本地站點39
3.1 本地站點40
3.1.1 什么是站點40
3.1.2 創(chuàng)建本地站點40
3.2 管理本地站點41
3.2.1 切換站點41
3.2.2 站點的其他操作42
任務1：復制站點43
任務2：新建文件44
3.3 綜合實訓案例：創(chuàng)建我的第 一個站點44
小 結45
習 題45
第4章 制作文本47
4.1 創(chuàng)建文檔48
4.1.1 新建文檔48
4.1.2 保存文檔49
任務1：創(chuàng)建站點、頁面49
4.1.3 打開文檔49
4.2 文本編輯49
4.2.1 輸入文本49
任務2：添加新的字體51
4.2.2 設置文本格式51
任務3：設置文本格式52
4.2.3 設置文本樣式52
任務4：設置文本樣式54
4.2.4 設置段落55
4.2.5 在頁面中添加其他元素56
任務5：設置網(wǎng)頁背景58
4.3 項目符號和編號58
4.3.1 添加項目符號和編號58
4.3.2 修改項目符號和編號60
4.4 水平線、網(wǎng)格與標尺60
4.4.1 水平線60
任務6：設置水平線62
4.4.2 網(wǎng)格與標尺63
4.5 綜合實訓案例：制作文本64
小 結65
習 題65
第5章 網(wǎng)頁中的多媒體66
5.1 網(wǎng)頁中常用的圖像格式67
5.1.1 GIF格式67
5.1.2 JPEG格式67
5.1.3 PNG格式67
任務1：比較不同圖像格式文件的大小67
5.2 插入與設置圖像68
5.2.1 插入圖像68
5.2.2 設置圖像69
5.3 插入其他圖像元素70
5.3.1 插入圖像占位符70
5.3.2 實現(xiàn)鼠標經(jīng)過圖像71
任務2：實現(xiàn)經(jīng)過鐘樓看鼓樓的效果72
5.4 多媒體在網(wǎng)頁中的應用72
5.4.1 插入Flash動畫72
任務3：插入Flash動畫74
5.4.2 插入FLV視頻74
任務4：插入FLV視頻75
5.4.3 網(wǎng)頁中的音頻文件格式76
5.4.4 網(wǎng)頁中的視頻文件格式76
5.4.5 插入Shockwave影片77
任務5：插入Shockwave影片78
5.4.6 插入ActiveX控件78
5.4.7 插入插件79
5.4.8 插入背景音樂80
任務6：插入背景音樂81
5.5 綜合實訓案例：插入多媒體82
5.5.1 插入圖像82
5.5.2 插入音、視頻82
小 結84
習 題84
第6章 網(wǎng)頁中的超鏈接85
6.1 超鏈接概述86
6.1.1 超鏈接的定義86
6.1.2 超鏈接的類型86
6.2 鏈接路徑87
6.2.1 路徑87
6.2.2 相對路徑88
6.2.3 根路徑89
6.3 創(chuàng)建超鏈接的方法89
6.4 各種類型超鏈接的創(chuàng)建90
6.4.1 文本超鏈接91
任務1：設置文本超鏈接92
6.4.2 下載超鏈接94
6.4.3 電子郵件超鏈接95
任務2：設置電子郵件超鏈接96
6.4.4 圖像超鏈接96
任務3：設置圖像超鏈接97
6.4.5 命名錨記超鏈接98
任務4：設置命名錨記超鏈接99
6.4.6 空鏈接99
6.4.7 腳本超鏈接100
任務5：設置腳本超鏈接100
6.5 管理超鏈接100
6.5.1 自動更新超鏈接100
6.5.2 在站點范圍內更改鏈接101
6.5.3 檢查站點中的超鏈接錯誤102
6.6 綜合實訓案例：創(chuàng)建我愛攝影網(wǎng)
站點103
小 結104
習 題105
第7章 表格使用與簡單頁面布局106
7.1 創(chuàng)建表格107
7.1.1 插入表格107
任務1： 插入一個3行3列的表格108
7.1.2 在表格中插入網(wǎng)頁元素108
任務2：導入Word文檔110
7.2 設置表格及單元格的屬性111
7.2.1 設置表格的屬性111
7.2.2 設置單元格的屬性111
任務3：制作蒲公英學校課程表112
任務4：制作一個簡單的后臺登錄頁面115
7.3 表格與單元格的具體操作116
7.3.1 選中表格的操作116
7.3.2 表格行與列的操作117
7.3.3 單元格的操作119
任務5：制作寶貝相冊121
任務6：制作下載頁面123
7.4 表格的進一步操作124
7.4.1 表格分隔線與邊框操作124
7.4.2 表格特效設置126
7.5 擴展表格模式127
7.5.1 擴展表格模式的進入和退出127
7.5.2 擴展表格模式的應用128
任務7：制作個人簡歷128
7.6 綜合實訓案例：用表格布局模式設計
網(wǎng)頁130
小 結132
習 題132
第8章 設計框架網(wǎng)頁133
8.1 框架網(wǎng)頁應用134
8.1.1 框架網(wǎng)頁概述134
8.1.2 創(chuàng)建各種框架134
任務1：創(chuàng)建預定義框架集134
8.1.3 編輯框架集和保存框架集136
任務2：設置框架頁面滾動條137
8.1.4 向框架中添加內容138
任務3：添加已有網(wǎng)頁138
8.1.5 保存框架集138
8.2 框架屬性140
8.2.1 設置框架屬性140
8.2.2 框架鏈接143
任務4：使鏈接文件在框架中打開145
8.2.3 框架標簽145
8.3 內嵌框架iframe146
8.3.1 關于iframe146
8.3.2 iframe的屬性及應用147
8.4 綜合實訓案例：布置框架149
小 結150
習 題150
第9章 CSS與Div布局152
9.1 CSS的基本概念153
9.1.1 CSS簡介153
9.1.2 CSS基本語法153
9.1.3 CSS的分類154
9.1.4 CSS選擇器156
9.1.5 使用CSS159
9.2 設置文本CSS樣式162
9.2.1 設置文字樣式163
9.2.2 設置文本對象樣式164
9.3 修飾背景和邊框166
9.3.1 設置背景顏色和背景圖像166
9.3.2 設置邊框樣式167
9.4 盒模型169
9.4.1 盒模型簡介169
9.4.2 設置標簽的顯示方式171
9.5 CSS Div布局171
9.5.1 div標簽171
任務１：使用div標簽實現(xiàn)層疊效果172
9.5.2 span標簽173
任務２：應用span標簽173
9.5.3 3種布局方式173
9.6 綜合實訓案例176
9.6.1 使用CSS實現(xiàn)網(wǎng)頁圖文混排
效果176
任務３：制作油畫欣賞網(wǎng)頁176
9.6.2 使用CSS Div布局網(wǎng)頁177
任務４：制作博客網(wǎng)站首頁177
小 結180
習 題180
第 10章 行為181
10.1 行為概述182
10.1.1 行為定義182
10.1.2 事件182
10.1.3 動作183
10.2 行為的基本操作183
10.2.1 行為面板183
10.2.2 添加行為185
10.2.3 編輯行為185
10.3 文本類行為185
10.3.1 彈出消息185
10.3.2 設置狀態(tài)欄文本186
任務1：設置文本類行為187
10.4 圖像類行為187
任務2：設置交換圖像行為188
10.5 代碼屬性類行為188
任務3：設置改變屬性行為189
10.6 跳轉類行為190
任務4：設置跳轉類行為191
10.7 效果類行為191
任務5：設置效果類行為191
10.8 綜合實訓案例：制作一個攝影網(wǎng)站192
小 結193
習 題194
第 11章 網(wǎng)頁交互與特效195
11.1 網(wǎng)頁的交互行為196
11.1.1 拖動AP元素196
任務1：設置拖動AP元素行為197
11.1.2 顯示隱藏元素198
11.2 Spry框架199
11.2.1 Spry效果199
11.2.2 Spry菜單欄200
任務2：設置菜單欄201
11.2.3 Spry選項卡式面板201
11.2.4 Spry折疊式面板202
11.2.5 Spry可折疊面板202
任務3：隱藏或顯示存儲內容202
11.3 綜合實訓案例：制作導航條203
小 結205
習 題205
第 12章 網(wǎng)頁表單的應用206
12.1 網(wǎng)頁中的表單知識207
12.1.1 表單概述207
12.1.2 創(chuàng)建表單域207
12.2 插入文本域209
12.2.1 文本字段209
任務1：創(chuàng)建密碼表單211
12.2.2 文本區(qū)域211
12.3 插入單選按鈕和單選按鈕組212
12.3.1 插入單個單選按鈕213
12.3.2 插入單選按鈕組213
任務2：創(chuàng)建單選按鈕組214
12.4 插入復選框和復選框組214
12.4.1 插入單個復選框214
12.4.2 插入復選框組215
任務3：創(chuàng)建復選框組215
12.5 插入列表和菜單216
12.5.1 菜單表單216
12.5.2 列表表單217
12.5.3 跳轉菜單218
12.6 插入按鈕和文件域220
12.6.1 插入按鈕221
任務4：插入表單按鈕221
12.6.2 插入文件域222
12.7 驗證表單內容222
12.7.1 Spry表單驗證技術223
12.7.2 Spry驗證文本域223
12.7.3 Spry驗證密碼域224
12.7.4 Spry驗證文本區(qū)域225
12.7.5 Spry驗證列表225
12.7.6 Spry驗證單選按鈕組225
12.7.7 Spry驗證復選框226
任務5：插入Spry驗證復選框226
12.8 綜合實訓案例：用戶注冊表單226
小 結229
習 題229
第 13章 網(wǎng)站綜合設計與制作實例230
13.1 班級網(wǎng)站的規(guī)劃與設計231
13.1.1 網(wǎng)站定位231
13.1.2 網(wǎng)站需求分析231
13.1.3 網(wǎng)站欄目設計231
13.1.4 站點定義與目錄管理232
13.1.5 班級網(wǎng)站的風格設計232
13.2 網(wǎng)頁設計與制作232
13.2.1 頁面布局232
13.2.2 制作網(wǎng)站首頁234
13.2.3 二級頁面的制作243
13.2.4 內容頁面的制作244
小 結245
習 題245
參考文獻246