QQ在線客服
免費(fèi)咨詢熱線
400-615-1233
工作時(shí)間-工作日
8:30-17:30
3立封
3平封

網(wǎng)頁(yè)設(shè)計(jì)與制作（第3版）

“十四五”職業(yè)教育國(guó)家規(guī)劃教材
  • 類　　別：計(jì)算機(jī)系列
  • 書　　名：網(wǎng)頁(yè)設(shè)計(jì)與制作（第3版）
  • 主　　編：李京文
  • 定　　價(jià)：75
  • 開　　本：16開
  • 印刷方式：黑白
  • 頁(yè)　　數(shù)：404
  • 時(shí)　　間：2024年4月
  • 出  版  社：安徽大學(xué)出版社
  • 書　　號(hào)：978-7-5664-2808-0

內(nèi)容摘要

        本書是首批“十四五”職業(yè)教育國(guó)家規(guī)劃教材，主要介紹網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、HTML5、CSS樣式、JavaScript腳本語(yǔ)言和綜合案例等。本次修訂通過(guò)案例、思政小課堂進(jìn)一步將黨的二十大精神融入教材中；進(jìn)一步完善教材的體例和結(jié)構(gòu)，增加對(duì)支持HTML5的網(wǎng)頁(yè)開發(fā)工具的講解；加強(qiáng)對(duì)JavaScript中瀏覽器對(duì)象模型的介紹；更新相關(guān)課程案例。本書內(nèi)容通俗易懂、簡(jiǎn)明扼要、圖文并茂、實(shí)踐性和操作性強(qiáng)，并配備豐富的例題、習(xí)題、操作題、視頻講解、教案、PPT等電子資源，既可作為高等院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)用書，也可作為培訓(xùn)教材使用。

目錄

模塊1  網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)
第1講  從零開始認(rèn)識(shí)網(wǎng)頁(yè)——網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)  3
1.1  Internet基礎(chǔ)  4
1.1.1  Internet概述  4
1.1.2  WWW  4
1.2  網(wǎng)頁(yè)和網(wǎng)站概述  5
1.2.1  網(wǎng)頁(yè)  5
1.2.2  網(wǎng)站  6
1.2.3  構(gòu)成要素  7
1.2.4  開發(fā)環(huán)境  8
1.2.5  核心技術(shù)  8
1.3  網(wǎng)頁(yè)設(shè)計(jì)原則  10
1.3.1  以用戶為中心，簡(jiǎn)潔易操作  10
1.3.2  配色原則  10
1.3.3  布局原則  11
1.4  網(wǎng)頁(yè)設(shè)計(jì)規(guī)范  12
1.4.1  尺寸規(guī)范  12
1.4.2  文字規(guī)范  14
1.5  網(wǎng)站規(guī)劃與設(shè)計(jì)  14
1.5.1  明確主題  14
1.5.2  調(diào)查分析  14
1.5.3  整體規(guī)劃  14
1.5.4  設(shè)計(jì)與實(shí)現(xiàn)  14
1.5.5  測(cè)試與發(fā)布  15
總結(jié)  15
習(xí)題1  15
第2講  走進(jìn)熱門開發(fā)工具——Dreamweaver與HBuilder X  16
2.1  Dreamweaver  17
2.1.1  知識(shí)解析  17
2.1.2  知識(shí)應(yīng)用  26
2.2  HBuilder X  28
2.2.1  知識(shí)解析  28
2.2.2  知識(shí)應(yīng)用  31
總結(jié)  33
習(xí)題2  33
思政小課堂  34
 
