HTML+CSS3+jQuery網(wǎng)頁(yè)設(shè)計(jì)案例教程

定　價(jià)：￥49.00

作　者：	劉培林
出版社：	電子工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買這本書可以去

當(dāng)當(dāng)網(wǎng) (￥49.00)

ISBN：	9787121424342	出版時(shí)間：	2021-12-01	包裝：	平塑
開本：		頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　本書共12章，第1-3章介紹HTML知識(shí)，包括文檔結(jié)構(gòu)、元素結(jié)構(gòu)和常用元素如圖像、超鏈接等的用法，完成了網(wǎng)頁(yè)內(nèi)容的設(shè)計(jì)。第4-5章介紹CSS基礎(chǔ)知識(shí)，包括CSS選擇器和元素的樣式，重點(diǎn)介紹了元素的框模型和背景樣式，基于圖像背景和背景定位實(shí)現(xiàn)了圖像精靈，完成了網(wǎng)頁(yè)樣式的初步設(shè)計(jì)。第6-8章介紹CSS3知識(shí)，包括定位、布局和動(dòng)畫的知識(shí)，基于定位和動(dòng)畫技術(shù)設(shè)計(jì)了輪播廣告和幽靈按鈕，基于布局技術(shù)設(shè)計(jì)了某監(jiān)控系統(tǒng)網(wǎng)頁(yè)布局，完成了實(shí)用復(fù)雜網(wǎng)頁(yè)和網(wǎng)頁(yè)實(shí)用效果的設(shè)計(jì)。第9-11章介紹jQuery知識(shí)，從選擇器出發(fā)，介紹元素遍歷方法和樣式操作、jQuery效果與動(dòng)畫，實(shí)現(xiàn)了元素的增刪改查操作和完善的輪播廣告設(shè)計(jì)，完成了網(wǎng)頁(yè)功能設(shè)計(jì)。第12章仿照華為網(wǎng)站首頁(yè)設(shè)計(jì)了一個(gè)網(wǎng)站首頁(yè)，將全書內(nèi)容進(jìn)行了貫穿和升華。本書可作為高職高專院校網(wǎng)頁(yè)基礎(chǔ)課程的教材；也可作為網(wǎng)站前端開發(fā)技術(shù)人員的技術(shù)參考資料、培訓(xùn)用書或自學(xué)參考書。

作者簡(jiǎn)介

　　劉培林有12年的企業(yè)軟件項(xiàng)目研發(fā)經(jīng)驗(yàn)，主持過載人潛水器操縱模擬器教控軟件系統(tǒng)的研發(fā)。有15年的軟件技術(shù)專業(yè)實(shí)踐教學(xué)經(jīng)驗(yàn)，主持了《軟件技術(shù)》機(jī)械行業(yè)特色專業(yè)建設(shè)、無錫市職業(yè)教育重點(diǎn)專業(yè)建設(shè)和江蘇省骨干專業(yè)建設(shè)工作。2008年被推選為江蘇省高校"青藍(lán)工程”中青年學(xué)術(shù)帶頭人培養(yǎng)對(duì)象，2013年被推選為江蘇省第四期"333高層次人才培養(yǎng)工程”第三層次培養(yǎng)對(duì)象。是九三學(xué)社無錫市委履職智庫(kù)專家和無錫市工信局智能信息領(lǐng)域項(xiàng)目評(píng)審專家。主編了《C#可視化程序設(shè)計(jì)案例教程》江蘇省十二五重點(diǎn)建設(shè)教材，由機(jī)械工業(yè)出版社出版，目前版本為第4版，配套建有省級(jí)和在線開放課程。2020年主編《Android應(yīng)用程序設(shè)計(jì)案例教程》被列為江蘇省十三五重點(diǎn)建設(shè)教材，預(yù)計(jì)今年10月由機(jī)械工業(yè)出版社出版。

圖書目錄

