HTML5+CSS3網頁設計與製作案例課堂(第3版)

作者：編者:劉春茂|責編:張彥青
出版社：清華大學
ISBN：9787302636083

出版日期：2023/06/01
裝幀：平裝
頁數：372

人民幣：RMB 86 元售價：元

內容大鋼

    本書是針對零基礎讀者編寫的網頁設計入門教材，側重案例實訓，並提供微課來講解當前熱點的案例。
    全書分為23章，內容包括新一代Web前端技術、HTML 5網頁的文檔結構、HTML 5網頁中的文本、超鏈接和圖像、使用HTML 5創建表格、使用HTML 5創建表單、HTML 5中的多媒體、使用HTML 5繪製圖形、CSS 3概述與基本語法、使用CSS 3美化網頁字體與段落、使用CSS 3美化網頁圖片、使用CSS 3美化網頁背景與邊框、使用CSS 3美化超級鏈接和游標、使用CSS 3美化表格和表單、使用CSS 3美化網頁菜單、使用濾鏡美化網頁元素、CSS 3中的動畫效果、HTML 5中的文件與拖放、定位地理位置技術、數據存儲和通信技術、處理線程和伺服器發送事件、CSS 3定位與DIV布局核心技術。最後通過兩個熱點綜合項目，進一步鞏固讀者的項目開發經驗。
    本書可以讓初學者快速掌握網頁設計技術。此外，本書也適合作為大專院校相關專業的指導教材。

作者介紹

編者:劉春茂|責編:張彥青

第1章  新一代Web前端技術
  1.1  HTML的基本概念
    1.1.1  HTML的發展歷程
    1.1.2  什麼是HTML
  1.2  HTML 5的優勢
    1.2.1  解決了跨瀏覽器問題
    1.2.2  新增了多個新特性
    1.2.3  用戶優先的原則
    1.2.4  化繁為簡的優勢
  1.3  HTML 5網頁的開發環境
    1.3.1  使用記事本手工編寫HTML
    1.3.2  使用WebStorm編寫HTML文件
  1.4  使用瀏覽器查看HTML 5文件
    1.4.1  查看頁面效果
    1.4.2  查看源代碼
  1.5  疑難解惑
  1.6  跟我學上機
第2章  HTML 5網頁的文檔結構
  2.1  HTML 5文件的基本結構
    2.1.1  HTML 5頁面的整體結構
    2.1.2  HTML 5新增的結構標記
  2.2  HTML 5基本標記詳解
    2.2.1  文檔類型說明
    2.2.2  HTML標記
    2.2.3  頭標記
    2.2.4  主體標記
    2.2.5  頁面註釋標記
  2.3  HTML 5語法的變化
    2.3.1  標記不再區分大小寫
    2.3.2  允許屬性值不使用引號
    2.3.3  允許部分屬性的值省略
  2.4  疑難解惑
  2.5  跟我學上機
第3章  HTML 5網頁中的文本、超鏈接和圖像
  3.1  標題
    3.1.1  標題標記
    3.1.2  標題的對齊方式
  3.2  設置文字格式
    3.2.1  文字的字體、字型大小和顏色
    3.2.2  文字的粗體、斜體和下劃線
    3.2.3  文字的上標和下標
  3.3  設置段落格式
    3.3.1  段落標記
    3.3.2  段落的換行標記
    3.3.3  段落的原格式標記
  3.4  文字列表
    3.4.1  無序列表
    3.4.2  有序列表
    3.4.3  建立不同類型的無序列表
    3.4.4  建立不同類型的有序列表

    3.4.5  自定義列表
    3.4.6  建立嵌套列表
  3.5  超鏈接標記
    3.5.1  設置文本和圖片的超鏈接
    3.5.2  創建指向不同目標類型的超鏈接
    3.5.3  設置以新窗口顯示超鏈接頁面
    3.5.4  鏈接到同一頁面的不同位置
  3.6  圖像熱點鏈接
  3.7  在網頁中插入圖像
  3.8  編輯網頁中的圖像
    3.8.1  設置圖像的大小和邊框
    3.8.2  設置圖像的間距和對齊方式
    3.8.3  設置圖像的替換文字和提示文字
  3.9  疑難解惑
  3.10  跟我學上機
第4章  使用HTML 5創建表格
  4.1  表格的基本結構
  4.2  創建表格
    4.2.1  創建普通表格
    4.2.2  創建一個帶有標題的表格
  4.3  編輯表格
    4.3.1  定義表格的邊框類型
    4.3.2  定義表格的表頭
    4.3.3  設置表格背景
    4.3.4  設置單元格的背景
    4.3.5  合併單元格
    4.3.6  表格的分組
    4.3.7  設置單元格的行高與列寬
  4.4  完整的表格標記
  4.5  設置懸浮變色的表格
  4.6  疑難解惑
  4.7  跟我學上機
