HTML+CSS3+jQuery網頁設計案例教程 版權信息
- ISBN:9787121424342
- 條形碼:9787121424342 ; 978-7-121-42434-2
- 裝幀:一般膠版紙
- 冊數:暫無
- 重量:暫無
- 所屬分類:>
HTML+CSS3+jQuery網頁設計案例教程 本書特色
本書是工業和信息化部“十四五”規劃教材,全書圍繞典型網站的典型頁面設計展開,每章設計一個典型工作任務。任務具有相對的獨立性,同時兼顧系統性,每個任務均是綜合實訓的一個技術或內容點,各子任務完成的同時綜合實訓設計和技術點也同步完成,綜合實訓自動融合和升華了書本的全部知識點。
1.案例設計盡量貼近網頁設計的典型應用場景,兼顧了聚焦知識點和完成一個主題的需要,解決了網頁設計知識點分散和學習的有趣性問題。2.根據網站前端編程需要對元素和樣式的常用屬性加以重點介紹,并用典型案例演示用法,實現了知識點、案例、工作任務三者之間的有機融合。3.各章內容充實,知識點組織、安排合理,章節之間銜接自然,難度具有一定的遞進關系,符合學習認知規律。
HTML+CSS3+jQuery網頁設計案例教程 內容簡介
本書共12章,~3章介紹HTML知識,包括文檔結構、元素結構和常用元素(如圖像、超鏈接)等的用法,完成網頁內容的設計。第4~5章介紹CSS3的基礎知識,包括CSS選擇器和元素的樣式,重點介紹元素的框模型和背景樣式,基于圖像背景和背景位置實現圖像精靈,完成網頁樣式的初步設計。第6~8章介紹CSS3相關的知識,包括定位、布局和動畫的知識,基于定位和動畫技術設計輪播廣告和幽靈按鈕基于布局技術設計某監控系統網頁布局,完成實用復雜網頁和網頁實用效果的設計。第9~11章介紹jQuery知識,從選擇器出發,首先介紹元素遍歷和樣式操作的函數,然后介紹jQuery事件和元素操作函數實現元素的增刪改查操作,*后介紹jQuery效果與動畫,實現輪播廣告的全部功能及網站的功能。第12章為綜合實訓,仿照華為網站首頁設計一個網站首頁,將全書內容貫穿其中并進行升華。
HTML+CSS3+jQuery網頁設計案例教程 目錄
第1章 網站開發概述
1.1 工作任務1 新聞公告
1.2 Web標準
1.2.1 Web標準概述
1.2.2 Web標準的作用
1.3 HTML概述
1.3.1 HTML元素
1.3.2 HTML文檔結構
1.4 創建與調試HTML項目
1.4.1 編輯器概述
1.4.2 安裝HBuilderX編輯器
1.4.3 創建與調試應用程序
1.5 簡單HTML元素
1.5.1 HTML注釋
1.5.2 HTML頭部元素
1.5.3 HTML標題元素
1.5.4 其他常用HTML元素
1.6 任務實施
1.7 習題與項目實戰
第2章 HTML基本元素
2.1 工作任務2 圖文信息顯示
2.2 圖像元素
2.3 超鏈接元素
2.3.1 指定網址鏈接
2.3.2 文檔中指定位置鏈接
2.3.3 圖像鏈接
2.3.4 電子郵件鏈接
2.3.5 文檔下載
2.4 圖像映射
2.4.1 <map>元素
2.4.2 <area>元素
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 <noframes>元素
2.7 文本格式化
2.8 元素屬性
2.9 實體
2.10 任務實施
2.11 習題與項目實戰
第3章 表單與表格元素
3.1 工作任務3 填寫收貨地址表單
3.2 表格
3.2.1 表格元素與屬性
3.2.2 表格單元格屬性
3.2.3 復雜表格元素
3.3 表單
3.3.1 <form>元素
3.3.2 <input>元素
3.3.3 下拉列表
3.3.4 文本域
3.4 任務實施
3.5 習題與項目實戰
第4章 CSS基礎
4.1 工作任務4 設計收貨地址表單樣式
4.2 CSS概述
4.2.1 CSS語法規則
4.2.2 CSS樣式引入方式
4.2.3 簡單CSS屬性
4.3 簡單選擇器
4.4 復雜選擇器
4.4.1 組合選擇器
4.4.2 偽類選擇器
4.4.3 偽元素選擇器
4.4.4 屬性選擇器
4.5 元素樣式優先級
4.5.1 樣式聲明方式
4.5.2 樣式聲明方式的優先級
4.5.3 樣式的三大特性
4.5.4 元素樣式優先級規則
4.6 任務實施
4.7 習題
第5章 元素的樣式屬性
5.1 工作任務5 設計用戶注冊頁面樣式
5.2 元素框模型
5.2.1 框模型概述
5.2.2 元素占用頁面位置計算
5.2.3 元素內邊距
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 任務實施
5.7 習題與項目實戰
第6章 CSS3定位
6.1 工作任務6 輪播廣告靜態設計
6.2 元素的分類與顯示屬性
6.2.1 元素的分類
6.2.2 元素的顯示屬性
6.3 定位概述
6.3.1 定位機制
6.3.2 定位屬性
6.4 元素定位
6.4.1 相對定位
6.4.2 絕對定位
6.4.3 子絕父相定位
6.4.4 Z深度
6.4.5 固定定位
6.4.6 黏性定位
6.5 任務實施
6.6 習題與項目實戰
第7章 CSS3浮動與布局
7.1 工作任務7 設計網站首頁布局
7.2 CSS3浮動
7.2.1 浮動原理
7.2.2 浮動定義
7.3 浮動布局與清除浮動
7.3.1 浮動布局
7.3.2 隔墻法清除浮動
7.3.3 clear屬性清除浮動
7.4 Flex彈性布局
7.4.1 Flex布局概述
7.4.2 容器屬性
7.4.3 項目屬性
7.5 任務實施
7.6 習題與項目實戰
第8章 CSS3轉換與動畫
8.1 工作任務8 輪播廣告動畫設計
8.2 瀏覽器前綴
8.3 轉換
8.3.1 二維轉換
8.3.2 三維轉換
8.4 過渡
8.4.1 過渡定義
8.4.2 過渡觸發機制
8.4.3 具有默認初始值的屬性過渡
8.4.4 幽靈按鈕
8.5 動畫
8.5.1 定義動畫關鍵幀
8.5.2 元素的動畫屬性
8.5.3 動畫與過渡的區別與聯系
8.6 任務實施
8.7 習題與項目實戰
第9章 jQuery基礎
9.1 工作任務9 設計收貨地址表單樣式
9.2 jQuery概述
9.2.1 jQuery使用準備
9.2.2 jQuery語法
9.2.3 文檔就緒函數
9.2.4 屬性操作函數css()
9.3 jQuery選擇器
9.3.1 簡單選擇器
9.3.2 組合選擇器
9.3.3 屬性選擇器
9.3.4 偽類選擇器
9.4 元素遍歷函數
9.4.1 文檔對象模型
9.4.2 元素祖先遍歷函數
9.4.3 元素后代遍歷函數
9.4.4 元素同胞遍歷函數
9.4.5 元素過濾篩選函數
9.5 任務實施
9.6 習題
第10章 jQuery事件與操作
10.1 工作任務10 通訊錄維護
10.2 jQuery事件處理程序
10.2.1 事件概述
10.2.2 事件處理程序語法
10.3 屬性操作
10.3.1 元素屬性操作函數attr()
10.3.2 表單元素值屬性操作函數val()
10.4 文檔操作
10.4.1 文本操作函數text()
10.4.2 內容操作函數html()
10.5 CSS類操作
10.6 元素操作
10.6.1 元素操作函數
10.6.2 追加元素
10.6.3 替換元素
10.6.4 刪除元素
10.7 任務實施
10.8 習題
第11章 jQuery效果與動畫
11.1 工作任務11 輪播廣告功能設計
11.2 瀏覽器對象模型
11.2.1 BOM對象
11.2.2 彈出框
11.2.3 定時器
11.3 jQuery效果
11.3.1 隱藏與顯示
11.3.2 淡入與淡出
11.3.3 滑動
11.4 jQuery動畫與動畫停止
11.4.1 jQuery動畫
11.4.2 動畫與效果的停止
11.5 任務實施
11.6 習題與項目實戰
第12章 網站設計綜合實訓
12.1 仿華為首頁布局設計
12.1.1 繪制布局圖
12.1.2 設計首頁布局
12.2 仿華為首頁菜單設計
12.2.1 頂部導航菜單設計
12.2.2 側邊幫助菜單設計
12.3 仿華為首頁內容設計
12.3.1 輪播廣告設計
12.3.2 推薦信息設計
12.3.3 中分廣告設計
12.3.4 新聞與活動設計
12.3.5 查詢、鏈接與頁腳設計
12.4 網站設計總結
參考文獻
展開全部
HTML+CSS3+jQuery網頁設計案例教程 作者簡介
劉培林有12年的企業軟件項目研發經驗,主持過載人潛水器操縱模擬器教控軟件系統的研發。有15年的軟件技術專業實踐教學經驗,主持了《軟件技術》機械行業特色專業建設、無錫市職業教育重點專業建設和江蘇省骨干專業建設工作。2008年被推選為江蘇省高校\"青藍工程”中青年學術帶頭人培養對象,2013年被推選為江蘇省第四期\"333高層次人才培養工程”第三層次培養對象。是九三學社無錫市委履職智庫專家和無錫市工信局智能信息領域項目評審專家。主編了《C#可視化程序設計案例教程》江蘇省十二五重點建設教材,由機械工業出版社出版,目前版本為第4版,配套建有省級和在線開放課程。2020年主編《Android應用程序設計案例教程》被列為江蘇省十三五重點建設教材,預計今年10月由機械工業出版社出版。