HTML5+CSS3網站設計基礎教程

全麗莉 李傑

HTML5+CSS3網站設計基礎教程 預覽內頁
  • 出版商: 人民郵電
  • 出版日期: 2022-08-01
  • 定價: $419
  • 售價: 8.5 折 $356
  • 語言: 簡體中文
  • 頁數: 304
  • ISBN: 7115499616
  • ISBN-13: 9787115499615
  • 相關分類: CSS、HTML

    • 下單後立即進貨 (約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

類似商品

最後瀏覽商品 (20)