模塊2  HTML5
第3講  開啟網(wǎng)頁(yè)設(shè)計(jì)語(yǔ)言大門——HTML537
3.1  HTML和HTML5  38
3.1.1  HTML簡(jiǎn)述  38
3.1.2  HTML5簡(jiǎn)述  38
3.2  HTML5文檔格式  39
3.2.1  知識(shí)解析  39
3.2.2  知識(shí)應(yīng)用  39
3.3  文本標(biāo)記  43
3.3.1  知識(shí)解析  43
3.3.2  知識(shí)應(yīng)用  43
總結(jié)  48
習(xí)題3  48
綜合實(shí)訓(xùn)  49
上機(jī)練習(xí)  50
思政小課堂  50
第4講  網(wǎng)頁(yè)上的珍珠——圖像與超鏈接  52
4.1  圖像標(biāo)記  53
4.1.1  知識(shí)解析  53
4.1.2  知識(shí)應(yīng)用  53
4.2  超鏈接  57
4.2.1  知識(shí)解析  57
4.2.2  知識(shí)應(yīng)用  58
總結(jié)  59
習(xí)題4  59
綜合實(shí)訓(xùn)  60
上機(jī)練習(xí)  62
思政小課堂  62
第5講  讓我們來(lái)排排序——表格與列表  64
5.1  表格  65
5.1.1  知識(shí)解析  65
5.1.2  知識(shí)應(yīng)用  65
5.2  列表標(biāo)記  69
5.2.1  知識(shí)解析  69
5.2.2  知識(shí)應(yīng)用  69
總結(jié)  72
習(xí)題5  72
綜合實(shí)訓(xùn)  72
上機(jī)練習(xí)  76
思政小課堂  76
第6講  瀏覽器與服務(wù)器“溝通”的橋梁——表單  78
6.1  知識(shí)解析  79
6.2  知識(shí)應(yīng)用  79
6.2.1  創(chuàng)建表單  79
6.2.2  表單屬性  80
6.2.3  input元素及其屬性  82
6.2.4  其他表單元素  93
總結(jié)  97
習(xí)題6  97
綜合實(shí)訓(xùn)  98
上機(jī)練習(xí)  101
思政小課堂  101
第7講  HTML5元素家族又添新成員——HTML5新增元素  102
7.1  結(jié)構(gòu)性元素  103
7.1.1  知識(shí)解析  105
7.1.2  知識(shí)應(yīng)用  105
7.2  級(jí)塊性元素  113
7.2.1  知識(shí)解析  113
7.2.2  知識(shí)應(yīng)用  113
7.3  行內(nèi)語(yǔ)義性元素  116
7.3.1  知識(shí)解析  116
7.3.2  知識(shí)應(yīng)用  117
7.4  交互性元素  121
7.4.1  知識(shí)解析  122
7.4.2  知識(shí)應(yīng)用  122
7.5  多媒體元素  125
7.5.1  知識(shí)解析  125
7.5.2  知識(shí)應(yīng)用  127
7.6  使用canvas圖形繪制元素  129
7.6.1  知識(shí)解析  129
7.6.2  知識(shí)應(yīng)用  130
總結(jié)  140
習(xí)題7  140
綜合實(shí)訓(xùn)  141
上機(jī)練習(xí)  147
思政小課堂  148
 
模塊3  CSS樣式
第8講  結(jié)構(gòu)與表現(xiàn)的分離——CSS基礎(chǔ)  151
8.1  認(rèn)識(shí)CSS  152
8.1.1  知識(shí)解析  152
8.1.2  知識(shí)應(yīng)用  152
8.2  CSS引入方式  153
8.2.1  知識(shí)解析  153
8.2.2  知識(shí)應(yīng)用  157
8.3  CSS選擇器  164
8.3.1  知識(shí)解析  164
8.3.2  知識(shí)應(yīng)用  164
總結(jié)  173
習(xí)題8  173
綜合實(shí)訓(xùn)  174
上機(jī)練習(xí)  178
思政小課堂  179
第9講  網(wǎng)頁(yè)設(shè)計(jì)魔法師——使用CSS設(shè)置頁(yè)面元素  180
9.1  文本樣式  181
9.1.1  知識(shí)解析  181
9.1.2  知識(shí)應(yīng)用  190
9.2  背景樣式  193
9.2.1  知識(shí)解析  193
9.2.2  知識(shí)應(yīng)用  199
9.3  超鏈接和列表  201
9.3.1  知識(shí)解析  201
9.3.2  知識(shí)應(yīng)用  202
總結(jié)  209
習(xí)題9  210
綜合實(shí)訓(xùn)  211
上機(jī)練習(xí)  217
思政小課堂  218
第10講  百變盒子——CSS盒子模型  219
10.1  盒子模型概述  220
10.1.1  知識(shí)解析  220
10.1.2  知識(shí)應(yīng)用  221
10.2  盒子模型相關(guān)屬性  222
10.2.1  知識(shí)解析  222
10.2.2  知識(shí)應(yīng)用  223
10.3  元素類型與轉(zhuǎn)換  238
10.3.1  知識(shí)解析  238
10.3.2  知識(shí)應(yīng)用  239
總結(jié)  241
習(xí)題10  242
綜合實(shí)訓(xùn)  244
上機(jī)練習(xí)  247
思政小課堂  249
第11講  去你想去的地方——浮動(dòng)與定位  250
11.1  元素的浮動(dòng)  251
11.1.1  知識(shí)解析  251
11.1.2  知識(shí)應(yīng)用  259
11.2  清除浮動(dòng)  262
11.2.1  知識(shí)解析  262
11.2.2  知識(shí)應(yīng)用  265
11.3  元素的定位  268
11.3.1  知識(shí)解析  268
11.3.2  知識(shí)應(yīng)用  276
總結(jié)  278
習(xí)題11  278
綜合實(shí)訓(xùn)  279
上機(jī)練習(xí)  287
思政小課堂  288
 
