HTML5與CSS3程序設計
李洪建，游學軍
商品描述
本書按照Web前端工程師崗位技能要求，以真實項目組織內容，由淺入深地講解瞭如何利用HTML5和CSS3等網頁製作技術製作網站。本書共分為7個項目，項目1為Web前端基礎的相關介紹；項目2和項目3包含HTML和CSS的基礎知識、常用標簽、CSS基礎語法及選擇器等內容；項目4和項目5介紹了HTML5語義化標簽、CSS3的新特性等；項目6主要介紹JavaScript編程基礎等；項目7為綜合實踐。全書以任務為導向，通過多個項目將知識點貫穿起來，並輔以實例，以此激發讀者的學習興趣。
本書可作為高等職業院校電腦相關專業的教材，也可作為電腦行業相關從業人員的自學參考書。
作者簡介
李洪建
副教授，山東省高等學校教師，國家技能鑒定高級考評員、全國高職電腦基礎學會電子信息委員、山東省電腦職業教育教學指導委員會委員、山東省物聯網職業教育集團副秘書長。近五年，獲國家教學成果獎二等獎1項，省教學成果獎特等獎1項、一等獎2項，山東省教育科學研究優秀成果二等獎1項，指導學生獲國賽一等獎2項，主持省教改、省軟科學、省高校科技（人文）等課題7項，授權實用新型專利2項，軟件著作權2個。
游學軍
碩士，畢業於南京郵電大學，現任職於江蘇海事職業技術學院信息工程學院，主要研究方向為軟件開發，一直承擔Java開發、前端開發相關核心課程的教學工作。擔任過移動互聯網應用軟件開發、Web應用開發等全國職業院校技能大賽賽項裁判員，指導學生參加江蘇省職業院校技能大賽獲得一等獎、指導學生參加全國藍橋杯軟件大賽獲得二等獎，指導學生參加中國軟件杯大賽獲得三等獎等。主持完成江蘇省教育技術研究重點課題2項，參與多項省級課題的研究。
李真
碩士研究生，山東科技職業學院信息工程系中級講師，從教8年，所建課程入選2017年度、2019年度、2020年度“山東終身學習在線”資源庫課程，其中2019年度課程被評選為“山東省優秀課程資源”.曾獲山東省第六屆“超星杯”青年教師教學能力大賽二等獎，第八屆“超星杯”青年教師教學能力大賽三等獎等等。
劉輝
電腦軟件技術專業副教授。2017年獲遼寧省信息技術優秀科研成果二等獎、遼寧省職業院校技能大賽（高職組）軟件測試賽項一等獎。參編電腦專業教材3本。
朱曉彥
安徽工業經濟職業技術學院電腦與藝術學院副院長，具有美國紅帽認證工程師、虛擬化工程師、微軟認證專家、中國開源推進聯盟Linux認證講師、南京五十五所雲計算金牌講師、工信部雲計算工程師等認證資格。2020年榮獲省級技術技能大師稱號，並設立技術技能大師工作室；2014年榮獲安徽省教育廳省級教壇新秀稱號，並於2013年獲得美國紅帽軟件公司頒發的中國區優秀教育貢獻獎；獲得教科研獎勵多項。長期擔任安徽省職業技能大賽中職組企業網搭建與應用項目裁判長，並擔任安徽省中小學現代教育技術裝備技能大賽專家裁判。
目錄大綱
目錄
項目1 Web前端基礎 1
任務1 認識Web前端 1
1.1.1 Web前端發展歷史和前端主要技術簡介 1
1.1.2 Web前端學習路線 2
任務2 開發準備 3
1.2.1 主流瀏覽器 3
1.2.2 開發工具 3
小 結 6
習 題 6
項目2 HTML快速入門 8
任務1 我的第 一個頁面 8
2.1.1 案例描述 8
2.1.2 知識儲備 9
2.1.3 需求分析 13
2.1.4 案例實施 14
任務2 每日新聞列表 15
2.2.1 案例描述 15
2.2.2 知識儲備 15
2.2.3 需求分析 22
2.2.4 案例實施 22
任務3 課程信息表 24
2.3.1 案例描述 24
2.3.2 知識儲備 25
2.3.3 需求分析 27
2.3.4 案例實施 28
任務4 校園調查表 29
2.4.1 案例描述 29
2.4.2 知識儲備 30
2.4.3 需求分析 35
2.4.4 案例實施 35
任務5 項目實戰——網站登錄頁 37
2.5.1 案例描述 37
2.5.2 效果展示 37
2.5.3 需求分析 37
2.5.4 案例實施 38
小 結 39
習 題 39
項目3 CSS（層迭樣式表） 41
任務1 新聞詳情頁製作 41
3.1.1 案例描述 41
3.1.2 知識儲備 41
3.1.3 需求分析 65
3.1.4 案例實施 66
任務2 個人相冊製作 70
3.2.1 案例描述 70
3.2.2 知識儲備 71
3.2.3 需求分析 77
3.2.4 案例實施 77
任務3 商城列表佈局 79
3.3.1 案例描述 79
3.3.2 知識儲備 80
3.3.3 需求分析 83
3.3.4 案例實施 83
任務4 常見網站側邊導航欄的製作 88
3.4.1 案例描述 88
3.4.2 知識儲備 89
3.4.3 需求分析 91
3.4.4 案例實施 91
任務5 項目實戰——商城首頁製作 95
3.5.1 案例描述 95
3.5.2 需求分析 96
3.5.3 案例實施 97
小 結 104
習 題 104
項目4 HTML5構建網站 106
任務1 視頻/音頻展示網 106
4.1.1 案例描述 106
4.1.2 知識儲備 107
4.1.3 需求分析 110
4.1.4 案例實施 110
任務2 員工入職信息錄入 113
4.2.1 案例描述 113
4.2.2 知識儲備 114
4.2.3 需求分析 116
4.2.4 案例實施 117
任務3 項目實戰——學校網站 123
4.3.1 案例描述 123
4.3.2 需求分析 124
4.3.3 案例實施 125
小 結 133
習 題 133
項目5 CSS3新特性 135
任務1 照片牆 135
5.1.1 案例描述 135
5.1.2 知識儲備 136
5.1.3 需求分析 139
5.1.4 案例實施 140
任務2 旅游網首頁（響應式） 142
5.2.1 案例描述 142
5.2.2 知識儲備 144
5.2.3 需求分析 146
5.2.4 案例實施 147
任務3 個人相冊 157
5.3.1 案例描述 157
5.3.2 知識儲備 157
5.3.3 需求分析 159
5.3.4 案例實施 160
任務4 暴怒的小豬 162
5.4.1 案例描述 162
5.4.2 知識儲備 162
5.4.3 需求分析 164
5.4.4 案例實施 164
任務5 3D相冊環 168
5.5.1 案例描述 168
5.5.2 知識儲備 168
5.5.3 需求分析 169
5.5.4 案例實施 169
任務6 項目實戰——藝展網站 172
5.6.1 案例描述 172
5.6.2 效果展示 172
5.6.3 需求分析 172
5.6.4 案例實施 173
小 結 181
習 題 181
項目6 JavaScript編程基礎 183
任務1 抽獎活動 183
6.1.1 案例描述 183
6.1.2 知識儲備 184
6.1.3 需求分析 189
6.1.4 案例實施 189
任務2 公司數據加密 192
6.2.1 案例描述 192
6.2.2 知識儲備 192
6.2.3 需求分析 195
6.2.4 案例實施 195
任務3 找色塊游戲 196
6.3.1 案例描述 196
6.3.2 知識儲備 196
6.3.3 需求分析 198
6.3.4 案例實施 198
任務4 用戶信息錄入 200
6.4.1 案例描述 200
6.4.2 知識儲備 201
6.4.3 需求分析 204
6.4.4 案例實施 204
任務5 項目實戰——寵物世界網站 209
6.5.1 案例描述 209
6.5.2 需求分析 209
6.5.3 案例實施 209
小 結 220
習 題 220
項目7 綜合項目——環保網站 222
7.1 項目介紹 222
7.2 需求分析 222
7.3 頁面設計 224
7.4 項目實施 224
