幫助中心 | 我的帳號 | 關於我們

HTML5+CSS3Web前端開發技術(任務式微課版第2版工業和信息化精品系列教材十四五職業教育國家規劃教材)

  • 作者:編者:于麗娜|責編:桑珊
  • 出版社:人民郵電
  • ISBN:9787115626806
  • 出版日期:2024/01/01
  • 裝幀:平裝
  • 頁數:244
人民幣:RMB 59.8 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書以搭建新雲課堂項目為主線,講解HTML5+CSS3 Web前端開發技術。全書共12個任務,主要內容包括搭建項目開發環境、製作課程基礎頁面、製作課程播放頁面、使用表單製作頁面、在項目中引入CSS、使用CSS3美化頁面、使用盒子模型布局頁面、使用CSS3浮動布局頁面、使用CSS3定位布局頁面、利用CSS3動畫美化頁面、使用CSS3彈性盒子布局頁面、使用CSS3媒體查詢實現頁面響應式布局。本書通過知識講解與任務實戰相結合的方式介紹網站項目開發的流程和方法,配備豐富的教學資源,支持線上線下混合式教學和項目式教學。
    本書適合作為高職高專院校、職業本科院校Web前端技術相關課程的教材,也可供初學者自學參考。

作者介紹
編者:于麗娜|責編:桑珊

目錄
任務01  搭建項目開發環境
  1.1  任務概述
  1.2  任務目標
  1.3  知識圖譜
  1.4  任務準備
    1.4.1  Web概述
    1.4.2  主流Web瀏覽器
    1.4.3  常用Web開發工具
    1.4.4  Web標準
    1.4.5  HTML5的優勢
  1.5  任務實戰
    任務1:安裝Chrome瀏覽器
    任務2:安裝HBuilderX IDE
    任務3:使用HBuilderX創建項目
  1.6  任務小結
  1.7  知識鞏固
  1.8  任務拓展
任務02  製作課程基礎頁面
  2.1  任務概述
  2.2  任務目標
  2.3  知識圖譜
  2.4  任務準備
    2.4.1  HTML5基礎語法
    2.4.2  HTML5語義化結構標籤
    2.4.3  HTML5常用標籤
    2.4.4  HTML5實體字元
    2.4.5  HTML5超鏈接、框架標籤
    2.4.6  HTML5元素分類
  2.5  任務實戰
    任務1:製作頁面通用尾部
    任務2:製作頁面通用頭部
    任務3:製作課程說明頁面
  2.6  任務小結
  2.7  知識鞏固
  2.8  任務拓展
任務03  製作課程播放頁面
  3.1  任務概述
  3.2  任務目標
  3.3  知識圖譜
  3.4  任務準備
    3.4.1  HTML5列表
    3.4.2  HTML5表格
    3.4.3  HTML5媒體元素
  3.5  任務實戰
    任務1:製作課程播放頁面「視頻列表」列表
    任務2:製作課程推薦頁面「成長路線」列表
    任務3:製作課程播放頁面「課程資料」表格
    任務4:製作課程播放頁面播放區域
  3.6  任務小結
  3.7  知識鞏固

  3.8  任務拓展
任務04  使用表單製作頁面
  4.1  任務概述
  4.2  任務目標
  4.3  知識圖譜
  4.4  任務準備
    4.4.1  表單概述
    4.4.2  表單發送方式
    4.4.3  常用表單控制項
    4.4.4  表單驗證的作用
    4.4.5  表單驗證的方法
  4.5  任務實戰
    任務1:製作信息登記頁面
    任務2:製作用戶登錄頁面
    任務3:製作用戶註冊頁面
  4.6  任務小結
  4.7  知識鞏固
  4.8  任務拓展
任務05  在項目中引入CSS
  5.1  任務概述
  5.2  任務目標
  5.3  知識圖譜
  5.4  任務準備
    5.4.1  CSS3概述
    5.4.2  CSS3基礎語法
    5.4.3  CSS3引入方式
    5.4.4  CSS3基礎選擇器
    5.4.5  CSS3高級選擇器
    5.4.6  CSS3選擇器權重問題
  5.5  任務實戰
    任務1:美化課程說明頁面
    任務2:美化課程播放頁面
  5.6  任務小結
  5.7  知識鞏固
  5.8  任務拓展