模塊4  JavaScript腳本語(yǔ)言
第12講  最受歡迎的網(wǎng)頁(yè)腳本語(yǔ)言——JavaScript  291
12.1  認(rèn)識(shí)JavaScript  292
12.1.1  知識(shí)解析  292
12.1.2  知識(shí)應(yīng)用  292
12.2  JavaScript基本語(yǔ)法  294
12.2.1  知識(shí)解析  294
12.2.2  知識(shí)應(yīng)用  294
12.3  JavaScript內(nèi)置對(duì)象選擇器  300
12.3.1  知識(shí)解析  300
12.3.2  知識(shí)應(yīng)用  300
12.4  JavaScript函數(shù)  304
12.4.1  知識(shí)解析  304
12.4.2  知識(shí)應(yīng)用  304
12.5  BOM編程  306
12.5.1  知識(shí)解析  306
12.5.2  知識(shí)應(yīng)用  306
12.6  DOM編程  311
12.6.1  知識(shí)解析  311
12.6.2  知識(shí)應(yīng)用  311
12.7  JavaScript事件處理  315
12.7.1  知識(shí)解析  315
12.7.2  知識(shí)應(yīng)用  315
12.8  綜合案例：使用JavaScript進(jìn)行客戶端編程  320
總結(jié)  323
習(xí)題12  323
綜合實(shí)訓(xùn)  324
上機(jī)練習(xí)  326
思政小課堂  326
第13講  讓你的網(wǎng)頁(yè)酷起來(lái)——JavaScript特效  328
13.1  制作網(wǎng)頁(yè)常用的JavaScript特效  329
13.1.1  知識(shí)解析  329
13.1.2  知識(shí)應(yīng)用  332
13.2  綜合案例：JavaScript圖片放大鏡功能實(shí)現(xiàn)  340
總結(jié)  342
習(xí)題13  343
綜合實(shí)訓(xùn)  343
上機(jī)練習(xí)  347
思政小課堂  347
 
模塊5  綜合案例
第14講  動(dòng)動(dòng)手做一個(gè)網(wǎng)站吧——綜合案例  351
14.1  案例分析  352
14.2  制作步驟  352
總結(jié)  367
習(xí)題14  367
上機(jī)練習(xí)  368
第15講  動(dòng)動(dòng)手讓網(wǎng)站上線吧——網(wǎng)站的發(fā)布與維護(hù)  370
15.1  站點(diǎn)測(cè)試  371
15.1.1  功能測(cè)試  371
15.1.2  瀏覽器兼容性測(cè)試  372
15.1.3  超鏈接測(cè)試  372
15.1.4  站點(diǎn)報(bào)告  373
15.1.5  清理文檔  373
15.2網(wǎng)站發(fā)布  375
15.2.1  利用Dreamweaver上傳  375
15.2.2  利用上傳工具上傳  377
15.3  網(wǎng)站的推廣  379
15.4  網(wǎng)站的運(yùn)營(yíng)與維護(hù)  380
15.4.1  網(wǎng)站的運(yùn)營(yíng)  380
15.4.2  網(wǎng)站的維護(hù)  381
15.5  網(wǎng)站安全管理  382
15.5.1  服務(wù)器安全管理  382
15.5.2  FTP密碼的安全保護(hù)  382
15.5.3  網(wǎng)站程序的安全管理  383
15.5.4  數(shù)據(jù)的安全管理  383
總結(jié)  384
習(xí)題15  384
綜合實(shí)訓(xùn)  384
上機(jī)練習(xí)  384
思政小課堂  387
 
