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

HTML5+CSS3網頁設計與製作案例教程(第2版微課版活頁式教材高等職業教育電腦網路系列創新教材)

  • 作者:編者:郭建東|責編:孫露露//王會明
  • 出版社:科學
  • ISBN:9787030633873
  • 出版日期:2019/11/01
  • 裝幀:活頁
  • 頁數:216
人民幣:RMB 49 元      售價:
放入購物車
加入收藏夾

內容大鋼
    本書是Web前端網頁設計的基礎性教材,結合「1+X」前端考證,介紹不同前端編輯器下HTML5網站和網頁的創建,包括圖文混排頁面製作、多列布局的複雜頁面製作和導航設計等;結合CSS3和HTML5的新特性,由淺入深講解了HTML5表單製作、使用CSS3樣式製作特效文字、過渡漸變和動畫效果、HTML5媒體應用技術、Bootstrap響應式手機移動APP頁面製作等內容,使讀者全面理解和掌握基於HTML5+CSS3的前端頁面設計與製作技術。本書還介紹了使用Photoshop製作按鈕、導航等網頁圖片素材,並通過實例介紹網頁版面效果圖製作和切圖技術;最後講解了一個綜合網站的製作過程。
    由本書主編主講,在「愛課程中國大學MOOC」平台上開設的國家精品在線開放課程《網頁設計基礎》,採用了本書內容進行線上教學。另外,教材資源庫網站提供了與本書關聯的所有教學資源,包括案例視頻、教學PPT、案例源代碼、素材圖片、上機實訓素材、授課計劃、教學大綱、考核方案和混合式教學方案等。本書案例精選文字和圖片素材,有機融入黨的二十大精神和思政元素,適合作為高等職業院校、應用型本科院校網頁設計課程的教材,也可作為網頁設計和製作人員自學的參考用書。

作者介紹
編者:郭建東|責編:孫露露//王會明

目錄
項目1  創建網站和文本網頁
  任務1.1  了解網頁的相關概念
    子任務1.1.1  了解網頁的基本概念
    子任務1.1.2  了解網頁的基本元素
  任務1.2  了解網頁前端開發工具
    子任務1.2.1  了解常用的網頁前端開發工具
    子任務1.2.2  基於Dreamweaver平台的網站創建與管理
    子任務1.2.3  基於HBuilderx平台網站項目的創建
  任務1.3  掌握HTML5基本語法
    子任務1.3.1  掌握網頁的基本結構
    子任務1.3.2  熟練掌握HTML中的文本元素的編寫
    子任務1.3.3  理解HTML塊元素與內聯元素
  任務1.4  創建文本網頁,並使用CSS樣式修飾網頁
    子任務1.4.1  在網頁中添加文字
    子任務1.4.2  使用CSS設計文字和段落樣式
    子任務1.4.3  創建網頁,添加文字素材,設計文字和段落樣式
  上機實訓
  混合式教學附錄
項目2  圖文混排頁面製作
  任務2.1  CSS樣式基礎
    子任務2.1.1  熟練掌握CSS樣式語法
    子任務2.1.2  掌握常用CSS布局相關樣式
    子任務2.1.3  掌握CSS的偽類樣式
    子任務2.1.4  了解CSS樣式分類
    子任務2.1.5  了解樣式規則的優先順序
    子任務2.1.6  了解樣式命名規範
  任務2.2  一列布局頁面製作
    子任務2.2.1  製作一列固定寬度布局網頁
    子任務2.2.2  製作一列自適應寬度布局網頁
  任務2.3  製作圖文混排的網頁
    子任務2.3.1  在網頁中插入圖片
    子任務2.3.2  製作簡單的圖文混排網頁
    子任務2.3.3  製作圖片左右交錯分佈的圖文混排網頁
  上機實訓
  混合式教學附錄
項目3  多列布局頁面製作
  任務3.1  掌握二列布局頁面的製作
    子任務3.1.1  了解網頁中常見的二列布局方案
    子任務3.1.2  二列布局頁面製作案例
  任務3.2  三列布局頁面製作
    子任務3.2.1  了解網頁中常見三列布局方案
    子任務3.2.2  三列布局頁面製作案例
  任務3.3  多列布局頁面製作
    子任務3.3.1  了解網頁中常見多列布局方案
    子任務3.3.2  多列布局頁面製作案例
  上機實訓
  混合式教學附錄
項目4  超鏈接與導航製作
  任務4.1  了解超鏈接
    子任務4.1.1  掌握文字鏈接的設置

    子任務4.1.2  掌握鏈接文字CSS樣式的設計
    子任務4.1.3  掌握圖片鏈接的設置
  任務4.2  普通文字鏈接導航的設計與製作
    子任務4.2.1  橫向文字鏈接導航製作及應用
    子任務4.2.2  圖片背景的文字鏈接導航製作
  任務4.3  列表導航製作
    子任務4.3.1  了解列表文字與導航
    子任務4.3.2  帶背景色的列表導航製作
    子任務4.3.3  帶背景圖的橫向列表導航製作
    子任務4.3.4  帶背景圖的豎向列表導航製作
  上機實訓
  混合式教學附錄
