網頁設計與製作（活頁式）

《網頁設計與製作（活頁式）》是電子工業出版社出版的圖書，作者是劉磊。

基本介紹

• 中文名：網頁設計與製作（活頁式） 
• 作者：劉磊
• 出版時間：2023年8月
• 出版社：電子工業出版社
• 頁數：184 頁
• 字數：297千字
• ISBN：9787121462115
• 開本：16 開

內容簡介

“網頁設計與製作”是一門專業必修課，以培養學生的網頁設計與製作能力為出發點，本書參考《Web前端開發》職業技能證書標準，對接1+X Web前端開發等級考試和Web前端開發崗位需求，重構課程內容，以學習導航為點、學習環節為線、思政案例為面，介紹使用HTML、CSS及JavaScript進行網頁設計與製作的一般技巧。全書共十一個情境，從邏輯上可分為三大部分，前五個情境為第一篇基礎篇，主要介紹網頁中的主要組成元素—文本、圖片、表格和超連結等知識；情境六至情境九為第二篇進階篇，主要介紹模板、表單、CSS、JavaScript等知識；最後兩個情境為第三篇套用篇，主要從實際套用的角度出發，綜合前面所學的知識進行綜合網站的實現、測試及發布。本書以實用為基本出發點，不僅包括各種網頁設計與製作的基礎理論，還強調了它們的具體套用，使讀者既能打下堅實的理論基礎，又能掌握實際的操作技能。本書內容經過了長期的教學檢驗，證明是符合當下職業教育發展要求的。本書可作為高職院校、成人高校和培訓班的“網頁設計與製作”“Web前端開發”等課程的教材或參考書，也適合廣大網頁製作愛好者或相關從業人員使用。

圖書目錄

第一篇　基礎篇

情境一　網頁設計與製作概述 3

【學習導航】 3

1　製作第一個網頁 3

2　職業技能與知識點要求 3

3　素質目標 3

【學習環節】 3

1　學習路線 3

2　知識小天地 4

2.1　認識網頁 4

2.2　網頁概念 4

2.3　靜態網頁和動態網頁 5

2.4　Web伺服器和客戶端 5

2.5　統一資源定位器（URL） 6

2.6　網頁製作的基本技術 6

2.7　常見網頁製作工具 7

【考核評價】 12

【同步技能考點測試】 12

【課後拓展】 12

情境二　製作純文本網頁 13

【學習導航】 13

1　製作革命根據地網頁 13

2　職業技能與知識點要求 13

3　素質目標 13

【學習環節】 13

1　學習路線 13

2　知識小天地 14

2.1　HTML發展歷程 14

2.2　HTML特點 14

2.3　＜!DOCTYPE＞標記 15

2.4　＜html＞＜/html＞標記 15

2.5　＜head＞＜/head＞標記 15

2.6　＜meta /＞標記—設定編碼格式 15

2.7　＜meta /＞標記—設定網頁描述 15

2.8　＜meta /＞標記—設定作者信息 16

2.9　＜meta /＞標記—設定頁面自動刷新和跳轉 16

2.10　＜title＞＜/title＞標記 16

2.11　＜link /＞標記 16

2.12　＜script＞＜/script＞標記 17

2.13　＜body＞＜/body＞標記 17

2.14　＜hn＞＜/hn＞標題標記 17

2.15　＜p＞＜/p＞段落標記 18

2.16　＜hr /＞水平線標記 19

2.17　＜br /＞換行標記 19

2.18　＜font＞＜/font＞字型標記 20

2.19　字型樣式標記 21

【考核評價】 24

【同步技能考點測試】 25

【課後拓展】 25

情境三　製作圖文混排網頁 26

【學習導航】 26

1　製作中國古代科技文化成就介紹網頁 26

2　職業技能與知識點要求 26

3　素質目標 26

【學習環節】 26

1　學習路線 26

2　知識小天地 27

2.1　無序列表 27

2.2　有序列表 28

2.3　自定義列表 29

2.4　常用圖片格式 30

2.5　＜img＞圖片標記 31

2.6　圖片路徑的表示方法 33

【考核評價】 39

【同步技能考點測試】 40

【課後拓展】 40

情境四　製作表格布局的網頁 41

【學習導航】 41