第5章  使用HTML 5創建表單
  5.1  表單概述
  5.2  表單基本元素的使用
    5.2.1  單行文本輸入框
    5.2.2  多行文本輸入框
    5.2.3  密碼域
    5.2.4  單選按鈕
    5.2.5  複選框
    5.2.6  列表框
    5.2.7  普通按鈕
    5.2.8  提交按鈕
    5.2.9  重置按鈕
  5.3  表單高級元素的使用
    5.3.1  url屬性的使用
    5.3.2  email屬性的使用
    5.3.3  日期和時間屬性的使用
    5.3.4  number屬性的使用
    5.3.5  range屬性的使用

    5.3.6  required屬性的使用
  5.4  疑難解惑
  5.5  跟我學上機
第6章  HTML 5中的多媒體
  6.1  audio標記
    6.1.1  audio標記概述
    6.1.2  audio標記的屬性
    6.1.3  瀏覽器支持audio標記的情況
  6.2  在網頁中添加音頻文件
  6.3  video標記
    6.3.1  video標記概述
    6.3.2  video標記的屬性
    6.3.3  瀏覽器對video標記的支持情況
  6.4  在網頁中添加視頻文件
  6.5  疑難解惑
  6.6  跟我學上機
第7章  使用HTML 5繪製圖形
  7.1  添加canvas的步驟
  7.2  繪製基本形狀
    7.2.1  繪製矩形
    7.2.2  繪製圓形
    7.2.3  使用moveTo與lineTo繪製直線
    7.2.4  使用bezierCurveTo繪製貝濟埃曲線
  7.3  繪製漸變圖形
    7.3.1  繪製線性漸變
    7.3.2  繪製徑向漸變
  7.4  繪製變形圖形
    7.4.1  繪製平移效果的圖形
    7.4.2  繪製縮放效果的圖形
    7.4.3  繪製旋轉效果的圖形
    7.4.4  繪製組合效果的圖形
    7.4.5  繪製帶陰影的圖形
  7.5  使用圖像
    7.5.1  繪製圖像
    7.5.2  平鋪圖像
    7.5.3  裁剪圖像
    7.5.4  圖像的像素化處理
  7.6  繪製文字
  7.7  疑難解惑
  7.8  跟我學上機
第8章  CSS 3概述與基本語法
  8.1  CSS 3概述
    8.1.1  CSS 3的功能
    8.1.2  瀏覽器與CSS
    8.1.3  CSS 3的基礎語法
    8.1.4  CSS 3的常用單位
  8.2  在HTML 5中使用CSS 3的方法
    8.2.1  行內樣式
    8.2.2  內嵌樣式
    8.2.3  鏈接樣式

    8.2.4  導入樣式
    8.2.5  優先順序問題
  8.3  CSS 3的常用選擇器
    8.3.1  標記選擇器
    8.3.2  類選擇器
    8.3.3  ID選擇器
    8.3.4  全局選擇器
    8.3.5  組合選擇器
    8.3.6  選擇器繼承
    8.3.7  偽類選擇器
  8.4  選擇器聲明
    8.4.1  集體聲明
    8.4.2  多重嵌套聲明
  8.5  疑難解惑
  8.6  跟我學上機
第9章  使用CSS 3美化網頁字體與段落
  9.1  美化網頁文字
    9.1.1  設置文字的字體
    9.1.2  設置文字的字型大小
    9.1.3  設置字體風格
    9.1.4  設置加粗字體
    9.1.5  將小寫字母轉換為大寫字母
    9.1.6  設置字體的複合屬性
    9.1.7  設置字體顏色
  9.2  設置文本的高級樣式
    9.2.1  設置文本陰影效果
    9.2.2  設置文本的溢出效果
    9.2.3  設置文本的控制換行
    9.2.4  保持字體尺寸不變
  9.3  美化網頁中的段落
    9.3.1  設置單詞之間的間隔
    9.3.2  設置字元之間的間隔
    9.3.3  設置文字的修飾效果
    9.3.4  設置垂直對齊方式
    9.3.5  轉換文本的大小寫
    9.3.6  設置文本的水平對齊方式
    9.3.7  設置文本的縮進效果
    9.3.8  設置文本的行高
    9.3.9  文本的空白處理
    9.3.10  文本的反排
  9.4  疑難解惑
  9.5  跟我學上機
