本書分為技能知識篇和綜合項目實戰(zhàn)篇,共10個項目。項目一至項目九為技能知識篇,主要介紹HTML5 CSS3 Javascript前端技術基礎知識,具體包括初識HTML5、網(wǎng)站搭建與管理、構建HTML5網(wǎng)頁文件、CSS3新樣式修飾網(wǎng)頁、盒子模型、元素的浮動與定位、網(wǎng)頁布局技術、網(wǎng)頁表單的應用、跨平臺響應式技術。項目涉及的主要知識點和技能點包括:網(wǎng)站開發(fā)環(huán)境的選取和配置、常見標記和樣式屬性的使用、 CSS和各種選擇器的使用、DIV CSS 頁面布局的用法、網(wǎng)格布局和彈性盒布局的使用、各類導航菜單的制作、表格及表單用法、HTML5 的視頻與音頻插入、JavaScript 輪播圖的制作等。
本書為雙高院校雙高計劃建設教材,是校企合作雙元開發(fā)教材
丁麗英,碩士研究生,副教授,現(xiàn)任黑龍江農(nóng)業(yè)工程職業(yè)學院計算機應用技術專業(yè)教師,從事計算機科學與技術相關課程教學二十余年,主持省級科研課題三項,參與國家級科研課題一項。參加教師教學能力比賽獲省賽二等獎。指導學生參加多項比賽獲省賽一等、二等多個獎項。獲得三項實用新型專利。主編及參編教材多部。發(fā)表專業(yè)及教學論文十余篇。 常紅,副教授,哈爾濱工業(yè)大學碩士研究生,具有15年一線教學經(jīng)驗,現(xiàn)任黑龍江農(nóng)業(yè)工程職業(yè)學院信息工程分院計算機應用專業(yè)負責人。主要從事Web全棧開發(fā)研究,網(wǎng)絡技術方向。參與黑龍江省教育廳科研課題5項,公開發(fā)表論文8篇,主編、參編教材4部。
項目一 Web前端開發(fā)入門...............................................................................................1任務一 初識Web前端技術................................................................................................................1任務二 走進HTML5............................................................................................................................9任務三 制作第一個網(wǎng)頁....................................................................................................................12項目二 網(wǎng)頁中插入圖像和文本........................................................................................17任務一 網(wǎng)頁中文本的應用................................................................................................................17任務二 網(wǎng)站首頁中圖像的應用.......................................................................................................26項目三 初識首頁布局....................................................................................................37任務一 CSS裝飾網(wǎng)頁........................................................................................................................37任務二 CSS3選擇器..........................................................................................................................44任務三 盒子模型................................................................................................................................54項目四 DIV CSS復雜布局............................................................................................73任務一 浮動布局兩欄式頁面............................................................................................................73任務二 DIV CSS布局網(wǎng)上商城首頁...............................................................................................82任務三 網(wǎng)格布局網(wǎng)上蔬果商城首頁...............................................................................................87項目五 網(wǎng)站首頁添加導航..............................................................................................96任務一 頁面中超鏈接的使用............................................................................................................96任務二 一級導航菜單的設計開發(fā).................................................................................................102任務三 二級彈出式菜單的定位.....................................................................................................110項目六 網(wǎng)頁中插入視頻和音頻.......................................................................................118任務一 向網(wǎng)頁中插入視頻..............................................................................................................118任務二 向網(wǎng)頁中插入音頻..............................................................................................................122項目七 制作多級導航...................................................................................................126任務一 認識列表..............................................................................................................................126任務二 使用列表制作多級導航.....................................................................................................144任務三 使用彈性盒布局..................................................................................................................151項目八 網(wǎng)頁中應用表格、表單元素................................................................................168任務一 網(wǎng)頁中表格元素的應用..................................................................................................... 168任務二 網(wǎng)頁中表單元素的應用..................................................................................................... 179項目九 網(wǎng)站中的動態(tài)效果.............................................................................................200任務一 過渡、變形和動畫應用..................................................................................................... 200任務二 實現(xiàn)網(wǎng)站首頁的輪播圖..................................................................................................... 218參考文獻.......................................................................................................................238