HTML5+CSS3網站設計基礎教程

全麗莉 李傑

  • 出版商: 人民郵電
  • 出版日期: 2022-08-01
  • 定價: $419
  • 售價: 8.5$356
  • 語言: 簡體中文
  • 頁數: 304
  • ISBN: 7115499616
  • ISBN-13: 9787115499615
  • 相關分類: CSSHTML
  • 下單後立即進貨 (約4週~6週)

  • HTML5+CSS3網站設計基礎教程-preview-1
  • HTML5+CSS3網站設計基礎教程-preview-2
HTML5+CSS3網站設計基礎教程-preview-1

相關主題

商品描述

全書將網頁設計與製作知識分解為10個章節,第1~2章主要講解HTML5的基礎知識。第3~4章主要講解CSS3入門及CSS3選擇器。第5~7章分別講解盒子模型、元素的浮動與定位和表單的應用。第8章主要講解多媒體技術。第9章講解CSS3的高級應用。第10章為跨平臺移動Web技術,利用HTMl5和CSS3互相配合與支持的,實現響應式Web設計。

本書適合沒有任何網頁設計基礎的初學者進行學習。

作者簡介

发表了《“职业院校学生顶岗实习评价指标体系研究与实践”》、《基于微信平台的高职院校移动学习平台的设计与实现》等多篇论文;出版了适合高职高专学生使用的《Office办公自动化高级应用》、《C语言程序设计》等多部教材;主讲了《网页设计与制作》、《办公自动化高级应用》等课程。参与建设的《模型制作》课程被教育部评审为国家级教学资源共享课程。主持湖北省教育科学“十二五”规划课题《高职院校现代学徒制实施方式与配套政策设计研究》、武汉市教育局高教处教学研究课题《基于微信平台高职学生移动学习资源的设计与开发》等立项课题的研究。多次指导学生参加湖北省高职院校技能大赛,多次获得市级一、二等奖项。

目錄大綱

目錄

第 一章 網站概述與HTML語言 2

1.1 HTML概述 2

1.1.1 HTML發展歷程 2

1.1.2 HTML5的優勢 3

1.1.3 HTML5瀏覽器支持情況 4

1.1.4 創建第 一個HTML5頁面 5

1.2 HTML5基礎 10

1.2.1 HTML5文檔基本格式 10

1.2.2 HTML5語法 11

1.2.3 HTML標記 12

1.2.4 標記的屬性 14

1.2.5 HTML5文檔頭部相關標記 16

1.3 文本控制標記 20

1.3.1 標題和段落標記 20

1.3.2 文本格式化標記 25

1.3.3 特殊標記字符 26

1.4 圖像標記 27

1.4.1 常用圖像格式 27

1.4.2 圖像標記 28

1.4.3 絕對路徑和相對路徑 33

1.5 超鏈接標記 33

1.5.1 創建超鏈接 33

1.5.2 錨點鏈接 35

1.6階段案例——製作HTML5百科頁面 37

1.6.1 分析效果圖 39

1.6.2 製作頁面 39

1.6.3 製作頁面鏈接 43

本章小節 43

第二章 HTML5頁面元素及屬性 2

2.1 列表元素 2

2.1.1 無序列表元素 2

2.1.2 有序列表元素 4

2.1.3 定義列表元素 6

2.1.4 列表的嵌套應用 7

2.2 結構元素 8

2.2.1 header元素 8

2.2.2 nav元素 9

2.2.3 article元素 10

2.2.4 aside元素 11

2.2.5 section元素 13

2.2.6 footer元素 14

2.3 分組元素 15

2.3.1 figure元素和figcaption元素 15

2.3.2 hgroup元素 16

2.4頁面交互元素 18

2.4.1 details元素和summary元素 18

2.4.2 progress元素 20

2.4.3 meter元素 21

2.5 文本層次語義元素 22

2.5.1 time元素 22

2.5.2 mark 元素 23

2.5.3 cite 元素 24

2.6 全局屬性 25

2.6.1 draggable 屬性 25

2.6.2 hidden 屬性 26

2.6.3 spellcheck屬性 26

2.6.4 contenteditable屬性 27

2.7 階段案例--製作電影影評網 28

2.7.1 分析效果圖 29

2.7.2 製作頁面 30

本章小結 35

第三章 CSS3入門 2

3.1 CSS3 簡介 2

3.1.1 CSS概述 2

3.1.2 CSS3發展歷史 3

3.1.3 CSS3瀏覽器支持情況 4

3.2 CSS核心基礎 5

3.2.1 CSS樣式規則 5

3.2.2 引入CSS樣式表 6

3.2.3 CSS基礎選擇器 11

3.3 文本樣式屬性 18

3.3.1 字體樣式屬性 18

3.3.2 文本外觀屬性 24

3.4 CSS高級特性 35

3.4.1 CSS層疊性和繼承性 35

3.4.2 CSS優先級 37

3.5 階段案例——製作服裝推廣軟文 41

3.5.1 分析結果圖 42

3.5.2 製作頁面結構 42

3.5.3 定義CSS樣式 43

本章小結 45

第四章 CSS3選擇器 2

4.1 屬性選擇器 2

4.1.1 E[att^=value]屬性選擇器 2

4.1.2 E[att$=value]屬性選擇器 4

4.1.3 E[att*=value]屬性選擇器 6

4.2 關系選擇器 7

4.2.1 子代選擇器(>) 7

4.2.2 兄弟選擇器(+、~) 8

4.3 結構化偽類選擇器 11

4.3.1 :root選擇器 11

4.3.2 :not選擇器 12