任務06  使用CSS3美化頁面
  6.1  任務概述
  6.2  任務目標
  6.3  知識圖譜
  6.4  任務準備
    6.4.1  文字樣式
    6.4.2  文本樣式
    6.4.3  超鏈接樣式
    6.4.4  列表樣式
    6.4.5  背景樣式
    6.4.6  背景漸變
  6.5  任務實戰
    任務1:美化頁面通用尾部
    任務2:美化頁面通用頭部
    任務3:美化課程播放頁面中的「課程資料」表格

    任務4:製作課程推薦頁面「更多好課」部分
  6.6  任務小結
  6.7  知識鞏固
  6.8  任務拓展
任務07  使用盒子模型布局頁面
  7.1  任務概述
  7.2  任務目標
  7.3  知識圖譜
  7.4  任務準備
    7.4.1  盒子模型結構
    7.4.2  盒子模型的組成
    7.4.3  計算盒子模型的尺寸
    7.4.4  IE盒子模型
    7.4.5  使用Chrome調試工具檢查盒子尺寸
    7.4.6  邊框圓角
    7.4.7  使用border-radius屬性製作特殊圖形
    7.4.8  盒子陰影
  7.5  任務實戰
    任務1:美化課程播放頁面中的「視頻列表」列表
    任務2:美化用戶登錄頁面
    任務3:美化用戶註冊頁面
  7.6  任務小結
  7.7  知識鞏固
  7.8  任務拓展
任務08  使用CSS3浮動布局頁面
  8.1  任務概述
  8.2  任務目標
  8.3  知識圖譜
  8.4  任務準備
    8.4.1  標準文檔流
    8.4.2  display屬性
    8.4.3  浮動
    8.4.4  清除浮動
  8.5  任務實戰
    任務1:使用浮動左右布局
    任務2:使用浮動單行布局
    任務3:使用浮動多行布局
  8.6  任務小結
  8.7  知識鞏固
  8.8  任務拓展
任務09  使用CSS3定位布局頁面
  9.1  任務概述
  9.2  任務目標
  9.3  知識圖譜
  9.4  任務準備
    9.4.1  定位概述
    9.4.2  相對定位
    9.4.3  絕對定位
    9.4.4  固定定位
    9.4.5  黏性定位

    9.4.6  z-index
  9.5  任務實戰
    任務1:製作課程層疊角標
    任務2:使用絕對定位實現用戶登錄頁面居中
    任務3:固定定位置頂按鈕
    任務4:黏性定位頁面通用頭部
  9.6  任務小結
  9.7  知識鞏固
  9.8  任務拓展
任務10  利用CSS3動畫美化頁面
  10.1  任務概述
  10.2  任務目標
  10.3  知識圖譜
  10.4  任務準備
    10.4.1  變形
    10.4.2  過渡
    10.4.3  動畫
  10.5  任務實戰
    任務1:製作滑鼠指針懸浮過渡效果
    任務2:使用動畫製作輪播區域
  10.6  任務小結
  10.7  知識鞏固
  10.8  任務拓展
任務11  使用CSS3彈性盒子布局頁面
  11.1  任務概述
  11.2  任務目標
  11.3  知識圖譜
  11.4  任務準備
    11.4.1  彈性盒子
    11.4.2  彈性盒子容器屬性
    11.4.3  彈性盒子項目屬性
  11.5  任務實戰
    任務1:使用彈性盒子布局課程推薦頁面
    任務2:使用彈性盒子布局課程播放頁面
  11.6  任務小結
  11.7  知識鞏固
  11.8  任務拓展
任務12  使用CSS3媒體查詢實現頁面響應式布局
  12.1  任務概述
  12.2  任務目標
  12.3  知識圖譜
  12.4  任務準備
    12.4.1  媒體查詢與響應式布局
    12.4.2  媒體查詢語法
    12.4.3  媒體查詢的引入方式
    12.4.4  em與rem
  12.5  任務實戰
    任務1:為用戶登錄頁面應用響應式布局
    任務2:為課程推薦頁面應用響應式布局
  12.6  任務小結

  12.7  知識鞏固
  12.8  任務拓展

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們Top↑
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話:02-2381-2033 02-2381-1863 時間:週一-週五 10:00-17:00
 服務信箱:bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證:浙B2-20060032