HTML5Web開發(全案例微課版)

作者：編者:劉輝|責編:張彥青
出版社：清華大學
ISBN：9787302568933

出版日期：2021/05/01
裝幀：平裝
頁數：354

人民幣：RMB 89 元售價：元

內容大鋼

    本書是針對零基礎讀者編寫的Web入門教材。該書側重案例實訓，並提供掃碼微課來講解當前熱門的案例。
    本書分為22章，內容包括認識HTML 5、設計網頁的文本、設計網頁列表與段落、網頁中的圖像和超鏈接、表格與div標籤、網頁中的表單、網頁中的多媒體、HTML5的新特徵、使用CSS層疊樣式表、JavaScript和jQuery、繪製圖形、文件與拖放、地理定位技術、離線Web應用程序、處理線程和伺服器發送事件、數據存儲和通信技術、響應式網頁設計、流行的響應式開發框架Bootstrap，最後通過4個熱門綜合項目，讓讀者進一步掌握項目開發經驗。
    本書通過精選熱門案例，讓初學者快速掌握HTML5 Web開發技術。通過微信掃碼看視頻，可以隨時在移動端學習技能對應的視頻操作。本書適合讀者自學，也可作為相關院校的參考教材。

作者介紹

編者:劉輝|責編:張彥青

第1章  認識HTML 5
  1.1  HTML的基本概念和版本
    1.1.1  什麼是HTML
    1.1.2  HTML的版本
  1.2  HTML文件的基本結構
  1.3  HTML 5的基本標記
    1.3.1  文檔類型說明
    1.3.2  html標記
    1.3.3  頭標記
    1.3.4  主體標記
    1.3.5  註釋標記
  1.4  HTML 5網頁的開發環境
    1.4.1  使用記事本手工編寫HTML文件
    1.4.2  使用WebStorm編寫HTML文件
  1.5  新手常見疑難問題
  1.6  實戰技能訓練營
第2章  設計網頁的文本
  2.1  標題
    2.1.1  標題文字標籤
    2.1.2  標題的對齊方式
  2.2  設置文字格式
    2.2.1  文字的字體、字型大小和顏色
    2.2.2  文字的粗體、斜體和下劃線
    2.2.3  文字的上標和下標
  2.3  設置段落格式
    2.3.1  段落標籤
    2.3.2  段落的換行標籤
    2.3.3  段落的原格式標籤
  2.4  網頁的水平線
    2.4.1  添加水平線
    2.4.2  設置水平線的寬度與高度
  2.5  新手常見疑難問題
  2.6  實戰技能訓練營
第3章  設計網頁列表與段落
  3.1  無序列表
    3.1.1  無序列表的標籤
    3.1.2  無序列表的屬性
  3.2  有序列表
    3.2.1  有序列表的標籤
    3.2.2  有序列表的屬性
  3.3  自定義列表
  3.4  列表的嵌套
  3.5  新手常見疑難問題
  3.6  實戰技能訓練營
第4章  網頁中的圖像和超鏈接
  4.1  網頁中的圖像
    4.1.1  網頁中支持的圖片格式
    4.1.2  圖像中的路徑
  4.2  在網頁中插入圖像
  4.3  編輯網頁中的圖像

    4.3.1  設置圖像的大小和邊框
    4.3.2  設置圖像的間距和對齊方式
    4.3.3  設置圖像的替換文字和提示文字
  4.4  認識網頁超鏈接
    4.4.1  什麼是網頁超鏈接
    4.4.2  超鏈接中的URL
    4.4.3  超鏈接的URL類型
  4.5  建立網頁超級鏈接
    4.5.1  創建超文本鏈接
    4.5.2  創建圖片鏈接
    4.5.3  創建下載鏈接
    4.5.4  使用相對路徑和絕對路徑
    4.5.5  設置以新窗口顯示超鏈接頁面
    4.5.6  設置電子郵件鏈接
  4.6  使用浮動框架
  4.7  使用書籤鏈接製作電子書閱讀網頁
  4.8  圖像熱點鏈接
  4.9  新手常見疑難問題
  4.10  實戰技能訓練營
第5 章  表格與

標籤
  5.1  表格的基本結構
  5.2  創建表格
    5.2.1  創建普通表格
    5.2.2  創建一個帶有標題的表格
  5.3  編輯表格
    5.3.1  定義表格的邊框類型
    5.3.2  定義表格的表頭
    5.3.3  設置表格背景
    5.3.4  設置單元格的背景
    5.3.5  合併單元格
    5.3.6  表格的分組
    5.3.7  設置單元格的行高與列寬
  5.4  完整的表格標籤
  5.5  設置懸浮變色的表格
  5.6

標籤
  5.7   標籤
  5.8  新手常見疑難問題
  5.9  實戰技能訓練營