4.3.3 :only-child選擇器 13

4.3.4 :first-child 和 :last-child選擇器 15

4.3.5 :nth-child(n)和:nth-last-child(n)選擇器 16

4.3.6 :nth-of-type(n)和:nth-last-of-type(n)選擇器 17

4.3.7 :empty選擇器 19

4.3.8 :target選擇器 20

4.4 偽元素選擇器 22

4.4.1 :before選擇器 22

4.4.2 :after選擇器 23

4.5 鏈接偽類 24

4.6 階段案例——製作網頁設計軟件列表 26

4.6.1 分析效果圖 27

4.6.2 製作頁面結構 28

4.6.3 定義CSS樣式 30

本章小結 32

第五章 CSS盒子模型 2

5.1盒子模型概述 2

5.1.1 認識盒子模型 2

5.1.2 

標記 4

5.1.3 盒子的寬與高 6

5.2盒子模型相關屬性 8

5.2.1 邊框屬性 8

5.2.2 邊距屬性 19

5.2.3 box-shadow屬性 24

5.2.4 box-sizing屬性 25

5.3背景屬性 27

5.3.1 設置背景顏色 27

5.3.2 設置背景圖片 29

5.3.3 背景與圖片不透明度設置 29

5.3.4 設置背景圖像平鋪 31

5.3.5 設置背景圖像的位置 32

5.3.6 設置背景圖像固定 34

5.3.7 設置背景圖像的大小 35

5.3.8 設置背景的顯示區域 37

5.3.9 設置背景圖像的裁剪區域 39

5.3.10 設置多重背景圖像 40

5.3.11 背景復合屬性 42

5.4 CSS漸變屬性 44

5.4.1 線性漸變 44

5.4.2 徑向漸變 46

5.4.3 重復漸變 48

5.5階段案例——製作音樂排行榜 51

5.5.1 分析效果圖 51

5.5.2 製作頁面結構 52

5.5.3 定義CSS樣式 53

本章小結 55

第六章 浮動與定位 3

6.1 元素浮動 3

6.1.1 元素的浮動屬性float 3

6.1.2 清除浮動 7

6.2 overflow屬性 15

6.3 元素的定位 17

6.3.1 元素的定位屬性 17

6.3.2 靜態定位static 18

6.3.3 相對定位 relative 18

6.3.4 絕對定位 absolute 20

6.3.5 固定定位fixed 23

6.3.6 z-index層疊等級屬性 23

6.4 元素的類型與轉換 24

6.4.1 元素的類型 24

6.4.2 標記 27

6.4.3 元素的轉換 28

6.5 階段案例--製作網頁焦點圖 30

6.5.1 分析效果圖 31

6.5.2 製作頁面結構 31

6.5.3 定義CSS樣式 33

本章小結 36

第七章 表單的應用 2

7.1 認識表單 2

7.1.1 表單的構成 2

7.1.2 創建表單 3

7.2 表單屬性 4

7.3 input元素及屬性 7

7.3.1 input元素的type屬性 8

7.3.2 input元素的其他屬性 17

7.4 其他表單元素 25

7.4.1 textarea元素 25

7.4.2 select元素 26

7.4.3 datalist元素 30

7.4.4 keygen元素 31

7.4.5 output元素 33

7.5 CSS控製表單樣式 33

7.6 階段案例——製作信息登記表 38

7.6.1 分析效果圖 39

7.6.2 製作頁面結構 40

7.6.3 定義CSS樣式 42

本章小結 45

第八章 多媒體技術 2

8.1 HTML5多媒體的特性 2

8.2 多媒體的支持條件 3

8.2.1 視頻和音頻編解碼器 3

8.2.2 多媒體的格式 4

8.2.3 支持視頻和音頻的瀏覽器 4

8.3 嵌入視頻和音頻 6

8.3.1 在HTML5中嵌入視頻 6

8.3.2 在HTML5中嵌入音頻 8

8.3.3 音、視頻中的source元素 9

8.3.4 調用網頁多媒體文件 10

8.4 CSS控制視頻的寬高 13

8.5 視頻和音頻的方法和事件 15

8.6 HTML5音、視頻發展趨勢 16

8.7 階段案例-------製作音樂播放界面 17

8.7.1 分析效果圖 17

8.7.2 製作頁面結構 18

8.7.3 定義CSS樣式 19

本章小結 22

第九章 CSS高級應用 2

9.1 過渡 2

9.1.1 transition-property屬性 2

9.1.2 transition-duration屬性 4

9.1.3 transition-timing-function屬性 5

9.1.4 transition-delay屬性 7

9.1.5 transition屬性 8

9.2 變形 8

9.2.1認識transform 8

9.2.2 D轉換 9

9.2.3 3D轉換 17

9.3 動畫 23

9.3.1 @keyframes 23

9.3.2 animation-name屬性 24

9.3.3 animation-duration屬性 24

9.3.4 animation-timing-function屬性 26

9.3.5 animation-delay屬性 27

9.3.6 animation-iteration-count屬性 28

9.3.7 animation-direction屬性 28

9.3.8 animation屬性 30

9.4 階段案例——製作工作日天氣預報 30

9.4.1 分析效果圖 31

9.4.2 製作頁面結構 32

9.4.3 定義CSS樣式 33

9.4.4 製作CSS3動畫 37

本章小結 43

第十章 跨平臺移動Web技術 1

10.1 響應式Web設計 1

10.1.1 響應式Web設計簡介 2

10.1.2 響應式Web設計相關技術 3

10.2 媒體查詢 4

10.3 柵格系統 7

10.4 彈性盒佈局 11

本章小結 20