本教材繫重慶工商職業學院的級職業教育教師教學創新團隊聯合四川華迪信息技術有限公司、四川川大智勝股份有限公司、成都思晗科技股份有限公司編寫的軟件技術專業Web前端開發方向基於工作過程繫統化的教材之一。依托數字工場和省級“雙師型”教師培養培訓基地，由創新團隊成員和企業工程師組成教材編寫團隊，目的是打造高素質“雙師型”教師隊伍，深化職業院校教師、教材、教法“三教”改革，探索產教融合、校”有效育人模式。教材編寫的初衷是讓軟件技術專業Web前端開發方向學生掌握Web前端開發核心技術，提高他們的Web前端開發技能，入Web前端開發工作或繼續深造奠定基礎；同時讓軟件技術專業其他方向學生掌握一定的Web前端開發技術，支撐軟件技術專業發展，拓展軟件技術專業學生的就業範圍。教材體繫與本教材是重慶工商職業學院聯合企業共同開發的面向高等職業教育的“軟件技術專業Web前端開發方向教材體繫”中的一本，是基於工作過程開發出來的軟件技術專業 Web前端開發方向專業核心課程。本教材注重培養學生的職業能力和創新精神，培養學生利用HTML5和CSS3技行網站設計與開發的實踐能力。其具有如下：·組織結構合理，內容由淺入深。為了更好地幫助讀者學ML5+CSS3 Web前端開發技術，本教材設計了大量案例來介紹HTML5和CSS3技術及其基本使用方法。針對性強。本教材的教學內容和結構著眼於Web前端開發的能力培養，適應時代的要求，符合應用型院校人纔培養的需要。·貼合實際。本教材案例取自企業一線，主要教學內容符合高等職業院校軟件技術專業教學標準。對接崗位要求，具有較強的實踐價值。可操作性強。本教材針對每個學項目，提供詳細的解決方案和操作步驟，將知識點融入項目開發過程中。教材中任一個項目都可經過反復演練，讀者可根據步驟獨立實現項目。·教學資源豐富。本教材提供課件、軟件操作錄屏、微課等教輔資料，使教和學更加容易。受眾定位本教材適用於應用型本科、高職高專軟件技術專業Web前端開發方向，以及軟件技術專業其他方向等相關專業，也可作為Web前端開發人員技能提升和閱讀的參考用書。教材基本概況本教材圍繞HTML5、CSS3相關技行介紹，分為導言和。導言：介紹了《HTML5+CSS3Web前端開發技術》課程性質與背景、工作任務、學、課程核心內容、技術、學1：介紹了HTML5Web項目構2：介紹了表單型網頁開3：介紹了列表型網頁開4：介紹了詳情頁與響應式網頁開5：介紹了聚合6：介紹了小程序開發。全書以實用為基礎，主要從一個真實項目一—郫都校企慧招聘網站中抽取出小任務作為學以學的完成為主線，介紹HTML5+CSS3Web前端開發技術的各項知識括開發環境與調試，HTML結構及語法素、語素與超鏈接、圖文、表單、列表、表格、多媒體等常見H素，CSS基本語法、選擇器、盒模型，背景、邊框、陰影、字體等常見CSS屬性，浮動、定位、彈性布局、響應式布局、多列布局等CSS技術，動畫、過渡等CSS特效，後從小任務整合到整個項目的完成，形成一個綜合性案例。本教材的編寫參照了Web前端開發“1+x”職業技能等級標準，教材中的技能知識點和職業技能等級標準的對應關繫如“附錄11+X對照表”所示。編寫團隊本教材由徐晨(重慶工商職業學院軟件技術專業骨，國家“雙高計劃”高專業群、級職業教育教師教學創新團隊核心成員，5年以上Web前端開發實踐和教學經驗，重慶市高等職業院校學生職業技能競賽優秀指導教師）、張林（成都思晗科技股份有限公司）擔任主編，其中，徐晨5的編寫工作，張林6的編寫工作。本書副主編均具有豐富的Web前端開發教學實踐經驗、5年以上的軟件開發企業工作經驗，具體編寫分工如下：導言由成都思晗科技股份有限公司朱珠編1由重慶工商職業學院蔡茜編2由重慶工商職業學院熊孟娜編3、4由重慶工商職業學院韓銳編寫。本教材在編寫過程中得到重慶工商職業學院、四川華迪信息技術有限公司及成都思晗科技股份有限公司相和同事的大力支持和幫助，在此表示感謝。由於編者有限，教材中難免存在不妥之處，敬請廣大讀者批評指正。