HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)
定 價(jià):42 元
叢書名:全國(guó)高等職業(yè)教育“十三五”規(guī)劃教材
- 作者:黃源
- 出版時(shí)間:2018/4/1
- ISBN:9787111594369
- 出 版 社:機(jī)械工業(yè)出版社
- 中圖法分類:TP312.8;TP393.092.2
- 頁(yè)碼:222
- 紙張:膠版紙
- 版次:1
- 開本:16開
HTML5+CSS3是當(dāng)今網(wǎng)頁(yè)設(shè)計(jì)的主流技術(shù),本書全面介紹了HTML5的新功能及CSS3樣式表的設(shè)計(jì)方式,并將HTML5+CSS3技術(shù)貫穿于網(wǎng)頁(yè)設(shè)計(jì)實(shí)際應(yīng)用之中。
《HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)》將理論與實(shí)踐操作相結(jié)合,通過大量的案例幫助讀者快速了解和應(yīng)用HTML5網(wǎng)頁(yè)設(shè)計(jì)相關(guān)技術(shù)。本書共分為8章,分別介紹了HTML5語(yǔ)言基礎(chǔ)知識(shí)概述、CSS技術(shù)概述、HTML5+CSS網(wǎng)頁(yè)布局設(shè)計(jì)、HTML5表單設(shè)計(jì)、音頻與視頻設(shè)計(jì)、畫布設(shè)計(jì)、拖放設(shè)計(jì)等內(nèi)容。本書后是綜合案例,以幫助讀者鞏固所學(xué)知識(shí)。
《HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)》適合作為高職高專院校相關(guān)專業(yè)學(xué)生的教材,可也供廣大網(wǎng)頁(yè)設(shè)計(jì)愛好者自學(xué)使用。
“理論-實(shí)踐操作”相結(jié)合的方式編寫
提供微課視頻,掃描書中二維碼即可觀看
目前,HTML5+CSS3技術(shù)已經(jīng)成為了移動(dòng)端網(wǎng)頁(yè)設(shè)計(jì)的主流技術(shù),各大廠商紛紛推出支持HTML5的瀏覽器和應(yīng)用程序。
《HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)》以“理論—實(shí)踐操作”相結(jié)合的方式深入講解了HTML5+CSS3網(wǎng)頁(yè)開發(fā)相關(guān)技術(shù),在內(nèi)容設(shè)計(jì)上,既有上課時(shí)老師的講述部分,包括詳細(xì)的理論與典型的案例;又有課堂中的“想一想”“練一練”環(huán)節(jié),雙管齊下,極大地激發(fā)學(xué)生在課堂上的學(xué)習(xí)積極性與主動(dòng)創(chuàng)造性,讓學(xué)生在課堂上跟上老師的思維,從而學(xué)到更多有用的知識(shí)和技能。同時(shí)在每章的結(jié)束有實(shí)訓(xùn)題,通過典型題目讓讀者將該章知識(shí)點(diǎn)轉(zhuǎn)換為實(shí)際工作中所需要的相關(guān)技能。
《HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)》共分8章,第1章介紹HTML5基礎(chǔ)知識(shí);第2章介紹CSS技術(shù)概述;第3章介 紹HTML5+CSS網(wǎng)頁(yè)布局設(shè)計(jì);第4章介紹HTML5表單設(shè)計(jì);第5章介紹音頻與視頻設(shè)計(jì);第6章介紹畫布設(shè)計(jì)與SVG畫圖;第7章介紹HTML5拖放設(shè)計(jì);第8章介紹網(wǎng)頁(yè)制作綜合案例。
本書特色如下:
(1)采用“理實(shí)一體化”的講解方式,課堂上既有知識(shí)點(diǎn)的講述又有讀者獨(dú)立思考、上機(jī)操作的內(nèi)容。
(2)豐富的教學(xué)案例,包含了書中的源代碼,教學(xué)課件、習(xí)題答案、每章的微課錄像等多種教學(xué)資源。
(3)緊跟時(shí)代潮流,注重技術(shù)變化,書中包含了最新的響應(yīng)式布局開發(fā)相關(guān)知識(shí)及HTML5拖放知識(shí)。
《HTML5+CSS3網(wǎng)頁(yè)設(shè)計(jì)》由黃源、杜柏村、羅少甫編著。其中黃源編著了第1、3、6和8章;杜柏村編著了第5和7章;羅少甫編著了第2和4章。重慶航天職業(yè)技術(shù)學(xué)院徐受蓉教授對(duì)書中內(nèi)容進(jìn)行了審閱。全書由黃源負(fù)責(zé)統(tǒng)稿工作。
在編寫過程中,編者參閱了大量的相關(guān)資料,在此表示感謝!
由于編者水平有限,書中難免出現(xiàn)疏漏之處,衷心希望廣大讀者批評(píng)指正!
前言
第1章 HTML5基礎(chǔ)知識(shí)
1.1 HTML簡(jiǎn)介
1.1.1 HTML歷史
1.1.2 HTML標(biāo)記介紹
1.2 HTML5概述
1.2.1 HTML5特點(diǎn)及語(yǔ)法介紹
1.2.2 HTML5頁(yè)面布局及新元素介紹
1.2.3 HTML5常見元素介紹
1.3 HTML5與CSS樣式表
1.4 HTML5現(xiàn)狀
1.4.1 瀏覽器的支持力度
1.4.2 檢查瀏覽器是否支持HTML5標(biāo)簽
1.5 小結(jié)
1.6 實(shí)訓(xùn)
1.7 習(xí)題
第2章 CSS技術(shù)概述
2.1 CSS簡(jiǎn)介
2.1.1 CSS的發(fā)展
2.1.2 CSS實(shí)例
2.1.3 CSS樣式表概述
2.2 CSS基本語(yǔ)法
2.2.1 CSS 語(yǔ)法
2.2.2 id選擇器和class選擇器
2.3 CSS應(yīng)用技巧
2.3.1 如何插入樣式表
2.3.2 網(wǎng)頁(yè)元素的顏色
2.3.3 文本樣式設(shè)計(jì)
2.3.4 網(wǎng)頁(yè)元素的顯示
2.3.5 鏈接樣式的設(shè)計(jì)
2.3.6 字體的設(shè)置
2.3.7 網(wǎng)頁(yè)元素的邊框與背景
2.3.8 網(wǎng)頁(yè)元素的定位
2.3.9 網(wǎng)頁(yè)元素的浮動(dòng)
2.3.10 CSS動(dòng)畫效果的實(shí)現(xiàn)
2.4 小結(jié)
2.5 實(shí)訓(xùn)
2.6 習(xí)題
第3章 HTML5+CSS網(wǎng)頁(yè)布局設(shè)計(jì)
3.1 響應(yīng)式布局的概念
3.1.1 什么是響應(yīng)式布局
3.1.2 移動(dòng)端的設(shè)計(jì)特點(diǎn)
3.1.3 響應(yīng)式布局實(shí)例欣賞
3.2 響應(yīng)式布局設(shè)計(jì)原理
3.2.1 流式布局
3.2.2 媒體查詢
3.3 網(wǎng)頁(yè)標(biāo)題與導(dǎo)航欄目的設(shè)計(jì)與制作
3.3.1 標(biāo)題欄目與導(dǎo)航欄目設(shè)計(jì)思路
3.3.2 標(biāo)題欄目設(shè)計(jì)過程
3.3.3 為標(biāo)題欄目加入其他效果
3.3.4 導(dǎo)航欄目設(shè)計(jì)過程
3.3.5 導(dǎo)航欄目的排列
3.4 網(wǎng)頁(yè)頁(yè)腳部分設(shè)計(jì)與制作
3.4.1 頁(yè)腳設(shè)計(jì)思路
3.4.2 頁(yè)腳設(shè)計(jì)過程
3.5 網(wǎng)頁(yè)正文的文本部分設(shè)計(jì)與制作
3.5.1 文本內(nèi)容設(shè)計(jì)思路
3.5.2 文本內(nèi)容制作過程
3.6 網(wǎng)頁(yè)正文的圖像與文本部分設(shè)計(jì)與制作
3.6.1 網(wǎng)頁(yè)圖像設(shè)計(jì)與制作
3.6.2 網(wǎng)頁(yè)圖像與文本設(shè)計(jì)與制作
3.7 綜合練習(xí)
3.8 小結(jié)
3.9 實(shí)訓(xùn)
3.10 習(xí)題
第4章 HTML5表單設(shè)計(jì)
4.1 表單的基本元素
4.1.1 表單介紹
4.1.2 創(chuàng)建表單
4.2 表單元素的應(yīng)用
4.2.1 input標(biāo)簽
4.2.2 label標(biāo)簽
4.2.3 fieldset標(biāo)簽
4.2.4 select標(biāo)簽
4.2.5 單選復(fù)選標(biāo)簽
4.2.6 時(shí)間與日期標(biāo)簽
4.2.7 文件域標(biāo)簽
4.2.8 多行文字框標(biāo)簽
4.2.9 number屬性標(biāo)簽
4.2.10 range屬性標(biāo)簽
4.2.11 email屬性標(biāo)簽
4.2.12 placeholder屬性標(biāo)簽
4.2.13 表單實(shí)例
4.3 HTML5其他表單新元素
4.3.1 autocomplete屬性標(biāo)簽
4.3.2 表單重寫屬性標(biāo)簽
4.3.3 autofocus屬性標(biāo)簽
4.3.4 pattern屬性標(biāo)簽
4.4 表單綜合應(yīng)用
4.5 小結(jié)
4.6 實(shí)訓(xùn)
4.7 習(xí)題
第5章 音頻與視頻設(shè)計(jì)
5.1 多媒體標(biāo)簽概述
5.2 音頻標(biāo)簽的具體應(yīng)用
5.2.1 音頻標(biāo)簽的定義
5.2.2 自定義音頻標(biāo)簽
5.2.3 音頻標(biāo)簽的預(yù)加載
5.2.4 音頻的自動(dòng)播放
5.2.5 音頻的循環(huán)播放
5.3 視頻標(biāo)簽的具體應(yīng)用
5.3.1 視頻標(biāo)簽的定義
5.3.2 瀏覽器對(duì)視頻video標(biāo)簽的支持
5.3.3 視頻標(biāo)簽的應(yīng)用
5.3.4 自定義視頻播放面板
5.3.5 video標(biāo)簽屬性
5.4 小結(jié)
5.5 實(shí)訓(xùn)
5.6 習(xí)題
第6章 HTML5畫布設(shè)計(jì)及SVG畫圖
6.1 Canvas畫布設(shè)計(jì)
6.1.1 Canvas概述
6.1.2 Canvas語(yǔ)法
6.1.3 Canvas基本設(shè)置及實(shí)現(xiàn)方式
6.2 SVG畫圖
6.2.1 SVG概述
6.2.2 SVG繪圖方式
6.3 小結(jié)
6.4 實(shí)訓(xùn)
6.5 習(xí)題
第7章 HTML5拖放設(shè)計(jì)
7.1 拖放的概念
7.2 拖放元素的定義和創(chuàng)建
7.2.1 拖放元素的定義
7.2.2 拖放的實(shí)施
7.3 圖片來回拖放
7.3.1 來回拖放的定義
7.3.2 來回拖放的創(chuàng)建
7.4 小結(jié)
7.5 實(shí)訓(xùn)
7.6 習(xí)題
第8章 綜合案例
8.1 網(wǎng)頁(yè)制作的流程
8.2 新聞網(wǎng)站的制作
8.3 購(gòu)物網(wǎng)站的制作
8.4 旅游網(wǎng)站的制作