第10章  使用CSS 3美化網頁圖片
  10.1  圖片縮放
    10.1.1  通過描述標記width和height縮放圖片
    10.1.2  使用CSS 3中的max-width和max-height縮放圖片
    10.1.3  使用CSS 3中的width和height縮放圖片
  10.2  設置圖片的對齊方式
    10.2.1  設置圖片的橫向對齊
    10.2.2  設置圖片的縱向對齊

  10.3  圖文混排
    10.3.1  設置文字環繞效果
    10.3.2  設置圖片與文字的間距
  10.4  疑難解惑
  10.5  跟我學上機
第11章  使用CSS 3美化網頁背景與邊框
  11.1  使用CSS 3美化背景
    11.1.1  設置背景顏色
    11.1.2  設置背景圖片
    11.1.3  背景圖片重複
    11.1.4  背景圖片顯示
    11.1.5  背景圖片的位置
    11.1.6  背景圖片的大小
    11.1.7  背景的顯示區域
    11.1.8  背景圖像的裁剪區域
    11.1.9  背景複合屬性
  11.2  使用CSS 3美化邊框
    11.2.1  設置邊框的樣式
    11.2.2  設置邊框的顏色
    11.2.3  設置邊框的線寬
    11.2.4  設置邊框的複合屬性
  11.3  設置邊框的圓角效果
    11.3.1  設置圓角邊框
    11.3.2  指定兩個圓角半徑
    11.3.3  繪製四個不同角的圓角邊框
    11.3.4  繪製不同種類的邊框
  11.4  疑難解惑
  11.5  跟我學上機
第12章  使用CSS 3美化超級鏈接和游標
  12.1  使用CSS 3來美化超級鏈接
    12.1.1  改變超級鏈接的基本樣式
    12.1.2  設置帶有提示信息的超級鏈接
    12.1.3  設置超級鏈接的背景圖
    12.1.4  設置超級鏈接的按鈕效果
  12.2  使用CSS 3美化游標特效
    12.2.1  使用CSS 3控制游標箭頭
    12.2.2  設置游標變幻式超鏈接
  12.3  設計一個簡單的導航欄
  12.4  疑難解惑
  12.5  跟我學上機
第13章  使用CSS 3美化表格和表單
  13.1  美化表格的樣式
    13.1.1  設置表格邊框的樣式
    13.1.2  設置表格邊框的寬度
    13.1.3  設置表格邊框的顏色
  13.2  美化表單樣式
    13.2.1  美化表單中的元素
    13.2.2  美化提交按鈕
    13.2.3  美化下拉菜單
  13.3  疑難解惑

  13.4  跟我學上機
第14章  使用CSS 3美化網頁菜單
  14.1  使用CSS 3美化項目列表
    14.1.1  美化無序列表
    14.1.2  美化有序列表
    14.1.3  美化自定義列表
    14.1.4  製作圖片列表
    14.1.5  縮進圖片列表
    14.1.6  列表的複合屬性
  14.2  使用CSS 3製作網頁菜單
    14.2.1  製作無須表格的菜單
    14.2.2  製作水平和垂直菜單
  14.3  疑難解惑
  14.4  跟我學上機
第15章  使用濾鏡美化網頁元素
  15.1  濾鏡概述
  15.2  設置基本濾鏡效果
    15.2.1  高斯模糊濾鏡
    15.2.2  明暗度濾鏡
    15.2.3  對比度濾鏡
    15.2.4  陰影濾鏡
    15.2.5  灰度濾鏡
    15.2.6  反相濾鏡
    15.2.7  透明度濾鏡
    15.2.8  飽和度濾鏡
  15.3  使用濾鏡製作動畫效果
  15.4  疑難解惑
  15.5  跟我學上機
第16章  CSS 3中的動畫效果
  16.1  了解過渡效果
  16.2  添加過渡效果
  16.3  了解動畫效果
  16.4  添加動畫效果
  16.5  了解2D轉換效果
  16.6  添加2D轉換效果
    16.6.1  添加移動效果
    16.6.2  添加旋轉效果
    16.6.3  添加縮放效果
    16.6.4  添加傾斜效果
  16.7  添加3D轉換效果
  16.8  疑難解惑
  16.9  跟我學上機
第17章  HTML 5中的文件與拖放
  17.1  選擇文件
    17.1.1  選擇單個文件
    17.1.2  選擇多個文件
  17.2  使用FileReader介面讀取文件
    17.2.1  檢測瀏覽器是否支持FileReader介面
    17.2.2  FileReader介面的方法
  17.3  使用HTML 5實現文件的拖放效果

    17.3.1  認識文件拖放的過程
    17.3.2  瀏覽器支持情況
    17.3.3  在網頁中拖放圖片
  17.4  在網頁中來回拖放圖片
  17.5  在網頁中拖放文字
  17.6  疑難解惑
  17.7  跟我學上機