1　製作歷史人物故事網頁 41

2　職業技能與知識點要求 41

3　素質目標 41

【學習環節】 41

1　學習路線 41

2　知識小天地 42

2.1　表格標記 42

2.2　合併單元格 45

【考核評價】 51

【同步技能考點測試】 52

【課後拓展】 52

情境五　製作包含超連結的網頁 53

【學習導航】 53

1　綠水青山網站的設計與製作 53

2　職業技能與知識點要求 53

3　素質目標 53

【學習環節】 54

1　學習路線 54

2　學習小天地 54

2.1　超連結的定義 54

2.2　超連結的分類 54

2.3　文本超連結 54

2.4　圖像超連結 55

2.5　錨點超連結 57

【考核評價】 65

【同步技能考點測試】 65

【課後拓展】 65

第二篇　進階篇

情境六　使用模板製作網頁 69

【學習導航】 69

1　書籍網頁的設計與製作 69

2　職業技能與知識點要求 69

3　素質目標 69

【學習環節】 69

1　學習路線 69

2　知識小天地 70

2.1　新建模板 70

2.2　管理模板 72

【考核評價】 78

【同步技能考點測試】 78

【課後拓展】 78

情境七　製作註冊網頁 79

【學習導航】 79

1　個人信息註冊網頁製作 79

2　職業技能與知識點要求 79

3　素質目標 79

【學習環節】 79

1　學習路線 79

2　知識小天地 80

2.1　表單的作用 80

2.2　表單標記 80

【考核評價】 88

【同步技能考點測試】 89

【課後拓展】 89

情境八　使用CSS美化網頁 90

【學習導航】 90

1　中國航天成就網頁的設計與製作 90

2　職業技能與知識點要求 90

3　素質目標 90

【學習環節】 91

1　學習路線 91

2　知識小天地 91

2.1　什麼是CSS 91

2.2　CSS的引入方式 91

2.3　CSS的兩個特性 92

2.4　CSS的基本語法 93

2.5　CSS選擇器的分類 93

2.6　CSS的屬性 98

【考核評價】 121

【同步技能考點測試】 121

【課後拓展】 121

情境九　使用JavaScript製作互動式註冊頁面 122

【學習導航】 122

1　互動式註冊頁面的設計與製作 122

2　職業技能與知識點要求 122

3　素質目標 122

【學習環節】 122

1　學習路線 122

2　知識小天地 123

2.1　JavaScript的組成 123

2.2　JavaScript的引用 124

2.3　JavaScript的語法 124

2.4　JavaScript的關鍵字 125

2.5　JavaScript的變數、數據類型和聲明 125

2.6　JavaScript的標識符 125

2.7　JavaScript的全局屬性 126

2.8　JavaScript的運算符 126

2.9　JavaScript的分支循環 128

2.10　JavaScript的數組 130

2.11　JavaScript的字元串 132

2.12　JavaScript的正則表達式 133

2.13　JavaScript的函式 136

2.14　BOM對象 137

2.15　DOM對象 140

2.16　JavaScript的事件 142

【考核評價】 149

【同步技能考點測試】 150

【課後拓展】 150

第三篇　套用篇

情境十　綜合網站規劃與設計 153

【學習導航】 153

1　學習網站的規劃與設計 153

2　職業技能與知識點要求 153

3　素質目標 153

【學習環節】 153

1　學習路線 153

2　知識小天地 154

2.1　網站設計與製作流程 154

2.2　定位網站主題 154

2.3　收集網站素材 155

2.4　設計網站導航選單 155

2.5　設計網站LOGO 155

2.6　設計網站布局和風格 156

【考核評價】 161

【同步技能考點測試】 162

【課後拓展】 162

情境十一　綜合網站的實現、測試與發布 163

【學習導航】 163

1　學習網站的實現、測試與發布 163

2　職業技能與知識點要求 163

3　素質目標 163

【學習環節】 163

1　學習路線 163

2　知識小天地 164

2.1　檔案命名規範 164

2.2　HTML規範 165

2.3　CSS代碼規範 165

2.4　JavaScript代碼規範 165

2.5　在網頁中插入視頻 165

2.6　網站的測試 166

2.7　網站的發布 167

【考核評價】 174

【同步技能考點測試】 174

【課後拓展】 175