Web前端技術(HTML5+CSS3+響應式設計)
內容描述
本書全面詳細講解了Web前端的實用技術,以Web開發實際應用為驅動,循序漸進、案例豐富。
全書分為5部分共12章。
部分是Web基礎和HTML語法,包括、2章的內容;
*2部分是CSS核心原理,主要講解CSS選擇器、盒子模型、浮動、定位、CSS特性等,
包括第3~6章的內容;第3部分是CSS專題技術,主要講解各種導航的製作、wangye佈局的實現、
表單的製作與美化、CSS3的新增屬性等,包括第7~10章的內容;第4部分是響應式Web設計原理,
主要講解視口、媒體查詢、百分比佈局、彈性盒佈局等,包括1章的內容;第5部分即2章,是綜合應用,
以案例的形式,利用前面4部分的知識講解wangzhan從設計到實現的全過程。
本書可以作為高等院校本、專科相關專業的Web前端技術(wangye設計與製作)課程的教材,
也可以作為Web前端技術的培訓教材,是一本適合Web前端技術人員入門的參考書。
目錄大綱
.前言
□□章Web前端技術概述
1Web前端開發技術的發展
1.1.1Web1.0時代的wangye製作
1.1.2Web2.0時代的前端開發
1.1.3前端開發的核心技術
1.2Web術語
1.3Web標準
1.3.1什麼是Web標準
1.3.2Web標準的優勢
1.4瀏覽器的種類與作用
1.4.1瀏覽器的種類
1.4.2瀏覽器的市場份額
1.5前端開發工具
本章小結
2章HTML5語法基礎
2.1HTML概述
2.1.1HTML簡介
2.1. 2標籤
2.1.3標籤的屬性
2.1.4註釋語句
2.1.5HTML文檔的結構
2.2頭部標籤
2.2.1
2.2.2 2.2.3 2.3文本類標籤
2.3.1主體標籤
2.3.2文章標題標籤
2.3.3段落標籤
2.3.4換行標籤
2.3.5文本加粗標籤
2.3.6文本傾斜標籤
2.3.7預格式化標籤
2.3.8定義水平線標籤
2.4列表標籤
2.4.1無序列表
2.4.2有序列表
2.4.3自定義列表
2.5表格標籤
2.6多媒體類標籤
2.6.1圖像標籤
2.6.2視頻標籤
2.6.3音頻標籤
2.7對路徑和相對路徑
2.7.1對路徑
2.7.2相對路徑
2.8鏈接標籤
2.8.1創建鏈接
2.8.2鏈接的分類
2.9其他標籤
2.9.1典型的塊元素和行元素
2.9.2HTML實體
本章小結
第3章CSS樣式基礎
3.1CSS概述
3.2CSS語法規則
3.3CSS基本選擇器
3.3.1標籤選擇器
3.3.2類別選擇器
3.3.3ID選擇器
3.3. 4選擇器分組
3.4CSS樣式的引用
3.4.1內聯樣式
3.4.2內部樣式表
3.4.3外部樣式表
3.4.4導入樣式表
3.5CSS文本樣式
3.5.1CSS字體
3.5.2CSS文本
本章小結
第4章CSS複合選擇器及特性
4.1CSS組合選擇器
4.1.1標記類別選擇器
4.1.2後代選擇器
4.1.3子元素選擇器
4.1.4兄弟選擇器
4.2CSS其他選擇器
4.2.1屬性選擇器
4.2.2CSS偽類
4.2.3CSS偽元素
4.3CSS的特性
4.3.1CSS的繼承性
4.3.2CSS的層疊性
4.3.3CSS的優先級
本章小結
第5章CSS盒子模型
5.1CSS盒子模型的概念
5.2CSS盒子模型的設置
5.2.1元素的寬度和高度
5.2.2盒子的邊框
5.2 .3盒子的內邊距
5.2.4盒子的外邊距
5.2.5盒子的寬與高
5.3盒子的背景設置
5.3.1背景色
5.3.2背景圖像
5.3.3其他背景屬性
5.4標准文檔流
5.4.1元素的分類
5.4.2元素的位置關係
5.4.3display屬性
本章小結
第6章浮動與定位
6.1浮動
6.1.1浮動簡介
6.1.2清除浮動
6.2定位
6.2.1定位的概念
6.2.2靜態定位
6.2.3相對定位
6.2.4對定位
6.2.5固定定位
6.2.6zindex層疊
本章小結
第7章導航的製作
7.1列表標籤的CSS屬性
7.2垂直導航條的製作
7.3水平導航條的製作
7.4二級導航條的製作
本章小結
第8章wangye佈局
8.1常見佈局
8.1.1wangye佈局原理
8.1.2常見的佈局形式
8.2頁面佈局標籤
8.3各種佈局的實現
8.3.1單列佈局的實現
8.3.2兩列佈局的實現
8.3.3三列佈局的實現
8.3.4混合佈局的實現
8.4佈局案例
8.4.1搭建HTML文檔結構
8.4.2添加主要的類名
8.4. 3公共樣式的設置
8.4.4頁眉樣式的設置
8.4.5主體樣式的設置
本章小結
第9章表單的製作與美化
9.1認識表單
9.1.1表單的構成
9.1.2創建表單
9.2input控件及屬性
9.2 .1type屬性
9.2.2其他屬性
9.3其他表單控件
9.3.1label標記控件
9.3.2select控件
9.3.3textarea控件
9.4美化表單
本章小結
10章CSS3的常用屬性
10.1分列佈局column屬性
10.2文字陰影textshadow屬性
10.3盒子boxshadow屬性
10.4圓角邊框borderradius屬性
10.5過渡transition屬性
10.6變形transform屬性
10.7動畫animation屬性
10.8CSS3照片牆的製作
本章小結
11章響應式Web設計原理
11.1視口概述
11.1.1響應式設計的wangzhan
11.1.2什麼是視口
11.1.3視口的設置
11.2媒體查詢
11.2.1什麼是媒體查詢
11.2.2媒體查詢的使用
11.2.3漢堡菜單
11.3百分比佈局
11.3.1圖像自適應
11.3.2文字自適應
11.3.3佈局百分比
11.4彈性盒佈局
11.4 .1如何定義彈性盒模型
11.4.2彈性盒模型中的容器屬性
11.4.3彈性盒模型中子元素的屬性
11.5響應式設計案例
11.5.1案例分析
11.5.2分析HTML文檔結構
11.5.3編寫CSS樣式文件
本章小結
12章綜合案例
12.1wangzhan的開發流程
12.2Web前端設計
12.2.1Web前端設計的流程
12.2.2內容分析
12.2.3結構設計
12.2.4原型設計
12.2.5佈局設計
12.2.6公共樣式文件
12.2.7詳細設計
本章小結
參考文獻