第18章  定位地理位置技術
  18.1  GeolocationAPI獲取地理位置
    18.1.1  地理定位的原理
    18.1.2  獲取定位信息的方法
    18.1.3  常用地理定位方法
    18.1.4  判斷瀏覽器是否支持HTML 5獲取地理位置信息
    18.1.5  指定緯度和經度坐標
    18.1.6  獲取當前位置的經度與緯度
    18.1.7  處理錯誤和拒絕
  18.2  目前瀏覽器對地理定位的支持情況
  18.3  在網頁中調用Google地圖
  18.4  疑難解惑
  18.5  跟我學上機
第19章  數據存儲和通信技術
  19.1  認識Web存儲
    19.1.1  本地存儲和Cookie的區別
    19.1.2  Web存儲方法
  19.2  使用HTML 5WebStorageAPI
    19.2.1  測試瀏覽器的支持情況
    19.2.2  使用sessionStorage方法創建對象
    19.2.3  使用localStorage方法創建對象
    19.2.4  WebStorage API的其他操作
    19.2.5  使用JSON對象存取數據
  19.3  常見瀏覽器對Web存儲的支持情況
  19.4  跨文檔消息傳輸
    19.4.1  跨文檔消息傳輸的基本知識
    19.4.2  跨文檔通信應用測試
  19.5  WebSocket API
    19.5.1  什麼是WebSocket API
    19.5.2  WebSocket通信基礎
    19.5.3  伺服器端使用WebSocket API
    19.5.4  客戶機端使用WebSocket API
  19.6  製作簡單Web留言本
  19.7  編寫簡單的WebSocket伺服器
  19.8  疑難解惑
  19.9  跟我學上機
第20章  處理線程和伺服器發送事件
  20.1  WebWorker
    20.1.1  WebWorker概述
    20.1.2  線程中常用的變數、函數與類
    20.1.3  與線程進行數據的交互
  20.2  線程嵌套
    20.2.1  單層線程嵌套

    20.2.2  多個子線程中的數據交互
  20.3  伺服器發送事件概述
  20.4  伺服器發送事件的實現過程
    20.4.1  檢測瀏覽器是否支持Server-Sent事件
    20.4.2  使用EventSource對象
    20.4.3  編寫伺服器端代碼
  20.5  創建WebWorker計數器
  20.6  伺服器發送事件實戰
  20.7  疑難解惑
  20.8  跟我學上機
第21章  CSS 3定位與DIV布局核心技術
  21.1  了解塊元素和行內元素
    21.1.1  塊元素和行內元素的應用
    21.1.2  div元素和span元素的區別
  21.2  盒子模型
    21.2.1  盒子模型的概念
    21.2.2  定義網頁的border區域
    21.2.3  定義網頁的padding區域
    21.2.4  定義網頁的margin區域
  21.3  CSS 3新增的彈性盒模型
    21.3.1  定義盒子的布局方向(box-orient)
    21.3.2  定義盒子元素的排列順序(box-direction)
    21.3.3  定義盒子元素的位置(box-ordinal-group)
    21.3.4  定義盒子的彈性空間(box-flex)
    21.3.5  管理盒子空間(box-pack和box-align)
    21.3.6  盒子空間的溢出管理(box-lines)
  21.4  設計淘寶導購菜單
  21.5  疑難解惑
  21.6  跟我學上機
第22章  項目實訓1——設計在線購物網站
  22.1  整體布局
    22.1.1  設計分析
    22.1.2  排版架構
  22.2  模塊分割
    22.2.1  Logo與導航區
    22.2.2  Banner與資訊區
    22.2.3  產品類別區域
    22.2.4  頁腳區域
  22.3  設置鏈接
第23章  項目實訓2——設計商業門戶網站
  23.1  整體設計
    23.1.1  顏色應用分析
    23.1.2  架構布局分析
  23.2  主要模塊設計
    23.2.1  網頁整體樣式
    23.2.2  網頁局部樣式
    23.2.3  頂部模塊代碼
    23.2.4  中間主體代碼
    23.2.5  底部模塊代碼
  23.3  網站調整

    23.3.1  部分內容調整
    23.3.2  模塊調整
    23.3.3  調整后預覽

同類熱銷排行榜

最近瀏覽的商品

HTML5+CSS3網頁設計與製作案例課堂(第3版)