本書以培養職業能力為核心，以工作過程為主線，以項目為導向，逐步深入地講解了網頁設計的方法與技巧。全書分為3個獨立的項目，每個項目分為若干個任務。前兩個項目主要講解靜態網頁制作，第三個項目講解動態網頁制作。主要內容包括：網頁設計基礎、網站規劃、網頁效果圖設計、Flash動畫設計、表格與框架布局設計、CSS層疊樣式表的應用、網頁特效代碼的應用。在動態網頁制作項目中講解了表單的設計與應用、數據庫的基本操作、會員登錄與注冊、網站后臺管理、新聞發布、在線搜索、在線留言、在線投票等。
2011-2012年參加中國職教學會教學工作委員會2011-2012年度教學改革與教學建設專項研究課題的子課題《中職計算機網絡類課程開發與模擬公司項目教學模式實踐研究》的研究工作。
目 錄
第1章 網頁制作基礎 1
1.1 網站建設基本概念 1
1.1.1 萬維網 1
1.1.2 網頁與網站 1
1.1.3 域名和URL 1
1.1.4 靜態網頁和動態網頁 2
1.1.5 本地站點和遠程站點 2
1.1.6 HTML、XML、XHTML 2
1.2 網站制作的相關技術及工具 3
1.3 網站開發的流程 4
1.3.1 網站制作的流程 4
1.3.2 網頁設計的原則 4
自我檢測 5
第2章 Dreamweaver CC 2017與站點建立 6
2.1 初識Dreamweaver CC 2017 6
2.1.1 啟動 Dreamweaver CC 2017 6
2.1.2 Dreamweaver CC 2017工作界面介紹 7
2.2 站點的建立與管理 8
2.2.1 站點的建立 8
2.2.2 站點的管理 9
2.2.3 站點文件夾的創建 11
2.2.4 站點文件的創建 12
2.3 實訓—創建旅游網站 15
2.3.1 實訓目標 15
2.3.2 實訓要求 16
2.3.3 操作步驟 16
自我檢測 18
第3章 HTML 19
3.1 網頁基本結構 19
3.1.1 HTML基本結構 19
3.1.2 HTML標簽和屬性 21
3.2 常用的HTML標簽 23
3.2.1 文本相關標簽 23
3.2.2 字體格式化相關標簽 26
3.2.3 列表相關標簽 29
3.2.4 多媒體相關標簽 31
3.2.5 滾動對象標簽 33
3.2.6 超鏈接標簽 36
3.2.7 表格標簽 37
3.3 實訓—創建HTML網頁 39
3.3.1 實訓目標 39
3.3.2 實訓要求 39
3.3.3 操作步驟 39
自我檢測 41
第4章 輸入文本與常用頁面元素 42
4.1 輸入文本 42
4.1.1 輸入文本內容并設置文本格式 42
4.1.2 設置字體 44
4.1.3 設置段落格式 47
4.2 輸入常用頁面元素 49
4.2.1 插入日期 49
4.2.2 插入列表 50
4.2.3 插入水平線和特殊字符 52
4.3 實訓—創建旅游網頁 54
4.3.1 實訓目標 54
4.3.2 實訓要求 54
4.3.3 操作步驟 55
自我檢測 58
第5章 插入圖像和多媒體對象 59
5.1 插入圖像 59
5.1.1 插入與編輯圖像 59
5.1.2 美化圖像 62
5.1.3 設置背景圖像 64
5.1.4 鼠標經過圖像 65
5.2 插入多媒體對象 67
5.2.1 插入Flash動畫 67
5.2.2 插入FLV視頻 69
5.2.3 添加背景音樂 71
5.3 實訓—創建景點介紹網頁 72
5.3.1 實訓目標 72
5.3.2 實訓要求 73
5.3.3 操作步驟 73
自我檢測 75
第6章 表格 76
6.1 插入和修改表格 76
6.1.1 插入表格 76
6.1.2 修改表格 77
6.2 應用表格布局網頁 81
6.3 實訓—創建上海旅游網 85
6.3.1 實訓目標 85
6.3.2 實訓要求 85
6.3.3 操作步驟 85
自我檢測 90
第7章 超鏈接 91
7.1 常用的超鏈接 91
7.1.1 認識超鏈接 91
7.1.2 絕對超鏈接和相對超鏈接 91
7.1.3 圖片超鏈接和文字超鏈接 91
7.1.4 圖像熱點超鏈接 93
7.1.5 電子郵件超鏈接 95
7.1.6 錨點超鏈接 96
7.1.7 下載超鏈接 98
7.1.8 腳本超鏈接 99
7.2 設置超鏈接目標 100
7.3 實訓—創建北京旅游網站 102
7.3.1 實訓目標 102
7.3.2 實訓要求 102
7.3.3 操作步驟 102
自我檢測 105
第8章 表單與行為 106
8.1 表單應用 106
8.1.1 表單 106
8.1.2 創建表單 106
8.1.3 添加常用表單元素 108
8.1.4 提交表單 116
8.1.5 日期和時間 118
8.2 行為應用 120
8.2.1 行為 120
8.2.2 檢查表單 121
8.2.3 彈出信息和設置狀態欄文本 123
8.2.4 打開瀏覽器窗口 126
8.3 實訓—創建旅游反饋調查網頁 128
8.3.1 實訓目標 128
8.3.2 實訓要求 129
8.3.3 操作步驟 129
自我檢測 132
第9章 模板與庫 133
9.1 模板應用 133
9.1.1 模板 133
9.1.2 創建模板 133
9.1.3 應用模板 135
9.1.4 修改模板 137
9.2 庫應用 141
9.2.1 庫 141
9.2.2 “資源”面板 142
9.2.3 創建庫項目 142
9.2.4 應用庫項目 143
9.2.5 修改庫項目 145
9.3 實訓—創建四川旅游網 148
9.3.1 實訓目標 148
9.3.2 實訓要求 149
9.3.3 操作步驟 149
自我檢測 152
第10章 CSS與盒子模型 153
10.1 CSS應用 153
10.1.1 了解CSS 153
10.1.2 新建樣式表 153
10.1.3 應用CSS樣式 155
10.1.4 新建ID樣式表 158
10.1.5 保存和導入樣式表 160
10.2 盒子模型 163
10.2.1 了解盒子模型 163
10.2.2 Div+CSS布局網頁 164
10.3 實訓—創建大連旅游網頁 169
10.3.1 實訓目標 169
10.3.2 實訓要求 170
10.3.3 操作步驟 170
自我檢測 177
第11章 Dreamweaver與其他軟件結合 178
11.1 Dreamweaver與Photoshop結合 178
11.1.1 了解Photoshop CC 178
11.1.2 Photoshop CC的工作界面介紹 178
11.1.3 制作背景圖像 179
11.1.4 制作導航按鈕 183
11.1.5 制作網站LOGO 186
11.1.6 制作網站首頁 189
11.2 Dreamweaver與Flash結合 196
11.2.1 了解Flash CC 196
11.2.2 Flash CC的工作界面介紹 196
11.2.3 制作Banner動畫 197
11.2.4 用Flash制作網站的首頁 205
11.3 實訓—創建張家界旅游網 213
11.3.1 實訓目標 213
11.3.2 實訓要求 214
11.3.3 操作步驟 214
自我檢測 221
第12章 創建移動設備網頁 222
12.1 創建jQuery Mobile網頁 222
12.1.1 了解jQuery Mobile網頁 222
12.1.2 創建jQuery Mobile網頁 222
12.2 創建jQuery Mobile表單 227
12.3 實訓—創建海南旅游網 233
12.3.1 實訓目標 233
12.3.2 實訓要求 234
12.3.3 操作步驟 235
自我檢測 236
第13章 綜合應用 238
13.1 實訓目標及制作思路 238
13.1.1 實訓目標 238
13.1.2 制作思路 239
13.2 站點規劃及建立站點 239
13.2.1 站點規劃 239
13.2.2 建立站點 239
13.3 素材準備 241
13.3.1 制作背景圖片 241
13.3.2 制作導航按鈕 242
13.3.3 制作Flash動畫 243
13.4 首頁制作 248
13.4.1 利用Div+CSS布局網頁 248
13.4.2 制作具體內容 253
13.4.3 設置超鏈接 254
13.5 制作電影介紹頁面 255
13.5.1 利用表格布局網頁 255
13.5.2 制作具體內容 257
13.5.3 設置超鏈接 258
13.6 制作影視交流頁面 259
13.6.1 制作表單內容 259
13.6.2 設置表單提交 261
自我檢測 261
新書資訊