網(wǎng)頁(yè)設(shè)計(jì)與制作(附微課視頻 第2版)
定 價(jià):45 元
叢書(shū)名:21世紀(jì)高等教育計(jì)算機(jī)規(guī)劃教材
- 作者:雷偉軍
- 出版時(shí)間:2017/11/1
- ISBN:9787115446442
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁(yè)碼:
- 紙張:膠版紙
- 版次:
- 開(kāi)本:16開(kāi)
本書(shū)采取理論與實(shí)踐一體化教學(xué)模式即,既知其一還要知其二,也就說(shuō)既要考慮軟件工具命令屬性講解,也要融合實(shí)例運(yùn)用操作,達(dá)到兩者有機(jī)融合。但現(xiàn)在有些網(wǎng)頁(yè)設(shè)計(jì)制作方面的教材,定位過(guò)泛,在廣度和深度上把握不是太好,有的書(shū)全部以實(shí)例方式進(jìn)行編寫,對(duì)有一定網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)的人來(lái)說(shuō),易學(xué)或許會(huì)有提高,但對(duì)于一個(gè)初學(xué)者來(lái)說(shuō),如果只學(xué)習(xí)這個(gè)例子的操作,換一個(gè)例子恐怕就不會(huì)幫相關(guān)的命令操作了。
本書(shū)定位為針對(duì)文科類以及非計(jì)算機(jī)類理工科專業(yè)的使用教材,因此考慮這些專業(yè)學(xué)生的計(jì)算機(jī)技能水平。本書(shū)的定位非常明確,就是適應(yīng)與這些專業(yè)學(xué)生,即初學(xué)者,同時(shí)也適應(yīng)于高職類學(xué)生。
本教材以網(wǎng)站設(shè)計(jì)與制作為主線,采用由淺入深、循序漸進(jìn)的方式,從基本概念、網(wǎng)站規(guī)劃與設(shè)計(jì)入手,逐步展示網(wǎng)頁(yè)制作與網(wǎng)站開(kāi)發(fā)的全過(guò)程,邏輯性強(qiáng),層次分明,加強(qiáng)對(duì)各章節(jié)中重點(diǎn)難點(diǎn)的講解;圖文并茂,展現(xiàn)網(wǎng)頁(yè)
本書(shū)采取理論與實(shí)踐一體化教學(xué)模式即,既知其一還要知其二,也就說(shuō)既要考慮軟件工具命令屬性講解,也要融合實(shí)例運(yùn)用操作,達(dá)到兩者有機(jī)融合。但現(xiàn)在有些網(wǎng)頁(yè)設(shè)計(jì)制作方面的教材,定位過(guò)泛,在廣度和深度上把握不是太好,有的書(shū)全部以實(shí)例方式進(jìn)行編寫,對(duì)有一定網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)的人來(lái)說(shuō),易學(xué)或許會(huì)有提高,但對(duì)于一個(gè)初學(xué)者來(lái)說(shuō),如果只學(xué)習(xí)這個(gè)例子的操作,換一個(gè)例子恐怕就不會(huì)幫相關(guān)的命令操作了。
本書(shū)定位為針對(duì)文科類以及非計(jì)算機(jī)類理工科專業(yè)的使用教材,因此考慮這些專業(yè)學(xué)生的計(jì)算機(jī)技能水平。本書(shū)的定位非常明確,就是適應(yīng)與這些專業(yè)學(xué)生,即初學(xué)者,同時(shí)也適應(yīng)于高職類學(xué)生。
本教材以網(wǎng)站設(shè)計(jì)與制作為主線,采用由淺入深、循序漸進(jìn)的方式,從基本概念、網(wǎng)站規(guī)劃與設(shè)計(jì)入手,逐步展示網(wǎng)頁(yè)制作與網(wǎng)站開(kāi)發(fā)的全過(guò)程,邏輯性強(qiáng),層次分明,加強(qiáng)對(duì)各章節(jié)中重點(diǎn)難點(diǎn)的講解;圖文并茂,展現(xiàn)網(wǎng)頁(yè)制作的獨(dú)特魅力,激發(fā)學(xué)習(xí)者的學(xué)習(xí)興趣,在講解中引用適合本章節(jié)的典型例子使內(nèi)容針對(duì)性更強(qiáng);以菜單操作式的Dreamweaver CS6為開(kāi)發(fā)工具,從實(shí)際應(yīng)用的角度出發(fā),系統(tǒng)地介紹網(wǎng)頁(yè)制作的相關(guān)技術(shù)。
注重實(shí)踐操作,除了講解命令功能時(shí)用到的小例子,每章還有專門的實(shí)例,除此之外,每章還有上機(jī)任務(wù)實(shí)踐操作,以便學(xué)習(xí)者能進(jìn)一步理解和鞏固所學(xué)知識(shí)。
本教材*后一章為某一完整網(wǎng)頁(yè)的設(shè)計(jì)案例,以引導(dǎo)和強(qiáng)化學(xué)習(xí)者的綜合運(yùn)用能力。
提供完整課件以及書(shū)中所用的素材資源。
雷偉軍,陜西西安人,畢業(yè)于西安電子科技大學(xué),軟件工程碩士,高級(jí)工程師、副教授(雙職稱,學(xué)校雙師型教師),西安市教育信息化專家委員會(huì)專家,美國(guó)英特爾·未來(lái)教育主講教師。
目 錄
第1章 網(wǎng)頁(yè)制作與HTML 5
基礎(chǔ)知識(shí) 1
1.1 網(wǎng)頁(yè)制作基礎(chǔ)知識(shí) 1
1.1.1 網(wǎng)頁(yè)的定義和分類 1
1.1.2 網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)概念 2
1.1.3 網(wǎng)頁(yè)的基本組成元素 4
1.1.4 網(wǎng)頁(yè)制作開(kāi)發(fā)工具 6
1.1.5 如何學(xué)好網(wǎng)頁(yè)制作 7
1.2 Dreamweaver CS6概述 8
1.2.1 啟動(dòng)與退出Dreamweaver CS6 8
1.2.2 Dreamweaver CS6的主界面 8
1.3 網(wǎng)頁(yè)標(biāo)準(zhǔn)技術(shù)與HTML 5 10
1.3.1 網(wǎng)頁(yè)結(jié)構(gòu)語(yǔ)言 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 用記事本編寫一個(gè)網(wǎng)頁(yè)文檔 22
1.4.2 用Dreamweaver CS6制作
網(wǎng)頁(yè)文檔 23
1.4.3 編寫代碼實(shí)現(xiàn)簡(jiǎn)單網(wǎng)頁(yè) 23
習(xí)題 24
第2章 網(wǎng)頁(yè)整體規(guī)劃設(shè)計(jì) 26
2.1 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ) 26
2.1.1 網(wǎng)頁(yè)布局類型 26
2.1.2 網(wǎng)頁(yè)整體造型 31
2.1.3 網(wǎng)頁(yè)設(shè)計(jì)要素 31
2.2 確定網(wǎng)站主題 32
2.2.1 網(wǎng)站的設(shè)計(jì)流程 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ǔ)知識(shí) 35
2.4.1 色彩理論 35
2.4.2 216網(wǎng)頁(yè)安全顏色 37
2.5 網(wǎng)站中的色彩應(yīng)用 38
2.5.1 網(wǎng)頁(yè)色彩規(guī)則 38
2.5.2 網(wǎng)頁(yè)元素之間色彩搭配 39
2.6 綜合案例:飾品銷售網(wǎng)站主頁(yè)整體
?設(shè)計(jì) 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)建我的第一個(gè)網(wǎng)站 47
習(xí)題 48
第4章 制作文本 50
4.1 創(chuàng)建文檔 50
4.1.1 新建文檔 50
4.1.2 保存文檔 51
4.1.3 打開(kāi)文檔 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 在頁(yè)面中添加其他元素 59
4.3 在文本中添加項(xiàng)目符號(hào)和編號(hào) 61
4.3.1 添加項(xiàng)目符號(hào)和編號(hào) 61
4.3.2 修改項(xiàng)目符號(hào)和編號(hào) 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)頁(yè)中常用的圖像格式 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)頁(yè)中插入圖像 71
5.2.2 設(shè)置圖像屬性 72
5.3 插入其他圖像元素 73
5.3.1 插入圖像占位符 73
5.3.2 插入鼠標(biāo)光標(biāo)經(jīng)過(guò)圖像 74
5.4 多媒體在網(wǎng)頁(yè)中的應(yīng)用 76
5.4.1 添加Flash動(dòng)畫對(duì)象 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)頁(yè)中插入Shockwave影片 81
5.4.6 在網(wǎng)頁(yè)中插入ActiveX控件 82
5.4.7 在網(wǎng)頁(yè)中插入插件 83
5.4.8 在網(wǎng)頁(yè)中插入背景音樂(lè) 84
5.5 綜合案例:多媒體制作 85
5.5.1 插入圖片 86
5.5.2 在網(wǎng)頁(yè)中添加音、視頻媒體 87
習(xí)題 89
第6章 網(wǎng)頁(yè)中的超鏈接 90
6.1 超鏈接概述 90
6.1.1 超鏈接的定義 90
6.1.2 超鏈接的類型 90
6.2 關(guān)于鏈接路徑 91
6.2.1 絕對(duì)路徑 92
6.2.2 相對(duì)路徑 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 自動(dòng)更新鏈接 106
6.5.2 在站點(diǎn)范圍內(nèi)更改鏈接 106
6.5.3 檢查站點(diǎn)中的鏈接錯(cuò)誤 107
6.6 綜合案例:創(chuàng)建我愛(ài)攝影網(wǎng) 108
習(xí)題 110
第7章 表格使用與簡(jiǎn)單頁(yè)面
布局 111
7.1 創(chuàng)建表格 111
7.1.1 插入表格 111
7.1.2 在表格中輸入網(wǎng)頁(yè)元素 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)頁(yè)中表格行與列的操作 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è)計(jì)
? 網(wǎng)頁(yè) 138
習(xí)題 140
第8章 設(shè)計(jì)框架網(wǎng)頁(yè) 141
8.1 框架網(wǎng)頁(yè) 141
8.1.1 框架網(wǎng)頁(yè)概述 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簡(jiǎn)介 160
9.1.2 CSS基本語(yǔ)法 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è)置文本對(duì)象樣式 172
9.3 修飾背景和邊框 173
9.3.1 背景顏色和背景圖像 173
9.3.2 設(shè)置邊框樣式 175
9.4 盒模型 176
9.4.1 盒模型簡(jiǎn)介 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)頁(yè)圖文混排
效果 184
9.6.2 使用CSS Div布局網(wǎng)頁(yè) 185
習(xí)題 187
第10章 使用行為 189
10.1 認(rèn)識(shí)行為 189
10.1.1 行為 189
10.1.2 事件 189
10.1.3 動(dòng)作 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 綜合案例:制作一個(gè)攝影
? 網(wǎng)站 198
習(xí)題 200
第11章 網(wǎng)頁(yè)交互和特效 201
11.1 網(wǎng)頁(yè)的交互行為 201
11.1.1 拖動(dòng)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è)表單的應(yīng)用 212
12.1 網(wǎng)頁(yè)中的表單知識(shí) 212
12.1.1 網(wǎng)頁(yè)中表單概述 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 插入單個(gè)單選按鈕 218
12.3.2 插入單選按鈕組 219
12.4 插入復(fù)選框和復(fù)選框組 220
12.4.1 插入單個(gè)復(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è)計(jì)與制作
實(shí)例 237
13.1 班級(jí)網(wǎng)站的規(guī)劃與設(shè)計(jì) 237
13.1.1 網(wǎng)站定位 237
13.1.2 網(wǎng)站需求分析 237
13.1.3 欄目設(shè)計(jì) 238
13.1.4 站點(diǎn)定義與目錄管理 238
13.1.5 班級(jí)網(wǎng)站的風(fēng)格設(shè)計(jì) 238
13.2 網(wǎng)頁(yè)設(shè)計(jì)與制作 239
13.2.1 頁(yè)面布局 239
13.2.2 制作網(wǎng)站首頁(yè) 241
13.2.3 二級(jí)頁(yè)面的制作 250
13.2.4 內(nèi)容頁(yè)面的制作 252
習(xí)題 252