第1章　網(wǎng)站開發(fā)概述
1.1　工作任務(wù)1 新聞公告
1.2　Web標(biāo)準(zhǔn)
1.2.1　Web標(biāo)準(zhǔn)概述
1.2.2　Web標(biāo)準(zhǔn)的作用
1.3　HTML概述
1.3.1　HTML元素
1.3.2　HTML文檔結(jié)構(gòu)
1.4　創(chuàng)建與調(diào)試HTML項(xiàng)目
1.4.1　編輯器概述
1.4.2　安裝HBuilderX編輯器
1.4.3　創(chuàng)建與調(diào)試應(yīng)用程序
1.5　簡(jiǎn)單HTML元素
1.5.1　HTML注釋
1.5.2　HTML頭部元素
1.5.3　HTML標(biāo)題元素
1.5.4　其他常用HTML元素
1.6　任務(wù)實(shí)施
1.7　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第2章　HTML基本元素
2.1　工作任務(wù)2 圖文信息顯示
2.2　圖像元素
2.3　超鏈接元素
2.3.1　指定網(wǎng)址鏈接
2.3.2　文檔中指定位置鏈接
2.3.3　圖像鏈接
2.3.4　電子郵件鏈接
2.3.5　文檔下載
2.4　圖像映射
2.4.1　＜map＞元素
2.4.2?。糰rea＞元素
2.4.3　生成圖像映射
2.5　列表元素
2.5.1　無序列表
2.5.2　有序列表
2.5.3　定義列表
2.5.4　列表嵌套
2.6　HTML框架
2.6.1　框架集元素＜frameset＞
2.6.2　框架元素＜frame＞
2.6.3?。糿oframes＞元素
2.7　文本格式化
2.8　元素屬性
2.9　實(shí)體
2.10　任務(wù)實(shí)施
2.11　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第3章　表單與表格元素
3.1　工作任務(wù)3 填寫收貨地址表單
3.2　表格
3.2.1　表格元素與屬性
3.2.2　表格單元格屬性
3.2.3　復(fù)雜表格元素
3.3　表單
3.3.1　＜form＞元素
3.3.2?。糹nput＞元素
3.3.3　下拉列表
3.3.4　文本域
3.4　任務(wù)實(shí)施
3.5　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第4章　CSS基礎(chǔ)
4.1　工作任務(wù)4 設(shè)計(jì)收貨地址表單樣式
4.2　CSS概述
4.2.1　CSS語(yǔ)法規(guī)則
4.2.2　CSS樣式引入方式
4.2.3　簡(jiǎn)單CSS屬性
4.3　簡(jiǎn)單選擇器
4.4　復(fù)雜選擇器
4.4.1　組合選擇器
4.4.2　偽類選擇器
4.4.3　偽元素選擇器
4.4.4　屬性選擇器
4.5　元素樣式優(yōu)先級(jí)
4.5.1　樣式聲明方式
4.5.2　樣式聲明方式的優(yōu)先級(jí)
4.5.3　樣式的三大特性
4.5.4　元素樣式優(yōu)先級(jí)規(guī)則
4.6　任務(wù)實(shí)施
4.7　習(xí)題
第5章　元素的樣式屬性
5.1　工作任務(wù)5 設(shè)計(jì)用戶注冊(cè)頁(yè)面樣式
5.2　元素框模型
5.2.1　框模型概述
5.2.2　元素占用頁(yè)面位置計(jì)算
5.2.3　元素內(nèi)邊距
5.2.4　元素外邊距
5.3　元素邊框與陰影
5.3.1　元素邊框
5.3.2　圓角邊框
5.3.3　元素陰影
5.3.4　文本陰影
5.4　圖像背景
5.4.1　背景屬性
5.4.2　圖像精靈
5.4.3　漸變背景
5.5　列表與表格屬性
5.5.1　列表屬性
5.5.2　表格屬性
5.6　任務(wù)實(shí)施
5.7　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第6章　CSS3定位
6.1　工作任務(wù)6 輪播廣告靜態(tài)設(shè)計(jì)
6.2　元素的分類與顯示屬性
6.2.1　元素的分類
6.2.2　元素的顯示屬性
6.3　定位概述
6.3.1　定位機(jī)制
6.3.2　定位屬性
6.4　元素定位
6.4.1　相對(duì)定位
6.4.2　定位
6.4.3　子絕父相定位
6.4.4　Z深度
6.4.5　固定定位
6.4.6　黏性定位
6.5　任務(wù)實(shí)施
6.6　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第7章　CSS3浮動(dòng)與布局
7.1　工作任務(wù)7 設(shè)計(jì)網(wǎng)站首頁(yè)布局
7.2　CSS3浮動(dòng)
7.2.1　浮動(dòng)原理
7.2.2　浮動(dòng)定義
7.3　浮動(dòng)布局與清除浮動(dòng)
7.3.1　浮動(dòng)布局
7.3.2　隔墻法清除浮動(dòng)
7.3.3　clear屬性清除浮動(dòng)
7.4　Flex彈性布局
7.4.1　Flex布局概述
7.4.2　容器屬性
7.4.3　項(xiàng)目屬性
7.5　任務(wù)實(shí)施
7.6　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第8章　CSS3轉(zhuǎn)換與動(dòng)畫
8.1　工作任務(wù)8 輪播廣告動(dòng)畫設(shè)計(jì)
8.2　瀏覽器前綴
8.3　轉(zhuǎn)換
8.3.1　二維轉(zhuǎn)換
8.3.2　三維轉(zhuǎn)換
8.4　過渡
8.4.1　過渡定義
8.4.2　過渡觸發(fā)機(jī)制
8.4.3　具有默認(rèn)初始值的屬性過渡
8.4.4　幽靈按鈕
8.5　動(dòng)畫
8.5.1　定義動(dòng)畫關(guān)鍵幀
8.5.2　元素的動(dòng)畫屬性
8.5.3　動(dòng)畫與過渡的區(qū)別與聯(lián)系
8.6　任務(wù)實(shí)施
8.7　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第9章　jQuery基礎(chǔ)
9.1　工作任務(wù)9 設(shè)計(jì)收貨地址表單樣式
9.2　jQuery概述
9.2.1　jQuery使用準(zhǔn)備
9.2.2　jQuery語(yǔ)法
9.2.3　文檔就緒函數(shù)
9.2.4　屬性操作函數(shù)css()
9.3　jQuery選擇器
9.3.1　簡(jiǎn)單選擇器
9.3.2　組合選擇器
9.3.3　屬性選擇器
9.3.4　偽類選擇器
9.4　元素遍歷函數(shù)
9.4.1　文檔對(duì)象模型
9.4.2　元素祖先遍歷函數(shù)
9.4.3　元素后代遍歷函數(shù)
9.4.4　元素同胞遍歷函數(shù)
9.4.5　元素過濾篩選函數(shù)
9.5　任務(wù)實(shí)施
9.6　習(xí)題
第10章　jQuery事件與操作
10.1　工作任務(wù)10 通訊錄維護(hù)
10.2　jQuery事件處理程序
10.2.1　事件概述
10.2.2　事件處理程序語(yǔ)法
10.3　屬性操作
10.3.1　元素屬性操作函數(shù)attr()
10.3.2　表單元素值屬性操作函數(shù)val()
10.4　文檔操作
10.4.1　文本操作函數(shù)text()
10.4.2　內(nèi)容操作函數(shù)html()
10.5　CSS類操作
10.6　元素操作
10.6.1　元素操作函數(shù)
10.6.2　追加元素
10.6.3　替換元素
10.6.4　刪除元素
10.7　任務(wù)實(shí)施
10.8　習(xí)題
第11章　jQuery效果與動(dòng)畫
11.1　工作任務(wù)11 輪播廣告功能設(shè)計(jì)
11.2　瀏覽器對(duì)象模型
11.2.1　BOM對(duì)象
11.2.2　彈出框
11.2.3　定時(shí)器
11.3　jQuery效果
11.3.1　隱藏與顯示
11.3.2　淡入與淡出
11.3.3　滑動(dòng)
11.4　jQuery動(dòng)畫與動(dòng)畫停止
11.4.1　jQuery動(dòng)畫
11.4.2　動(dòng)畫與效果的停止
11.5　任務(wù)實(shí)施
11.6　習(xí)題與項(xiàng)目實(shí)戰(zhàn)
第12章　網(wǎng)站設(shè)計(jì)綜合實(shí)訓(xùn)
12.1　仿華為首頁(yè)布局設(shè)計(jì)
12.1.1　繪制布局圖
12.1.2　設(shè)計(jì)首頁(yè)布局
12.2　仿華為首頁(yè)菜單設(shè)計(jì)
12.2.1　頂部導(dǎo)航菜單設(shè)計(jì)
12.2.2　側(cè)邊幫助菜單設(shè)計(jì)
12.3　仿華為首頁(yè)內(nèi)容設(shè)計(jì)
12.3.1　輪播廣告設(shè)計(jì)
12.3.2　推薦信息設(shè)計(jì)
12.3.3　中分廣告設(shè)計(jì)
12.3.4　新聞與活動(dòng)設(shè)計(jì)
12.3.5　查詢、鏈接與頁(yè)腳設(shè)計(jì)
12.4　網(wǎng)站設(shè)計(jì)總結(jié)
參考文獻(xiàn)