第6 章  網頁中的表單
  6.1  表單概述
  6.2  輸入標籤
    6.2.1  文本框
    6.2.2  單選按鈕和複選框
    6.2.3  按鈕
  6.3  圖像域和文件域
  6.4  列表
  6.5  表單的高級元素
    6.5.1  url 屬性
    6.5.2  email 屬性
    6.5.3  date 和time 屬性

    6.5.4  number 屬性
    6.5.5  range 屬性
    6.5.6  required 屬性
  6.6  新手常見疑難問題
  6.7  實戰技能訓練營
第7 章  網頁中的多媒體
  7.1  audio 標籤概述
    7.1.1  認識audio 標籤
    7.1.2  audio 標籤的屬性
    7.1.3  audio 標籤對瀏覽器的支持情況
  7.2  在網頁中添加音頻文件
  7.3  video 標籤
    7.3.1  認識video 標籤
    7.3.2  video 標籤的屬性
    7.3.3  瀏覽器對video 標籤的支持情況
  7.4  在網頁中添加視頻文件
  7.5  新手常見疑難問題
  7.6  實戰技能訓練營
第8 章  HTML 5 的新特徵
  8.1  新增的主體結構元素
    8.1.1  section 元素
    8.1.2  article 元素
    8.1.3  aside 元素
    8.1.4  nav 元素
    8.1.5  time 元素
  8.2  新增的非主體結構元素
    8.2.1  header 元素
    8.2.2   hgroup 元素
    8.2.3  footer 元素
    8.2.4  figure 元素
    8.2.5  address 元素
  8.3  新增其他常用元素
    8.3.1  mark 元素
    8.3.2  rp 元素、rt 元素與ruby 元素
    8.3.3  progress 元素
    8.3.4  command 元素
    8.3.5  embed 元素
    8.3.6  details 元素和summary 元素
    8.3.7  datalist 元素
    8.3.8  meter 元素
  8.4  新增全局屬性
    8.4.1  contentEditable 屬性
    8.4.2  spellcheck 屬性
    8.4.3  tabIndex 屬性
  8.5  新增的其他屬性
    8.5.1  表單相關屬性
    8.5.2  鏈接相關屬性
    8.5.3  其他新增屬性
  8.6  HTML 5 廢除的屬性
  8.7  新手常見疑難問題

  8.8  實戰技能訓練營
第9 章  使用CSS 層疊樣式表
  9.1  CSS 概述
    9.1.1  CSS 的功能
    9.1.2  瀏覽器與CSS
    9.1.3  CSS 的基礎語法
  9.2  在HTML 中使用CSS 的方法
    9.2.1  行內樣式
    9.2.2  內嵌樣式
    9.2.3  鏈接樣式
  9.3  CSS 中的常用樣式
    9.3.1  使用字體樣式
    9.3.2  使用文本樣式
    9.3.3  使用背景樣式
    9.3.4  設計邊框樣式
    9.3.5  設置列表樣式
  9.4  新手常見疑難問題
  9.5  實戰技能訓練營
第10 章  JavaScript 和jQuery
  10.1  認識JavaScript
    10.1.1  什麼是JavaScript
    10.1.2  在HTML 網頁頭中嵌入JavaScript代碼
  10.2  JavaScript 對象與函數
    10.2.1  認識對象
    10.2.2  認識函數
  10.3  JavaScript 事件
    10.3.1  事件與事件處理概述
    10.3.2  JavaScript 的常用事件
  10.4  認識jQuery
    10.4.1  jQuery 能做什麼
    10.4.2  jQuery 的配置
  10.5  jQuery 選擇器
    10.5.1  jQuery 的工廠函數
    10.5.2  常見選擇器
  10.6  新手常見疑難問題
  10.7  實戰技能訓練營
第11 章  繪製圖形
  11.1  添加canvas 的步驟
  11.2  繪製基本形狀
    11.2.1  繪製矩形
    11.2.2  繪製圓形
    11.2.3  使用moveTo 與lineTo 繪製直線
    11.2.4  使用bezierCurveTo 繪製貝濟埃曲線
  11.3  繪製漸變圖形
    11.3.1  繪製線性漸變
    11.3.2  繪製徑向漸變
  11.4  繪製變形圖形
    11.4.1  繪製平移效果的圖形
    11.4.2  繪製縮放效果的圖形
    11.4.3  繪製旋轉效果的圖形

    11.4.4  繪製組合效果的圖形
    11.4.5  繪製帶陰影的圖形
  11.5  使用圖像
    11.5.1  繪製圖像
    11.5.2  平鋪圖像
    11.5.3  裁剪圖像
  11.6  繪製文字
  11.7  圖形的保存與恢復
    11.7.1  保存與恢復狀態
    11.7.2  保存文件
  11.8  新手常見疑難問題
  11.9  實戰技能訓練營