項目5  表單頁面製作
  任務5.1  認識表單元素
    子任務5.1.1  認識表單form元素
    子任務5.1.2  子解input元素
    子任務5.1.3  了解textarea(多行文本框)元素
    子任務5.1.4  了解select元素和option元素
    子任務5.1.5  了解無障礙訪問表單元素label、fieldset和legend
    子任務5.1.6  了解datalist預設列表選項元素
    子任務5.1.7  了解日曆控制項
    子任務5.1.8  了解顏色池控制項
  任務5.2  使用表單元素製作登錄註冊頁面
    子任務5.2.1  使用表單元素製作用戶註冊頁面
    子任務5.2.2  使用CSS設計表單元素樣式
  上機實訓
  混合式教學附錄
項目6  CSS3樣式基礎
  任務6.1  掌握CSS3文本效果的設計
    子任務6.1.1  掌握text-shadow屬性的應用
    子任務6.1.2  CSS3文本效果應用案例
  任務6.2  掌握CSS3背景漸變效果的設計
    子任務6.2.1  了解CSS3的漸變設置
    子任務6.2.2  CSS3背景漸變效果應用案例
  任務6.3  使用CSS3製作邊框效果
    子任務6.3.1  使用border-radius製作圓角邊框
    子任務6.3.2  使用box-shadow設計邊框陰影
  任務6.4  使用CSS3製作動畫效果
    子任務6.4.1  掌握CSS3 transition過渡動畫的製作
    子任務6.4.2  了解CSS3 animation動畫的製作
  任務6.5  CSS3綜合應用案例
  上機實訓
  混合式教學附錄
項目7  HTML5新特性與媒體應用
  任務7.1  了解HTML5新特性
  任務7.2  了解HTML5常用新增元素
    子任務7.2.1  掌握figure元素和figcaption元素的應用
    子任務7.2.2  掌握details和summary元素的應用
    子任務7.2.3  了解time和mark元素的應用
  任務7.3  HTML5元素的全局屬性

    子任務7.3.1  了解contenteditable元素
    子任務7.3.2  了解spetlcheck元素
    子任務7.3.3  了解需要與JavaScript結合使用的全局屬性
  任務7.4  播放音視頻文件
    子任務7.4.1  學會使用video元素播放視頻
    子任務7.4.2  學會使用audio元素播放音頻
  上機實訓
  混合式教學附錄
項目8  基於Bootstrap的響應式Web設計
  任務8.1  了解響應式Web設計和視口
  任務8.2  了解彈性盒布局
    子任務8.2.1  了解彈性盒的布局結構
    子任務8.2.2  掌握彈性盒容器屬性設置
    子任務8.2.3  了解彈性盒容器子元素屬性
    子任務8.2.4  手機APP頁面製作
  任務8.3  製作基於Bootstrap框架的響應式頁面
    子任務8.3.1  Bootstrap框架下載與快速部署
    子任務8.3.2  掌握柵格系統
    子任務8.3.3  應用組件製作導航欄和圖片輪播
  任務8.4  Bootstrap響應式布局頁面設計案例
  上機實訓
  混合式教學附錄
項目9  Photoshop網頁界面設計
  任務9.1  了解網頁界面設計
    子任務9.1.1  了解網頁界面設計配色
    子任務9.1.2  了解網頁中的文字
    子任務9.1.3  了解網頁中常用的圖片格式
  任務9.2  了解Photoshop
    子任務9.2.1  了解Photoshop操作界面
    子任務9.2.2  了解Photoshop工具欄
    子任務9.2.3  了解圖層概念
  任務9.3  網頁圖片元素的製作
    子任務9.3.1  線條繪製
    子任務9.3.2  按鈕製作
    子任務9.3.3  設計文字陰影
    子任務9.3.4  導航條製作
    子任務9.3.5  網頁圖像合成與修飾
  任務9.4  網頁版面設計製作案例
  上機實訓
  混合式教學附錄
項目10  靜態網站設計與製作
  任務10.1  了解網站製作流程
  任務10.2  「詩詞曲賦」靜態網站設計與製作
    子任務10.2.1  了解網站的用途及定位
    子任務10.2.2  網站內容的選取
    子任務10.2.3  使用Photoshop切圖
    子任務10.2.4  主頁框架製作
    子任務10.2.5  導航製作
    子任務10.2.6  主頁內容區內容製作
    子任務10.2.7  製作前端內容頁「唐詩」頁面

    子任務10.2.8  製作前端內容頁「宋詞」頁面
    子任務10.2.9  製作前端內容頁「元曲」頁面
    子任務10.2.10  製作前端內容頁「漢賦」頁面
  任務10.3  測試與發布網站
    子任務10.3.1  網站的測試
    子任務10.3.2  網站的上傳發布
  上機實訓
  混合式教學附錄
參考文獻
附錄拓展教學資源

  • 商品搜索:
  • | 高級搜索
首頁新手上路客服中心關於我們聯絡我們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