-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 版權信息
- ISBN:9787121399817
- 條形碼:9787121399817 ; 978-7-121-39981-7
- 裝幀:一般膠版紙
- 冊數:暫無
- 重量:暫無
- 所屬分類:>
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 本書特色
適讀人群 :高職軟件開發專業,計算機專業,前端開發專業學生全書配備:微課采用真實案例,從基礎入門到趣味開發
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 內容簡介
本書主要面向高職計算機專業或軟件開發專業,或者有前端開發課程的學生,本教材也可以作為1+Xweb前端開發考證中HTML5內容的參考.教材內容以真實項目青年幫響應式網站為主線,以碼工在線、17素材網等真實網站為拓展,主要以案例的形式講解HTML5常用的語義標簽,新增的表單功能及其驗證屬性,CSS3網頁細節設計,CSS3過渡,2D和3D效果,動畫效果,以及響應式網站搭建.教材基于工作系統過程,以典型性工作任務為教學模塊進行,本課程確定9個單元,分基礎任務,應用任務,拓展任務,共44個教學任務.
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 目錄
單元一 HTML5構建網站結構 1
教學導航 1
【基本項目】使用HTML5構建個人博客網站首頁 1
【應用項目】仿Ghost開源博客平臺的內容頁面 10
單元二 HTML5表單和驗證 15
教學導航 15
【基本項目】使用HTML5新增表單功能制作注冊表單 15
【應用項目】為注冊表單添加用戶體驗的驗證信息 24
單元三 CSS3網頁細節設計 27
教學導航 27
任務一 圓角 28
【基本項目1】實心圓角效果 28
【基本項目2】空心圓角效果 32
【應用項目1】網頁中的圓角屬性應用 34
【應用項目2】繪制形狀 36
【應用項目3】經典對話框 38
【應用項目4】圓角導航條應用 39
任務二 邊框陰影 40
【基本項目】邊框陰影效果 40
【應用項目】仿青年幫案例展示效果 47
任務三 漸變 49
【基本項目1】線性漸變―彩虹背景文字效果 49
【基本項目2】徑向漸變―背景圖案效果 50
任務四 背景圖片的大小 53
【基本項目】響應式圖片效果 53
任務五 背景圖片的定位 55
【基本項目1】background-origin 55
【基本項目2】background-clip 57
任務六 多重背景 59
【基本項目】多重背景 59
【應用項目】撲克牌效果 61
任務七 文字陰影 62
【基本項目】文字陰影效果 62
單元四 自定義字體和圖標文字 66
教學導航 66
【應用項目】網頁中的圖標文字 66
單元五 CSS3過渡效果 69
教學導航 69
【基本項目】變色并擴展小方塊效果 69
【應用項目1】仿青年幫導航條設計―圓角過渡效果 70
【應用項目2】仿青年幫導航條設計―下拉框效果 72
【應用項目3】仿17素材網作品展示效果 74
單元六 CSS3 2D效果 76
教學導航 76
【基本項目】CSS3 2D效果案例 76
【應用項目1】CSS3 2D綜合效果―制作個性照片墻 90
【應用項目2】仿碼工助手案例展示效果 92
【應用項目3】仿青年幫導航條設計―常用推薦效果 94
單元七 CSS3 3D效果 97
教學導航 97
【基本項目】立體縮放效果 97
【應用項目1】旋轉立方體效果 102
【應用項目2】立體導航條效果 104
單元八 CSS3動畫效果 107
教學導航 107
【基本項目】小球運動效果 107
【應用項目1】旋轉轉盤效果 110
【應用項目2】跳動的心效果 112
【應用項目3】鐘擺效果 114
【應用項目4】旋轉導航條效果 116
【應用項目5】仿青年幫網站―光暈效果 118
【應用項目6】仿青年幫設計導航―靈感創意推薦 121
【應用項目7】仿青年幫網站―波浪效果 123
單元九 響應式網站 126
教學導航 126
【基本項目】使用媒體查詢制作一個簡單的響應式網站 126
【應用項目1】響應式導航條設計 128
【應用項目2】響應式網站框架設計 131
【應用項目3】sugarcoat動漫響應式網站設計 134
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 節選
本書主要面向高等職業院校計算機類專業,以及有前端開發課程的相關專業,可以作為“1+X”Web前端開發考證中HTML5內容的參考用書。本書內容以真實項目“青年幫”響應式網站為主線,以“碼工助手”“17素材”等真實網站為拓展,主要以案例的形式講解HTML5常用的語義化結構標簽,新增其他標簽,音頻和視頻標簽,新增的表單功能及其驗證屬性。CSS3網頁中的細節設計包括圓角、邊框陰影、漸變、多重背景等,還包括自定義字體和圖標文字、CSS3過渡效果、CSS3 2D效果、CSS3 3D效果、CSS3動畫效果,以及響應式網站的搭建。 本書由教學工作經驗豐富的資深教師編寫而成,每個案例均提供微課、素材和源代碼,讀者進入課程平臺可觀看視頻和查看源代碼。對中山職業技術學院學生的調查結果顯示,學生通過觀看視頻可以有效自主完成課程中布置的學習任務。
HTML5+CSS3響應式網站開發項目案例教程/于曉霞 作者簡介
于曉霞,中山職業技術學院專職教師,主持研究廣東省教育科學規劃研究項目"基于能力本位教育和校企合作工作室模式的實踐教學改革”、廣東省高等職業技術教育研究會課題"高職院校網頁設計與制作課程中多層次、差異化教學設計的研究與實踐”等多個課題和項目,連續多年獲廣東省高等職業院校信息化教學大賽暨全國選拔賽課堂設計項目獎項,著作方向是計算機軟件開發、前端開發。
- >
我與地壇
- >
朝聞道
- >
伯納黛特,你要去哪(2021新版)
- >
詩經-先民的歌唱
- >
人文閱讀與收藏·良友文學叢書:一天的工作
- >
山海經
- >
二體千字文
- >
羅曼·羅蘭讀書隨筆-精裝