網(wǎng)頁設(shè)計(jì)與制作(第3版)——Web前端開發(fā)
定 價:¥69
中 教 價:¥53.48 (7.75折)
庫 存 數(shù): 3
《網(wǎng)頁設(shè)計(jì)與制作:Web 前端開發(fā)(第3版)》圍繞專題類、商業(yè)類、教育類、門戶類等主流網(wǎng)站類型,采用項(xiàng)目引導(dǎo)、任務(wù)驅(qū)動的編寫方式,全面、翔實(shí)地介紹了 Web 前端開發(fā)的流程及相關(guān)技術(shù),包括 HTML5、CSS3、JavaScript、響應(yīng)式布局、開發(fā)網(wǎng)站等內(nèi)容,并介紹 CMS 網(wǎng)站管理系統(tǒng)以及動態(tài)網(wǎng)站技術(shù)。 全書共分為 10 個項(xiàng)目,項(xiàng)目的構(gòu)建由易到難,逐層深入,讓學(xué)生在模擬的工作情境下切實(shí)掌握網(wǎng)頁設(shè)計(jì)與制作的方法和技能,提高動手能力和解決實(shí)際問題的能力。 《網(wǎng)頁設(shè)計(jì)與制作:Web 前端開發(fā)(第3版)》適合于高職高專院校計(jì)算機(jī)、電子商務(wù)及相關(guān)專業(yè)的學(xué)生學(xué)習(xí)使用,也可以作為網(wǎng)頁設(shè)計(jì)與制作初學(xué)者和網(wǎng)頁制作培訓(xùn)班學(xué)員的參考用書。
隨著Web前端開發(fā)在近年來迅速崛起,從Web前端開發(fā)企業(yè)實(shí)戰(zhàn)的角度,以項(xiàng)目式的教學(xué)方式講解HTML5、CSS3、響應(yīng)式設(shè)計(jì)等新技術(shù)實(shí)用性更強(qiáng) ;同時配備相應(yīng)的微課資源。
隨著 Web 2.0 技術(shù)的廣泛應(yīng)用,標(biāo)準(zhǔn)化的網(wǎng)頁設(shè)計(jì)方式正逐漸取代傳統(tǒng)的布局方式,Web 2.0 標(biāo)準(zhǔn)的特點(diǎn)是采用 HTML CSS JavaScript 的技術(shù)將網(wǎng)頁內(nèi)容、外觀樣式及動態(tài)效果徹底分離,從而減少頁面代碼、提高網(wǎng)速,便于分工設(shè)計(jì)和代碼重用。云技術(shù)、移動設(shè)備的發(fā)展和普及又為網(wǎng)站動態(tài)化、移動 Web 開發(fā)提出了更高的要求。本書有如下幾個特點(diǎn)。(1)項(xiàng)目驅(qū)動教材以 Web 前端核心技術(shù) HTML5、CSS3、JavaScript、響應(yīng)式布局為知識主線,以項(xiàng)目需求重構(gòu)知識體系,通過項(xiàng)目描述分析項(xiàng)目知識點(diǎn)項(xiàng)目實(shí)現(xiàn)知識鏈接拓展學(xué)習(xí),在項(xiàng)目實(shí)踐中強(qiáng)化知識的理解與創(chuàng)新應(yīng)用,從而提升學(xué)習(xí)者的問題解決能力、項(xiàng)目開發(fā)能力和創(chuàng)新實(shí)踐能力。(2)資源豐富編者在智慧職教 MOOC 學(xué)院開通了在線課程,其中包含項(xiàng)目案例的素材及源文件、重 點(diǎn)知識點(diǎn)對應(yīng)的微視頻、課件、項(xiàng)目拓展訓(xùn)練等豐富的資源。(3)注重能力培養(yǎng)本書編者長期從事網(wǎng)頁設(shè)計(jì)和Web 前端開發(fā)等課程的教學(xué)工作,結(jié)合國家職業(yè)教育學(xué)歷證書 若干職業(yè)技能等級證書(簡稱 1 X 證書)中 Web 前端開發(fā)職業(yè)技能開發(fā)教材。因此,本書是一本以提高動手能力、核心職業(yè)能力為目標(biāo)的教材。全書共分為 10 個項(xiàng)目,涵蓋了商業(yè)類、教育類、專題類等主流網(wǎng)站類型。項(xiàng)目的構(gòu)建由易到難,逐層深入,讓學(xué)生在模擬的工作情境下,切實(shí)掌握網(wǎng)頁設(shè)計(jì)與制作的方法和技能,提高動手能力,并能舉一反三。項(xiàng)目中項(xiàng)目描述及分析旨在引領(lǐng)讀者從整體上認(rèn)識項(xiàng)目,學(xué)會由上至下地分析和規(guī)劃一個網(wǎng)站的方法;項(xiàng)目知識點(diǎn)首先將項(xiàng)目分解成若干個典型的設(shè)計(jì)任務(wù),然后引領(lǐng)讀者逐步進(jìn)行制作,在完成一個個頁面的同時不知不覺地掌握網(wǎng)頁制作中必需、常用的知識和技能;知識鏈接用于補(bǔ)充項(xiàng)目制作過程中一些重要但來不及詳細(xì)講解的知識點(diǎn),加深讀者的認(rèn)識;拓展學(xué)習(xí)則提供了同類型網(wǎng)站的一些設(shè)計(jì)要點(diǎn),以開闊讀者的視野,使其形成良好的設(shè)計(jì)習(xí)慣和理念。限于篇幅,每個項(xiàng)目中一般只涉及首頁或 1~2 個子頁的制作,其他頁面讀者可課后自行練習(xí)。各項(xiàng)目的具體內(nèi)容及安排如下。項(xiàng)目 1 通過對一些常見網(wǎng)站的賞析,引出網(wǎng)頁設(shè)計(jì)與制作方面的基礎(chǔ)知識,使讀者對網(wǎng)頁設(shè)計(jì)有一個基本的認(rèn)識,主要包括網(wǎng)站的常見類型、網(wǎng)頁的組成元素、網(wǎng)頁制作常見術(shù)語、網(wǎng)頁制作相關(guān)軟件、網(wǎng)站建設(shè)的一般流程、網(wǎng)頁制作的基本原則等內(nèi)容。項(xiàng)目 2 通過制作一個簡單的網(wǎng)頁,使讀者初步感受網(wǎng)頁制作的魅力并熟悉網(wǎng)站制作的基本流程,主要包括進(jìn)行網(wǎng)站功能設(shè)計(jì)、使用 Photoshop 制作頁面草圖、頁面草圖的切片與導(dǎo)出、使用 Hbuilder 建立站點(diǎn)、申請空間及域名、網(wǎng)站文件的上傳等內(nèi)容,并補(bǔ)充介紹了色彩運(yùn)用、頁面基本元素的常見標(biāo)準(zhǔn)及使用技巧等知識。項(xiàng)目 3 通過制作一個旅游網(wǎng)站,介紹了文本、圖像等頁面基本元素的添加、編輯和美化知識,主要包括添加并編輯文本、添加并編輯圖像、使用 CSS 樣式表美化文本、為頁面添加鏈接等內(nèi)容,并補(bǔ)充介紹了旅游類網(wǎng)站的設(shè)計(jì)要點(diǎn)。項(xiàng)目 4 通過制作一個專題網(wǎng)站,介紹了對于網(wǎng)頁制作初學(xué)者來說非常重要的DIV CSS 布局形式,主要包括盒子模型、浮動與定位、利用 DIV CSS 進(jìn)行頁面布局、插入 LOGO和 Banner、設(shè)計(jì)導(dǎo)航條、輸入網(wǎng)頁內(nèi)容及定義 CSS、設(shè)計(jì)其他版面內(nèi)容等,并補(bǔ)充介紹了專題類網(wǎng)站的設(shè)計(jì)要點(diǎn)。項(xiàng)目 5 通過制作一個服裝網(wǎng)站,介紹了列表、表格等知識,主要包括 CSS 對列表樣式的控制、對圖片的排版及控制,并補(bǔ)充介紹了流行時尚類網(wǎng)站的設(shè)計(jì)要點(diǎn)。項(xiàng)目 6 通過制作一個影音網(wǎng)站,介紹了 HTML5 中的多媒體應(yīng)用,主要包括 HTML5 新增標(biāo)簽、音頻標(biāo)簽、視頻標(biāo)簽、表單等內(nèi)容,并補(bǔ)充介紹了音頻/視頻的方法、屬性、事件。項(xiàng)目 7 通過制作業(yè)務(wù)類網(wǎng)站,介紹了 JavaScript 基礎(chǔ)知識,主要包括 JavaScript 語法、流程控制語句、函數(shù)的調(diào)用等內(nèi)容,并補(bǔ)充介紹了業(yè)務(wù)類網(wǎng)站的設(shè)計(jì)要點(diǎn)。項(xiàng)目 8 通過制作一個教育類網(wǎng)站,介紹了 JavaScript 中的對象,主要包括 BOM、DOM、事件處理等、并制作網(wǎng)站的首頁,補(bǔ)充介紹了教育類網(wǎng)站的設(shè)計(jì)要點(diǎn)。項(xiàng)目 9 是在項(xiàng)目 2 的基礎(chǔ)上,通過制作該網(wǎng)站的導(dǎo)航、盟院快訊及列表頁、內(nèi)容頁,介紹了如何使用 CMS 內(nèi)容管理系統(tǒng)實(shí)現(xiàn)網(wǎng)站內(nèi)容的動態(tài)更新,主要包括認(rèn)識 CMS、制作網(wǎng)站首頁模板、制作列表頁和內(nèi)容明細(xì)頁模板、配置網(wǎng)站運(yùn)行環(huán)境、進(jìn)行后臺管理、首頁的動態(tài)化實(shí)現(xiàn)、列表頁的動態(tài)化實(shí)現(xiàn)、內(nèi)容明細(xì)頁的動態(tài)化實(shí)現(xiàn)等內(nèi)容,并補(bǔ)充介紹了網(wǎng)站數(shù)據(jù)的備份和還原技術(shù)。項(xiàng)目 10 是在項(xiàng)目 9 的基礎(chǔ)上,通過首頁的響應(yīng)式開發(fā),介紹了 Bootstrap 框架、柵格系統(tǒng)、CSS 排版、響應(yīng)式開發(fā)等內(nèi)容。本書內(nèi)容詳盡,講解清晰,適合于高職高專院校計(jì)算機(jī)相關(guān)專業(yè)以及電子商務(wù)專業(yè)的學(xué)生學(xué)習(xí)使用,也可以作為網(wǎng)頁設(shè)計(jì)與制作初學(xué)者、網(wǎng)站開發(fā)人員和網(wǎng)頁制作培訓(xùn)班學(xué)員等的參考用書。書中所用實(shí)例的素材和源代碼可以在清華大學(xué)出版社網(wǎng)站(http://www.tup.tsinghua. edu.cn)上下載。本書由楊艷任主編,郜亞麗、蘇文芝任副主編。其中,楊艷編寫了項(xiàng)目 3、項(xiàng)目 9、項(xiàng)目 10,郜亞麗編寫了項(xiàng)目 4 和項(xiàng)目 5,蘇文芝編寫了項(xiàng)目 7 和項(xiàng)目 8,田江麗編寫了項(xiàng)目 1、 項(xiàng)目 2 和項(xiàng)目 6。全書由楊艷進(jìn)行統(tǒng)稿。此外,在編寫本書的過程中,清華大學(xué)出版社的鄧艷老師也提出了很多寶貴的意見,為這本書的出版付出了很多的努力。在此,編者一并表示衷心的感謝。由于編者學(xué)識有限且時間倉促,本書在很多方面還需要進(jìn)一步提高和改進(jìn),對于不足和錯誤之處,懇請廣大讀者批評指正。編 者
項(xiàng)目 1 網(wǎng)頁制作基礎(chǔ)知識 11.1 項(xiàng)目描述及分析 11.2 任務(wù) 1 優(yōu)秀網(wǎng)站賞析 21.3 任務(wù) 2 網(wǎng)頁基礎(chǔ)知識 41.3.1 網(wǎng)頁和網(wǎng)站的基本概念 41.3.2 網(wǎng)頁的組成元素 51.3.3 網(wǎng)頁相關(guān)名詞 71.3.4 Web 標(biāo)準(zhǔn) 101.3.5 響應(yīng)式 Web 設(shè)計(jì) 111.4 任務(wù) 3 網(wǎng)站建設(shè)的一般流程 121.4.1 確定網(wǎng)站主題 121.4.2 規(guī)劃網(wǎng)站結(jié)構(gòu) 121.4.3 收集資料與素材 141.4.4 確定版面布局方式 141.4.5 制作網(wǎng)頁 171.4.6 測試與發(fā)布網(wǎng)站 181.4.7 推廣網(wǎng)站 181.4.8 網(wǎng)站的后期維護(hù) 181.5 網(wǎng)頁制作入門 181.5.1 HTML5 簡介 181.5.2 CSS3 簡介 191.5.3 JavaScript 簡介 191.5.4 常見瀏覽器 191.6 網(wǎng)頁制作常用開發(fā)工具簡介 211.6.1 網(wǎng)頁制作與編輯工具 211.6.2 頁面設(shè)計(jì)與美化工具 221.7 知識鏈接 221.7.1 網(wǎng)頁制作的基本原則 221.7.2 認(rèn)識圖像 231.7.3 常見的建站方式 25實(shí)訓(xùn) 26項(xiàng)目 2 制作簡單網(wǎng)頁 272.1 項(xiàng)目描述及分析 272.2 任務(wù) 1 進(jìn)行網(wǎng)站功能設(shè)計(jì) 292.3 任務(wù) 2 設(shè)計(jì)網(wǎng)站首頁原型 292.3.1 認(rèn)識 Photoshop 292.3.2 制作首頁原型 322.3.3 首頁原型的切片與導(dǎo)出 332.4 任務(wù) 3 網(wǎng)頁的制作與上傳 352.4.1 認(rèn)識 HBuilder 352.4.2 HBuilder 入門 372.4.3 域名和空間的申請 392.4.4 網(wǎng)站文件的上傳 412.5 知識鏈接 422.5.1 網(wǎng)頁中的色彩 422.5.2 網(wǎng)頁基本元素的標(biāo)準(zhǔn)和使用技巧 44實(shí)訓(xùn) 45項(xiàng)目 3 太陽島旅游網(wǎng)站制作 473.1 項(xiàng)目描述及分析 473.2 任務(wù) 1 添加文本 493.3 任務(wù) 2 認(rèn)識 HTML 513.3.1 HTML 文檔基本格式 513.3.2 認(rèn)識 HTML 標(biāo)簽 523.3.3 HTML 常用標(biāo)簽 543.4 任務(wù) 3 編輯文本 573.4.1 全國免費(fèi)電話文本設(shè)置 573.4.2 動態(tài)行文本編輯 583.5 任務(wù) 4 認(rèn)識 CSS . 593.5.1 認(rèn)識 CSS 樣式表 603.5.2 創(chuàng)建并使用 CSS 樣式優(yōu)化網(wǎng)頁源碼 633.6 任務(wù) 5 設(shè)計(jì)網(wǎng)站子頁 663.7 知識鏈接CSS 控制文本樣式 683.8 拓展學(xué)習(xí)旅游類網(wǎng)站的設(shè)計(jì)要點(diǎn) 703.8.1 旅游類網(wǎng)站的類型 703.8.2 旅游類網(wǎng)站的設(shè)計(jì)要點(diǎn) 74實(shí)訓(xùn) 75項(xiàng)目 4 盟院合作專題網(wǎng)站制作 764.1 項(xiàng)目描述及分析 764.2 任務(wù) 1 認(rèn)識盒子模型 774.3 盒子模型相關(guān)屬性 784.3.1 盒子邊框?qū)傩?784.3.2 內(nèi)邊距屬性 814.3.3 外邊距屬性 824.3.4 背景屬性 844.3.5 盒子的寬與高 864.4 浮動與定位 874.4.1 元素的浮動 874.4.2 元素的定位 954.5 項(xiàng) 目 制 作 994.5.1 頁面布局及定義基礎(chǔ)樣式 994.5.2 頁眉制作 1014.5.3 主體模塊制作 1044.5.4 頁腳制作 1094.6 知識鏈接補(bǔ)充 CSS選擇器 1114.7 拓展學(xué)習(xí)專題網(wǎng)站制作的設(shè)計(jì)要點(diǎn) 113實(shí)訓(xùn) 114項(xiàng)目 5 艾上樂品服裝網(wǎng)站制作 1165.1 項(xiàng)目描述及分析 1165.2 任務(wù) 1 列表標(biāo)記及嵌套 1175.2.1 列表標(biāo)記 1175.2.2 列表的嵌套 1215.3 任務(wù) 2 CSS 控制列表樣式 1225.4 任務(wù) 3 認(rèn)識表格標(biāo)記 1245.4.1 表格標(biāo)記 1245.4.2 CSS 控制表格樣式 1265.5 項(xiàng)目制作 1295.5.1 頁面布局及定義基礎(chǔ)樣式 1295.5.2 制作頭部導(dǎo)航模塊 1305.5.3 制作 banner 模塊和精品展示模塊 1315.5.4 制作版權(quán)信息模塊 1355.6 知識鏈接瀏覽器兼容性 1355.7 拓展學(xué)習(xí)流行時尚類網(wǎng)站的設(shè)計(jì)要點(diǎn) 137實(shí)訓(xùn) 139項(xiàng)目 6 影音網(wǎng)站制作 1416.1 任務(wù) 1 了解 HTML5 多媒體的特性 1416.2 任務(wù) 2 了解 HTML5 常用的多媒體格式 1426.2.1 音頻格式 1426.2.2 視頻格式 1426.3 任務(wù) 3 HTML5 多媒體的實(shí)現(xiàn) 1436.3.1 audio 標(biāo)簽 1436.3.2 video 標(biāo)簽 1446.3.3 source 標(biāo)簽 1446.4 任務(wù) 4 HTML5 表單的應(yīng)用 1466.4.1 認(rèn)識表單 1466.4.2 HTML5 新增的表單屬性 1476.4.3 HTML5標(biāo)簽 1476.5 任務(wù) 5 影音網(wǎng)站項(xiàng)目描述及分析 1486.6 任務(wù) 6 添加多媒體文件 1506.6.1 添加音頻文件 1506.6.2 添加視頻文件 1536.6.3 添加留言模塊 1546.7 知識鏈接音頻/視頻DOM 參考手冊 156實(shí)訓(xùn) 158項(xiàng)目 7 我要回家網(wǎng)頁面制作 1597.1 項(xiàng)目描述及分析 1597.2 任務(wù) 1 JavaScript 概述 1617.2.1 JavaScript 簡介 1617.2.2 JavaScript 引入方式 1637.2.3 JavaScript 基本語法 1657.2.4 一個簡單的JavaScript 程序 1657.3 任務(wù) 2 JavaScript 語言基礎(chǔ) 1667.3.1 關(guān)鍵字和標(biāo)識符 1667.3.2 變量和數(shù)據(jù)類型 1677.3.3 運(yùn)算符和表達(dá)式 1717.4 任務(wù) 3 程序流程控制 1787.4.1 條件語句 1787.4.2 循環(huán)語句 1857.4.3 跳轉(zhuǎn)語句 1897.5 任務(wù) 4 函數(shù) 1917.5.1 初識函數(shù) 1917.5.2 函數(shù)的調(diào)用 1917.5.3 函數(shù)中變量的作用域 1937.6 任務(wù) 5 結(jié)構(gòu)布局及樣式定義 1947.6.1 準(zhǔn)備工作 1947.6.2 制作思路分析 1957.6.3 頁面結(jié)構(gòu)設(shè)計(jì) 1967.6.4 基礎(chǔ)樣式定義 1967.6.5 CSS/JS 文件引入 1977.7 任務(wù) 6 制作頭部版塊 1977.7.1 頭部版塊效果分析 1977.7.2 頭部版塊制作 1987.8 任務(wù) 7 制作導(dǎo)航版塊 2027.8.1 導(dǎo)航版塊效果分析 2027.8.2 導(dǎo)航版塊制作 2027.9 任務(wù) 8 制作 banner 版塊和時間版塊 2047.9.1 banner 版塊和時間版塊效果分析 2047.9.2 banner 版塊和時間版塊制作 2057.10 任務(wù) 9 制作客運(yùn)信息版塊 2077.10.1 客運(yùn)信息版塊效果分析 2077.10.2 客運(yùn)信息版塊制作 2077.11 任務(wù) 10 制作底部版塊 2107.11.1 底部版塊效果分析 2107.11.2 底部版塊制作 2117.12 拓展學(xué)習(xí)業(yè)務(wù)類網(wǎng)站的設(shè)計(jì)要點(diǎn) 2127.12.1 業(yè)務(wù)類網(wǎng)站的類型 2127.12.2 業(yè)務(wù)類網(wǎng)站的設(shè)計(jì)要點(diǎn) 213實(shí)訓(xùn) 214項(xiàng)目 8 延慶外國語學(xué)校頁面制作 2158.1 項(xiàng)目描述及分析 2158.2 任務(wù) 1 認(rèn)識對象 2178.2.1 什么是對象 2178.2.2 對象的屬性和方法 2188.2.3 創(chuàng)建和刪除對象 2188.2.4 內(nèi)置對象 2208.3 任務(wù) 2 數(shù)組對象 2258.3.1 初識數(shù)組 2258.3.2 數(shù)組的常見操作 2268.3.3 數(shù)組的常用屬性和方法 2318.3.4 二維數(shù)組 2348.4 任務(wù) 3 BOM 和 DOM對象 2358.4.1 BOM 對象 2358.4.2 DOM 對象 2428.5 任務(wù) 4 事件處理 2488.5.1 什么是事件 2488.5.2 事件處理程序的調(diào)用 2498.5.3 鼠標(biāo)事件 2518.5.4 鍵盤事件 2528.5.5 表單事件 2548.5.6 頁面事件 2568.6 任務(wù) 5 布局及定義基礎(chǔ)樣式 2578.6.1 準(zhǔn)備工作 2588.6.2 制作思路分析 2598.6.3 頁面結(jié)構(gòu)設(shè)計(jì) 2608.6.4 基礎(chǔ)樣式定義 2618.6.5 CSS/JS 文件引入 2618.7 任務(wù) 6 制作頭部及導(dǎo)航版塊 2618.7.1 頭部版塊效果分析 2618.7.2 頭部版塊制作 2628.8 任務(wù) 7 制作 banner 版塊 2648.8.1 banner 版塊效果分析 2648.8.2 banner 版塊制作 2648.9 任務(wù) 8 制作學(xué)校簡介版塊 2688.9.1 學(xué)校簡介版塊效果分析 2688.9.2 學(xué)校簡介版塊制作 2698.10 任務(wù) 9 制作課程特色版塊 2728.10.1 課程特色版塊效果分析 2728.10.2 課程特色版塊制作 2738.11 任務(wù) 10 制作頁腳版塊 2798.11.1 頁腳版塊效果分析 2798.11.2 頁腳版塊制作 2798.12 拓展學(xué)習(xí)教育類網(wǎng)站的設(shè)計(jì)要點(diǎn) 2808.12.1 教育類網(wǎng)站的類型 2808.12.2 教育類網(wǎng)站的設(shè)計(jì)要點(diǎn) 282實(shí)訓(xùn) 283項(xiàng)目 9 網(wǎng)站動態(tài)化 2849.1 項(xiàng)目描述及分析 2849.2 任務(wù) 1 認(rèn)識 CMS 2869.2.1 靜態(tài)網(wǎng)頁與動態(tài)網(wǎng)頁 2869.2.2 CMS 2879.3 任務(wù) 2 靜態(tài)頁面模板導(dǎo)入 2889.3.1 DedeCMS 的安裝和環(huán)境配置 2889.3.2 靜態(tài)頁面模板導(dǎo)入 2959.3.3 模板的相關(guān)概念 2979.4 任務(wù) 3 DedeCMS 常用標(biāo)簽 2989.4.1 了解 DedeCMS 中的標(biāo)簽 2989.4.2 DedeCMS 中的常用標(biāo)簽 2989.5 任務(wù) 4 首頁動態(tài)化 3029.5.1 網(wǎng)站欄目管理 3029.5.2 首頁動態(tài)化 3059.6 任務(wù) 5 其他頁面動態(tài)化 3139.6.1 列表頁(欄目頁)動態(tài)化 3139.6.2 內(nèi)容頁動態(tài)化 3159.7 任務(wù) 6 生成靜態(tài)頁面 3199.8 知識鏈接數(shù)據(jù)備份與還原 320實(shí)訓(xùn) 322項(xiàng)目 10 響應(yīng)式 Web 設(shè)計(jì) 32310.1 項(xiàng)目描述及分析 32310.2 任務(wù) 1 認(rèn)識響應(yīng)式布局 32510.2.1 設(shè)計(jì)理念 32510.2.2 響應(yīng)式的實(shí)現(xiàn) 32610.3 任務(wù) 2 響應(yīng)式布局基礎(chǔ)知識 32710.3.1 響應(yīng)式設(shè)計(jì)相關(guān)概念 32710.3.2 響應(yīng)式布局的實(shí)現(xiàn) 33010.4 任務(wù) 3 響應(yīng)式布局框架 33210.4.1 常見的響應(yīng)式布局框架 33210.4.2 Bootstrap 簡介 33310.5 任務(wù) 4 認(rèn)識 Bootstrap 33710.5.1 相關(guān)概念 33710.5.2 CSS 布局 33910.5.3 組件 34110.6 任務(wù) 5 頁面響應(yīng)式布局 34610.6.1 項(xiàng)目需求 34610.6.2 頭部響應(yīng)式布局 34810.6.3 主體部分響應(yīng)式布局 35010.6.4 頁腳部分響應(yīng)式布局 35310.6.5 測試頁面 35310.7 知識鏈接Bootstrap中的其他組件 35410.7.1 表單 35410.7.2 復(fù)選框和單選按鈕 35510.7.3 卡片 356實(shí)訓(xùn) 357參考文獻(xiàn) 358