網(wǎng)頁設(shè)計與制作(附微課視頻 第2版)
定 價:45 元
叢書名:21世紀(jì)高等教育計算機(jī)規(guī)劃教材
- 作者:雷偉軍
- 出版時間:2017/11/1
- ISBN:9787115446442
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
本書采取理論與實(shí)踐一體化教學(xué)模式即,既知其一還要知其二,也就說既要考慮軟件工具命令屬性講解,也要融合實(shí)例運(yùn)用操作,達(dá)到兩者有機(jī)融合。但現(xiàn)在有些網(wǎng)頁設(shè)計制作方面的教材,定位過泛,在廣度和深度上把握不是太好,有的書全部以實(shí)例方式進(jìn)行編寫,對有一定網(wǎng)頁設(shè)計基礎(chǔ)的人來說,易學(xué)或許會有提高,但對于一個初學(xué)者來說,如果只學(xué)習(xí)這個例子的操作,換一個例子恐怕就不會幫相關(guān)的命令操作了。
本書定位為針對文科類以及非計算機(jī)類理工科專業(yè)的使用教材,因此考慮這些專業(yè)學(xué)生的計算機(jī)技能水平。本書的定位非常明確,就是適應(yīng)與這些專業(yè)學(xué)生,即初學(xué)者,同時也適應(yīng)于高職類學(xué)生。
本教材以網(wǎng)站設(shè)計與制作為主線,采用由淺入深、循序漸進(jìn)的方式,從基本概念、網(wǎng)站規(guī)劃與設(shè)計入手,逐步展示網(wǎng)頁制作與網(wǎng)站開發(fā)的全過程,邏輯性強(qiáng),層次分明,加強(qiáng)對各章節(jié)中重點(diǎn)難點(diǎn)的講解;圖文并茂,展現(xiàn)網(wǎng)頁
本書采取理論與實(shí)踐一體化教學(xué)模式即,既知其一還要知其二,也就說既要考慮軟件工具命令屬性講解,也要融合實(shí)例運(yùn)用操作,達(dá)到兩者有機(jī)融合。但現(xiàn)在有些網(wǎng)頁設(shè)計制作方面的教材,定位過泛,在廣度和深度上把握不是太好,有的書全部以實(shí)例方式進(jìn)行編寫,對有一定網(wǎng)頁設(shè)計基礎(chǔ)的人來說,易學(xué)或許會有提高,但對于一個初學(xué)者來說,如果只學(xué)習(xí)這個例子的操作,換一個例子恐怕就不會幫相關(guān)的命令操作了。
本書定位為針對文科類以及非計算機(jī)類理工科專業(yè)的使用教材,因此考慮這些專業(yè)學(xué)生的計算機(jī)技能水平。本書的定位非常明確,就是適應(yīng)與這些專業(yè)學(xué)生,即初學(xué)者,同時也適應(yīng)于高職類學(xué)生。
本教材以網(wǎng)站設(shè)計與制作為主線,采用由淺入深、循序漸進(jìn)的方式,從基本概念、網(wǎng)站規(guī)劃與設(shè)計入手,逐步展示網(wǎng)頁制作與網(wǎng)站開發(fā)的全過程,邏輯性強(qiáng),層次分明,加強(qiáng)對各章節(jié)中重點(diǎn)難點(diǎn)的講解;圖文并茂,展現(xiàn)網(wǎng)頁制作的獨(dú)特魅力,激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣,在講解中引用適合本章節(jié)的典型例子使內(nèi)容針對性更強(qiáng);以菜單操作式的Dreamweaver CS6為開發(fā)工具,從實(shí)際應(yīng)用的角度出發(fā),系統(tǒng)地介紹網(wǎng)頁制作的相關(guān)技術(shù)。
注重實(shí)踐操作,除了講解命令功能時用到的小例子,每章還有專門的實(shí)例,除此之外,每章還有上機(jī)任務(wù)實(shí)踐操作,以便學(xué)習(xí)者能進(jìn)一步理解和鞏固所學(xué)知識。
本教材*后一章為某一完整網(wǎng)頁的設(shè)計案例,以引導(dǎo)和強(qiáng)化學(xué)習(xí)者的綜合運(yùn)用能力。
提供完整課件以及書中所用的素材資源。
雷偉軍,陜西西安人,畢業(yè)于西安電子科技大學(xué),軟件工程碩士,高級工程師、副教授(雙職稱,學(xué)校雙師型教師),西安市教育信息化專家委員會專家,美國英特爾·未來教育主講教師。
目 錄
第1章 網(wǎng)頁制作與HTML 5
基礎(chǔ)知識 1
1.1 網(wǎng)頁制作基礎(chǔ)知識 1
1.1.1 網(wǎng)頁的定義和分類 1
1.1.2 網(wǎng)頁設(shè)計的相關(guān)概念 2
1.1.3 網(wǎng)頁的基本組成元素 4
1.1.4 網(wǎng)頁制作開發(fā)工具 6
1.1.5 如何學(xué)好網(wǎng)頁制作 7
1.2 Dreamweaver CS6概述 8
1.2.1 啟動與退出Dreamweaver CS6 8
1.2.2 Dreamweaver CS6的主界面 8
1.3 網(wǎng)頁標(biāo)準(zhǔn)技術(shù)與HTML 5 10
1.3.1 網(wǎng)頁結(jié)構(gòu)語言 11
1.3.2 在Dreamweaver CS6中創(chuàng)建
HTML 5文檔 13
1.3.3 HTML 5常用標(biāo)簽 15
1.3.4 HTML 5新增標(biāo)簽 21
1.4 綜合案例 22
1.4.1 用記事本編寫一個網(wǎng)頁文檔 22
1.4.2 用Dreamweaver CS6制作
網(wǎng)頁文檔 23
1.4.3 編寫代碼實(shí)現(xiàn)簡單網(wǎng)頁 23
習(xí)題 24
第2章 網(wǎng)頁整體規(guī)劃設(shè)計 26
2.1 網(wǎng)頁設(shè)計基礎(chǔ) 26
2.1.1 網(wǎng)頁布局類型 26
2.1.2 網(wǎng)頁整體造型 31
2.1.3 網(wǎng)頁設(shè)計要素 31
2.2 確定網(wǎng)站主題 32
2.2.1 網(wǎng)站的設(shè)計流程 32
2.2.2 網(wǎng)站主題的確定 33
2.3 前期規(guī)劃與內(nèi)容組織 34
2.3.1 網(wǎng)站的需求分析 34
2.3.2 網(wǎng)站的內(nèi)容組織 34
2.4 色彩基礎(chǔ)知識 35
2.4.1 色彩理論 35
2.4.2 216網(wǎng)頁安全顏色 37
2.5 網(wǎng)站中的色彩應(yīng)用 38
2.5.1 網(wǎng)頁色彩規(guī)則 38
2.5.2 網(wǎng)頁元素之間色彩搭配 39
2.6 綜合案例:飾品銷售網(wǎng)站主頁整體
?設(shè)計 40
習(xí)題 41
第3章 建立本地站點(diǎn) 42
3.1 創(chuàng)建本地站點(diǎn) 42
3.1.1 什么是站點(diǎn) 42
3.1.2 創(chuàng)建本地站點(diǎn)的步驟 43
3.2 管理本地站點(diǎn) 44
3.2.1 切換站點(diǎn) 44
3.2.2 站點(diǎn)的其他操作 44
3.3 綜合案例:創(chuàng)建我的第一個網(wǎng)站 47
習(xí)題 48
第4章 制作文本 50
4.1 創(chuàng)建文檔 50
4.1.1 新建文檔 50
4.1.2 保存文檔 51
4.1.3 打開文檔 52
4.2 文本編輯 52
4.2.1 輸入文本 52
4.2.2 設(shè)置文本格式 54
4.2.3 設(shè)置文本樣式 54
4.2.4 段落編輯 58
4.2.5 在頁面中添加其他元素 59
4.3 在文本中添加項(xiàng)目符號和編號 61
4.3.1 添加項(xiàng)目符號和編號 61
4.3.2 修改項(xiàng)目符號和編號 63
4.4 水平線、網(wǎng)格與標(biāo)尺 63
4.4.1 水平線 63
4.4.2 網(wǎng)格 66
4.4.3 標(biāo)尺 67
4.5 綜合案例:制作文本 67
習(xí)題 68
第5章 圖像與多媒體 70
5.1 網(wǎng)頁中常用的圖像格式 70
5.1.1 GIF格式圖像 70
5.1.2 JPEG格式圖像 70
5.1.3 PNG格式圖像 71
5.2 插入與設(shè)置圖像 71
5.2.1 在網(wǎng)頁中插入圖像 71
5.2.2 設(shè)置圖像屬性 72
5.3 插入其他圖像元素 73
5.3.1 插入圖像占位符 73
5.3.2 插入鼠標(biāo)光標(biāo)經(jīng)過圖像 74
5.4 多媒體在網(wǎng)頁中的應(yīng)用 76
5.4.1 添加Flash動畫對象 76
5.4.2 插入FLV視頻 78
5.4.3 網(wǎng)絡(luò)中的音頻文件類型 80
5.4.4 網(wǎng)絡(luò)中的視頻文件類型 80
5.4.5 在網(wǎng)頁中插入Shockwave影片 81
5.4.6 在網(wǎng)頁中插入ActiveX控件 82
5.4.7 在網(wǎng)頁中插入插件 83
5.4.8 在網(wǎng)頁中插入背景音樂 84
5.5 綜合案例:多媒體制作 85
5.5.1 插入圖片 86
5.5.2 在網(wǎng)頁中添加音、視頻媒體 87
習(xí)題 89
第6章 網(wǎng)頁中的超鏈接 90
6.1 超鏈接概述 90
6.1.1 超鏈接的定義 90
6.1.2 超鏈接的類型 90
6.2 關(guān)于鏈接路徑 91
6.2.1 絕對路徑 92
6.2.2 相對路徑 92
6.2.3 根路徑 93
6.3 創(chuàng)建超鏈接的方法 94
6.3.1 使用屬性面板創(chuàng)建超鏈接 94
6.3.2 使用指向文件圖標(biāo)創(chuàng)建超鏈接 94
6.3.3 使用菜單創(chuàng)建超鏈接 94
6.4 各種類型超鏈接的創(chuàng)建 95
6.4.1 文本超鏈接 95
6.4.2 下載文件鏈接 99
6.4.3 創(chuàng)建電子郵件超鏈接 100
6.4.4 圖像超鏈接 101
6.4.5 創(chuàng)建錨記超鏈接 103
6.4.6 創(chuàng)建空鏈接 104
6.4.7 創(chuàng)建腳本超鏈接 105
6.5 管理超鏈接 105
6.5.1 自動更新鏈接 106
6.5.2 在站點(diǎn)范圍內(nèi)更改鏈接 106
6.5.3 檢查站點(diǎn)中的鏈接錯誤 107
6.6 綜合案例:創(chuàng)建我愛攝影網(wǎng) 108
習(xí)題 110
第7章 表格使用與簡單頁面
布局 111
7.1 創(chuàng)建表格 111
7.1.1 插入表格 111
7.1.2 在表格中輸入網(wǎng)頁元素 113
7.2 設(shè)置表格及單元格的屬性 116
7.2.1 設(shè)置表格屬性 116
7.2.2 設(shè)置單元格屬性 117
7.3 表格與單元格具體操作 121
7.3.1 表格的操作 121
7.3.2 網(wǎng)頁中表格行與列的操作 122
7.3.3 單元格的操作 124
7.4 表格的進(jìn)一步操作 131
7.4.1 表格分隔線與邊框操作 131
7.4.2 表格特效設(shè)置 133
7.5 表格擴(kuò)展模式 134
7.5.1 表格擴(kuò)展模式的進(jìn)入和退出 134
7.5.2 表格擴(kuò)展模式的應(yīng)用 135
7.6 綜合案例:用表格布局模式設(shè)計
? 網(wǎng)頁 138
習(xí)題 140
第8章 設(shè)計框架網(wǎng)頁 141
8.1 框架網(wǎng)頁 141
8.1.1 框架網(wǎng)頁概述 141
8.1.2 創(chuàng)建各種框架 141
8.1.3 編輯框架集 143
8.1.4 向框架中添加內(nèi)容 145
8.1.5 保存框架集 146
8.2 框架屬性 148
8.2.1 布局框架基本屬性 148
8.2.2 框架鏈接 151
8.2.3 框架標(biāo)簽 152
8.3 內(nèi)嵌框架Iframe 154
8.3.1 關(guān)于Iframe 154
8.3.2 Iframe屬性 155
8.4 綜合案例:布置框架 157
習(xí)題 158
第9章 CSS樣式表與Div布局 159
9.1 CSS的基本概念 159
9.1.1 CSS簡介 160
9.1.2 CSS基本語法 160
9.1.3 CSS樣式的分類 161
9.1.4 CSS選擇器 162
9.1.5 在Dreamweaver CS6中
使用CSS樣式表 166
9.2 設(shè)置文本CSS樣式 170
9.2.1 設(shè)置文字樣式 170
9.2.2 設(shè)置文本對象樣式 172
9.3 修飾背景和邊框 173
9.3.1 背景顏色和背景圖像 173
9.3.2 設(shè)置邊框樣式 175
9.4 盒模型 176
9.4.1 盒模型簡介 176
9.4.2 設(shè)置標(biāo)簽的顯示方式 178
9.5 CSS Div布局 178
9.5.1 Div標(biāo)簽 179
9.5.2 span標(biāo)簽 180
9.5.3 三種布局方式 181
9.6 綜合案例 184
9.6.1 使用CSS實(shí)現(xiàn)網(wǎng)頁圖文混排
效果 184
9.6.2 使用CSS Div布局網(wǎng)頁 185
習(xí)題 187
第10章 使用行為 189
10.1 認(rèn)識行為 189
10.1.1 行為 189
10.1.2 事件 189
10.1.3 動作 190
10.2 行為的基本操作 191
10.2.1 行為面板 191
10.2.2 添加行為 192
10.2.3 編輯行為 192
10.3 文本類行為 193
10.3.1 彈出消息 193
10.3.2 設(shè)置狀態(tài)欄文本 194
10.4 圖像類行為 194
10.5 代碼屬性類行為 196
10.6 跳轉(zhuǎn)類行為 197
10.7 效果類行為 198
10.8 綜合案例:制作一個攝影
? 網(wǎng)站 198
習(xí)題 200
第11章 網(wǎng)頁交互和特效 201
11.1 網(wǎng)頁的交互行為 201
11.1.1 拖動AP元素 201
11.1.2 顯示隱藏元素 203
11.2 Spry框架 204
11.2.1 Spry效果 205
11.2.2 Spry菜單欄 205
11.2.3 Spry選項(xiàng)卡式面板 207
11.2.4 Spry折疊式 207
11.2.5 Spry可折疊面板 208
11.3 綜合案例:制作導(dǎo)航條 208
習(xí)題 211
第12章 網(wǎng)頁表單的應(yīng)用 212
12.1 網(wǎng)頁中的表單知識 212
12.1.1 網(wǎng)頁中表單概述 213
12.1.2 創(chuàng)建表單域 213
12.2 插入文本域 215
12.2.1 文本字段 215
12.2.2 創(chuàng)建文本區(qū)域 217
12.3 插入單選按鈕和單選按鈕組 218
12.3.1 插入單個單選按鈕 218
12.3.2 插入單選按鈕組 219
12.4 插入復(fù)選框和復(fù)選框組 220
12.4.1 插入單個復(fù)選框 220
12.4.2 插入復(fù)選框組 221
12.5 插入列表和菜單 221
12.5.1 菜單表單 221
12.5.2 列表表單 223
12.5.3 跳轉(zhuǎn)菜單 224
12.6 插入按鈕和文件域 226
12.6.1 按鈕表單 227
12.6.2 插入文件域 228
12.7 驗(yàn)證表單內(nèi)容 229
12.7.1 Spry表單驗(yàn)證技術(shù) 229
12.7.2 Spry驗(yàn)證文本域 229
12.7.3 Spry驗(yàn)證密碼域 230
12.7.4 Spry驗(yàn)證文本區(qū)域 231
12.7.5 Spry驗(yàn)證列表 231
12.7.6 Spry驗(yàn)證單選按鈕 232
12.7.7 Spry驗(yàn)證復(fù)選框 232
12.8 綜合案例 233
習(xí)題 235
第13章 網(wǎng)站綜合設(shè)計與制作
實(shí)例 237
13.1 班級網(wǎng)站的規(guī)劃與設(shè)計 237
13.1.1 網(wǎng)站定位 237
13.1.2 網(wǎng)站需求分析 237
13.1.3 欄目設(shè)計 238
13.1.4 站點(diǎn)定義與目錄管理 238
13.1.5 班級網(wǎng)站的風(fēng)格設(shè)計 238
13.2 網(wǎng)頁設(shè)計與制作 239
13.2.1 頁面布局 239
13.2.2 制作網(wǎng)站首頁 241
13.2.3 二級頁面的制作 250
13.2.4 內(nèi)容頁面的制作 252
習(xí)題 252