第12 章  文件與拖放
  12.1  選擇文件
    12.1.1  選擇單個文件
    12.1.2  選擇多個文件
  12.2  使用FileReader 介面讀取文件
    12.2.1  檢測瀏覽器是否支持FileReader介面
    12.2.2  FileReader 介面的方法
    12.2.3  使用readAsDataURL 方法預覽圖片
    12.2.4  使用readAsText 方法讀取文本文件
  12.3  使用HTML5 實現文件的拖放
    12.3.1  認識文件拖放的過程
    12.3.2  瀏覽器支持情況
    12.3.3  在網頁中拖放圖片
  12.4  在網頁中來回拖放圖片
  12.5  在網頁中拖放文字
  12.6  新手常見疑難問題
  12.7  實戰技能訓練營
第13 章  地理定位技術
  13.1  Geolocation API 獲取地理位置
    13.1.1  地理地位的原理
    13.1.2  獲取定位信息的方法
    13.1.3  常用地理定位方法
    13.1.4  判斷瀏覽器是否支持HTML 5 獲取地理位置信息
    13.1.5  指定緯度和經度坐標
    13.1.6  獲取當前位置的緯度與經度
    13.1.7  處理錯誤和拒絕
  13.2  目前瀏覽器對地理定位的支持情況
  13.3  在網頁中調用Google 地圖
  13.4  新手常見疑難問題
  13.5  實戰技能訓練營
第14 章  離線Web 應用程序
  14.1  HTML 5 離線Web 應用概述
  14.2  使用HTML5 離線Web 應用API
    14.2.1  檢查瀏覽器的支持情況
    14.2.2  搭建簡單的離線應用程序
    14.2.3  支持離線行為
    14.2.4  Manifest 文件
    14.2.5  ApplicationCache API

  14.3  使用HTML 5 離線Web 應用構建應用
    14.3.1  創建記錄資源的manifest 文件
    14.3.2  創建構成界面的HTML 和CSS
    14.3.3  創建離線的JavaScript
    14.3.4  檢查applicationCache 的支持情況
    14.3.5  為Update 按鈕添加處理函數
    14.3.6  添加Storage 功能代碼
    14.3.7  添加離線事件處理程序
  14.4  新手常見疑難問題
  14.5  實戰技能訓練營
第15 章  處理線程和伺服器發送事件
  15.1  Web Worker
    15.1.1  Web Worker 概述
    15.1.2  線程中常用的變數、函數與類
    15.1.3  與線程進行數據的交互
  15.2  線程嵌套
    15.2.1  單線程嵌套
    15.2.2  多個子線程中的數據交互
  15.3  伺服器發送事件概述
  15.4  伺服器發送事件的實現過程
    15.4.1  檢測瀏覽器是否支持Server-Sent事件
    15.4.2  使用EventSource 對象
    15.4.3  編寫伺服器端代碼
  15.5  創建Web Worker 計數器
  15.6  伺服器發送事件實戰應用
  15.7  新手常見疑難問題
  15.8  實戰技能訓練營
第16 章  數據存儲和通信技術
  16.1  認識Web 存儲
    16.1.1  本地存儲和Cookies 的區別
    16.1.2  Web 存儲方法
  16.2  使用HTML 5 Web Storage API
    16.2.1  測試瀏覽器的支持情況
    16.2.2  使用sessionStorage 方法創建對象
    16.2.3  使用localStorage 方法創建對象
    16.2.4  Web Storage API 的其他操作
    16.2.5  使用JSON 對象存取數據
  16.3  瀏覽器對Web 存儲的支持情況
  16.4  跨文檔消息傳輸
    16.4.1  跨文檔消息傳輸的基本知識
    16.4.2  跨文檔通信應用測試
  16.5  WebSockets API
    16.5.1  什麼是WebSocket API
    16.5.2  WebSockets 通信基礎
    16.5.3  伺服器端使用WebSockets API
    16.5.4  客戶機端使用WebSockets API
  16.6  製作簡單的Web 留言本
  16.7  編寫簡單的WebSocket 伺服器
  16.8  新手常見疑難問題
  16.9  實戰技能訓練營

第17 章  響應式網頁設計
  17.1  響應式網頁設計概述
  17.2  像素和屏幕解析度
  17.3  視口
    17.3.1  視口的分類和常用屬性
    17.3.2  媒體查詢
  17.4  響應式網頁的布局設計
    17.4.1  常用布局類型
    17.4.2  布局的實現方式
    17.4.3  響應式布局的設計與實現
  17.5  響應式圖片
    17.5.1  使用

同類熱銷排行榜

最近瀏覽的商品

HTML5Web開發(全案例微課版)