《HTML5+CSS3網頁設計與製作基礎教程》是2018年7月機械工業出版社出版的圖書，作者是顧理琴、常村紅、劉萬輝。
基本介紹
- 書名：HTML5+CSS3網頁設計與製作基礎教程
- 作者：顧理琴、常村紅、劉萬輝
- ISBN：9787111601654
- 定價：49元
- 出版社：機械工業出版社
- 出版時間：2018年7月
- 裝幀：平裝
- 開本：16開
內容簡介,圖書目錄,
內容簡介
《HTML5+CSS3網頁設計與製作基礎教程》以培養職業能力為核心，以工作實踐為主線，以真實項目貫穿整個教學過程，基於現代職業教育課程結構模組化教學內容，面向網頁前端工程師崗位細化課程內容。 本書採用模組化的編寫思路，將HTML5、CSS3整合，後引入了JavaScript的學習內容，本書共有網頁設計與策劃、網頁效果圖設計與製作、圖文混排頁面的實現、HTML5文檔的實現、層疊樣式表的實現、網頁美化效果的實現、網頁布局的實現、表單的實現、利用CSS實現動態效果和利用JavaScript實現動態效果共10個教學模組。所有教學內容符合崗位需求，同時本書以企業案例套用項目貫穿各個知識模組，又以綜合教學案例鞏固了課程內容。初學者通過本書的學習和輔助項目實訓的系統訓練，必將勝任網頁前端工程師的工作。 本書內容豐富，實用性強，可作為高職高專院校計算機軟體技術、計算機維護、計算機套用技術、多媒體技術、電子商務等專業的“網頁設計與製作”課程的教材，也可作為網頁設計愛好者學習的參考書。
圖書目錄
第1章 網頁設計與策劃
1.1 網頁和網站
1.1.1 網頁和網站的概念
1.1.2 網頁的常用技術
1.2 網站開發流程
1.2.1 前期策劃與組織
1.2.2 網頁效果圖的設計製作
1.2.3 網頁製作
1.2.4 網站測試與發布
1.3 常用網頁製作軟體
1.3.1 網頁圖形圖像處理工具
1.3.2 網站頁面的編輯工具
1.4 項目實戰：淮安蒸丞文化傳媒有限公司網站設計策劃
1.4.1 網站開發需求
1.4.2 同類網站搜尋
1.4.3 網站草圖繪製
1.4.4 建立站點
1.5 習題與項目實踐
第2章 網頁效果圖設計與製作
2.1 Photoshop 套用基礎
2.1.1 認識Photoshop CC界面
2.1.2 Photoshop CC的基本操作
2.1.3 圖層的相關套用
2.1.4 圖層樣式的套用
2.1.5 圖層混合模式的套用
2.1.6 Photoshop CC的常用快捷鍵
2.1.7 案例：企業Logo設計
2.2 Photoshop CC高級套用
2.2.1 通道的概念與使用技巧
2.2.2 蒙版的概念與使用技巧
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.3.9 版權資訊的製作
2.4 習題與項目實踐
第3章 圖文混排頁面的實現
3.1 HTML5的簡介
3.1.1 HTML5的發展史
3.1.2 HTML5的優勢
3.1.3 HTML5的未來發展
3.1.4 瀏覽器介紹
3.2 HTML5基礎
3.2.1 HTML5基本結構
3.2.2 HTML5的基本語法
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.5 圖像標籤
3.6 超級連結標籤<a>
3.7 表格標籤
3.8 項目實戰：淮安蒸丞文化傳媒有限公司網站製作
3.8.1 案例效果展示
3.8.2 案例實現分析
3.8.3 案例實現過程
3.9 習題與項目實踐
第4章 HTML5文檔的實現
4.1 HTML5的元素分類
4.2 結構性元素
4.2.1 認識結構性元素
4.2.2 <header>標籤
4.2.3 <article>標籤
4.2.4 <section>標籤
4.2.5 <nav>標籤
4.2.6 <footer>標籤
4.3 級塊性元素
4.3.1 <aside>標籤
4.3.2 <figure>標籤
4.4 行內語義性元素
4.4.1 <progress>標籤
4.4.2 <meter>標籤
4.4.3 <time>標籤
4.5 互動性元素
4.5.1 <details>標籤和<summary>標籤
4.5.2 <menu>標籤與<command>標籤
4.6 多媒體對象的使用
4.6.1 視頻與音頻格式
4.6.2 插入視頻
4.6.3 插入音頻
4.7 項目實戰：淮安蒸丞文化傳媒有限公司網站HTML5頁面的編寫
4.7.1 案例效果展示
4.7.2 案例實現分析
4.7.3 案例實現過程
4.8 習題與項目實踐
第5章 層疊樣式表的實現
5.1 CSS3的介紹
5.2 CSS樣式
5.2.1 CSS樣式設定規則
5.2.2 CSS樣式的引入方法
5.3 CSS基本選擇器
5.3.1 標籤選擇器
5.3.2 類選擇器
5.3.3 id選擇器
5.3.4 通用選擇器
5.4 其他CSS選擇器
5.4.1 組合選擇器
5.4.2 屬性選擇器
5.4.3 結構偽類選擇器
5.4.4 連結偽類選擇器
5.4.5 偽元素選擇器
5.5 CSS的繼承與層疊
5.5.1 CSS的繼承性
5.5.2 CSS的層疊性
5.6 項目實戰：淮安蒸丞文化傳媒有限公司網站導航欄等的製作
5.6.1 案例效果展示
5.6.2 案例實現分析
5.6.3 案例實現過程
5.7 習題與項目實踐
第6章 網頁美化效果的實現
6.1 文本樣式設定
6.1.1 設定CSS的字型屬性
6.1.2 文本屬性
6.2 列表樣式設定
6.2.1 列表符號
6.2.2 圖像符號
6.2.3 列表縮進
6.2.4 複合屬性
6.3 背景樣式設定
6.3.1 背景的基本設定
6.3.2 CSS3新增的背景設定
6.4 項目實戰：蒸丞文化頁面“公司簡介”與“版權資訊”的美化
6.4.1 案例效果展示
6.4.2 案例實現分析
6.4.3 案例實現過程
6.5 習題與項目實踐
第7章 網頁布局的實現
7.1 盒子模型
7.2 盒子模型的常用屬性
7.2.1 框線border屬性
7.2.2 邊距屬性
7.2.3 框線其他屬性
7.3 浮動與定位
7.3.1 元素的類型與轉換
7.3.2 浮動屬性float
7.3.3 清除浮動屬性clear
7.3.4 元素的定位
7.3.5 overflow溢出屬性
7.4 項目實戰：蒸丞文化頁面“行業資訊”模組的製作
7.4.1 案例效果展示
7.4.2 案例實現分析
7.4.3 案例實現過程
7.5 習題與項目實踐
第8章 表單的實現
8.1 表單的概述
8.2 表單的建立
8.3 表單的基本元素
8.3.1 表單域
8.3.2 表單按鈕
8.4 表單新增元素
8.4.1 新增的表單元素
8.4.2 新增的表單屬性
8.5 項目實戰：蒸丞文化頁面“聯繫我們”模組的製作
8.5.1 案例效果展示
8.5.2 案例實現分析
8.5.3 案例實現過程
8.6 習題與項目實踐
第9章 利用CSS實現動態效果
9.1 CSS3轉換
9.1.1 transform簡介
9.1.2 常用的transform變形方法
9.1.3 3D變形
9.2 transitions過渡
9.2.1 transitions功能介紹
9.2.2 過渡屬性的套用
9.3 animation動畫
9.3.1 動畫的基本定義與調用
9.3.2 animation的其他屬性
9.4 項目實戰：蒸丞文化頁面“項目介紹”和“經典案例”模組的製作
9.4.1 案例效果展示
9.4.2 案例實現分析
9.4.3 案例實現過程
9.5 習題與項目實踐
第10章 利用JavaScript實現動態效果
10.1 JavaScript概述
10.1.1 JavaScript簡介
10.1.2 JavaScript的特點
10.1.3 JavaScript的使用方法
10.2 jQuery概述
10.2.1 jQuery簡介
10.2.2 jQuery基礎
10.2.3 jQuery引用
10.3 常用的jQuery+CSS3特效套用實例
10.3.1 實例1：時間，倒計時
10.3.2 實例2：下拉式選單
10.3.3 實例3：右側懸浮選單
10.4 項目實戰：蒸丞文化頁面banner輪播圖的製作
10.4.1 案例效果展示
10.4.2 案例實現分析
10.4.3 案例實現過程
10.5 習題與項目實踐
參考文獻
