免費咨詢熱線
400-615-1233
工作時間-工作日
8:30-17:30
3立封
3平封

網頁設計與制作（第3版）

“十四五”職業教育國家規劃教材
  • 類　　別：計算機系列
  • 書　　名：網頁設計與制作（第3版）
  • 主　　編：李京文
  • 定　　價：75
  • 開　　本：16開
  • 印刷方式：黑白
  • 頁　　數：404
  • 時　　間：2024年4月
  • 出  版  社：安徽大學出版社
  • 書　　號：978-7-5664-2808-0

內容摘要

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

目錄

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

主編信息

李京文，安徽職業技術學院教授，安徽省教學名師，省級專業帶頭人；主持省級教科研項目10余項，發表論文10余篇，主編“十四五”職業教育國家規劃教材2種、省級規劃教材3種，申請軟件著作權3項，曾榮獲“全國優秀教師”“安徽省優秀教育工作者”，獲省級教學成果獎8項。

相關圖書

  • 網頁設計與制作項目化教程

    主編：盧彩虹 車玉生 王洪巖

     本書堅持以習近平新時代中國特色社會主義思想為指導，全面貫徹落實《國家職業教育改革實施方案》文件精神，以編一本好教材為出發點

    ￥59.9

  • HTML5網頁設計（第2版）

    主編：李強

     本教材適應國家職業教育教學改革要求，以適應新一代信息技術產業發展需求，對標信息技術企業的人才需求標準，實現企業真實項目案例

    ￥45

  • 網頁設計與制作（第2版）

    主編：李京文

     本書內容包含網頁設計基礎知識、HTML5、CSS樣式、JavaScript腳本語言和綜合案例5個部分。其中，網頁設計基礎知識包含2講，主要介紹

    ￥69

  • 響應式網頁開發實戰

    主編：陳莉莉 李玉君

     本書包含HTML5、jQuery Mobile、Bootstrap三部分內容，在比較移動Web開發和PC端Web開發異同點的基礎上，介紹HTML5中針對移動網頁

    ￥48

  • HTML5網頁設計

    主編：李強

     本書從實際的應用場景出發，通過具體實例介紹了語義性、本地存儲、設備訪問、連接性、多媒體、平面和三維效果、性能和集成、CSS3這

    ￥45

  • 網頁設計與制作案例教程（HTML5+CSS3+Dreamweaver CC 2017）

    主編：馬濤 王然 彭芳

     本書使用Dreamweaver CC 2017工具、HTML5和CSS3 Web技術標準設計與制作網頁，以真實網站制作案例組織全書內容，包括網站開發入門

    ￥45

  • 基于Web標準的網頁設計

    主編：孫俊琳

     本教材使用案例班級網站貫穿全書，從案例引入，根據案例需求進行知識講解，由淺入深地逐步增加難度和復雜度。通過講解Web前端設計涉

    ￥58

  • 網頁設計與制作任務驅動教程

    主編：何芳

    　　本書采用任務驅動模式編寫，以一個完整的實例貫穿各個模塊，每個模塊設有明確的知識目標和能力目標。結合兩大目標劃分具體任務，按照“

    ￥39.8