HTML5+CSS3響應式網站開發項目案例教程

於曉霞

  • 出版商: 電子工業
  • 出版日期: 2020-12-01
  • 售價: $179
  • 貴賓價: 9.5$170
  • 語言: 簡體中文
  • 頁數: 148
  • ISBN: 7121399814
  • ISBN-13: 9787121399817
  • 相關分類: CSSHTML

立即出貨

相關主題

商品描述

本書主要面向高職電腦專業或軟件開發專業,或者有前端開發課程的學生,本教材也可以作為1+Xweb前端開發考證中HTML5內容的參考.教材內容以真實項目青年幫響應式網站為主線,以碼工在線、17素材網等真實網站為拓展,主要以案例的形式講解HTML5常用的語義標簽,新增的表單功能及其驗證屬性,CSS3網頁細節設計,CSS3過渡,2D和3D效果,動畫效果,以及響應式網站搭建.教材基於工作系統過程,以典型性工作任務為教學模塊進行,本課程確定9個單元,分基礎任務,應用任務,拓展任務,共44個教學任務.

目錄大綱

單元一 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