參考文獻(xiàn)  389

主編信息

李京文，安徽職業(yè)技術(shù)學(xué)院教授，安徽省教學(xué)名師，省級(jí)專業(yè)帶頭人；主持省級(jí)教科研項(xiàng)目10余項(xiàng)，發(fā)表論文10余篇，主編“十四五”職業(yè)教育國(guó)家規(guī)劃教材2種、省級(jí)規(guī)劃教材3種，申請(qǐng)軟件著作權(quán)3項(xiàng)，曾榮獲“全國(guó)優(yōu)秀教師”“安徽省優(yōu)秀教育工作者”，獲省級(jí)教學(xué)成果獎(jiǎng)8項(xiàng)。

相關(guān)圖書

  • HTML5網(wǎng)頁(yè)設(shè)計(jì)（第2版）

    主編：李強(qiáng)

    本教材適應(yīng)國(guó)家職業(yè)教育教學(xué)改革要求，以適應(yīng)新一代信息技術(shù)產(chǎn)業(yè)發(fā)展需求，對(duì)標(biāo)信息技術(shù)企業(yè)的人才需求標(biāo)準(zhǔn)，實(shí)現(xiàn)企業(yè)真實(shí)項(xiàng)目案例

    ￥45

  • 網(wǎng)頁(yè)設(shè)計(jì)與制作（第2版）

    主編：李京文

    本書內(nèi)容包含網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、HTML5、CSS樣式、JavaScript腳本語(yǔ)言和綜合案例5個(gè)部分。其中，網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)包含2講，主要介紹

    ￥69

  • 響應(yīng)式網(wǎng)頁(yè)開發(fā)實(shí)戰(zhàn)

    主編：陳莉莉 李玉君

    本書包含HTML5、jQuery Mobile、Bootstrap三部分內(nèi)容，在比較移動(dòng)Web開發(fā)和PC端Web開發(fā)異同點(diǎn)的基礎(chǔ)上，介紹HTML5中針對(duì)移動(dòng)網(wǎng)頁(yè)

    ￥48

  • HTML5網(wǎng)頁(yè)設(shè)計(jì)

    主編：李強(qiáng)

    本書從實(shí)際的應(yīng)用場(chǎng)景出發(fā)，通過(guò)具體實(shí)例介紹了語(yǔ)義性、本地存儲(chǔ)、設(shè)備訪問(wèn)、連接性、多媒體、平面和三維效果、性能和集成、CSS3這

    ￥45

  • 網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程（HTML5+CSS3+Dreamweaver CC 2017）

    主編：馬濤 王然 彭芳

    本書使用Dreamweaver CC 2017工具、HTML5和CSS3 Web技術(shù)標(biāo)準(zhǔn)設(shè)計(jì)與制作網(wǎng)頁(yè)，以真實(shí)網(wǎng)站制作案例組織全書內(nèi)容，包括網(wǎng)站開發(fā)入門

    ￥45

  • 基于Web標(biāo)準(zhǔn)的網(wǎng)頁(yè)設(shè)計(jì)

    主編：孫俊琳

    本教材使用案例班級(jí)網(wǎng)站貫穿全書，從案例引入，根據(jù)案例需求進(jìn)行知識(shí)講解，由淺入深地逐步增加難度和復(fù)雜度。通過(guò)講解Web前端設(shè)計(jì)涉

    ￥58

  • 網(wǎng)頁(yè)設(shè)計(jì)與制作任務(wù)驅(qū)動(dòng)教程

    主編：何芳

    　　本書采用任務(wù)驅(qū)動(dòng)模式編寫，以一個(gè)完整的實(shí)例貫穿各個(gè)模塊，每個(gè)模塊設(shè)有明確的知識(shí)目標(biāo)和能力目標(biāo)。結(jié)合兩大目標(biāo)劃分具體任務(wù)，按照“

    ￥39.8