乐乐亚洲精品综合影院,海棠官方网站入口,99r8这是只有精品国产

本書全面系統(tǒng)地介紹了網(wǎng)頁設(shè)計(jì)、開發(fā)涉及的主要技術(shù)和技巧。主要內(nèi)容包括：Web前端開發(fā)概述、HTML5基礎(chǔ)、表格和表單、框架、CSS樣式表、CSS樣式表布局、HTML5、CSS3綜合案例、JavaScript基礎(chǔ)、JavaScript對(duì)象、JavaScript DOM、JQuery基礎(chǔ)、JQuery應(yīng)用、響應(yīng)式布局、Bootstrap。

第1章 Web前端開發(fā)概述 1 1.1　Web概述　2 1.1.1　Web客戶端技術(shù)　2 1.1.2　Web服務(wù)器端技術(shù)　2 1.1.3　超文本傳輸協(xié)議　3 1.1.4　統(tǒng)一資源定位符　3 1.2　HTML　3 1.2.1　HTML簡(jiǎn)介　3 1.2.2　HTML的發(fā)展　4 1.3　CSS　4 1.3.1　CSS簡(jiǎn)介　4 1.3.2　CSS的特點(diǎn)　5 1.4　JavaScript　5 1.4.1　JavaScript簡(jiǎn)介　5 1.4.2　JavaScript的特點(diǎn)　6 1.5　jQuery　6 1.6　Bootstrap　7 1.7　其他前端框架　7 1.7.1　Angular　7 1.7.2　React　7 1.7.3　Vue　7 小結(jié)　8 第2章　HTML5基礎(chǔ)Ⅰ　9 2.1　HTML5的新特性　10 2.2　HTML5文檔結(jié)構(gòu)　11 2.2.1　基本結(jié)構(gòu)　11 2.2.2　編輯工具　12 2.3　HTML5頭部標(biāo)簽　13 2.3.1　標(biāo)簽　13 2.3.2　<meta />標(biāo)簽　14 2.3.3　<link />標(biāo)簽　14 2.3.4　 <style>標(biāo)簽　14 2.3.5　 <script>標(biāo)簽　15 2.4　塊級(jí)標(biāo)簽　15 2.4.1　基本的塊級(jí)標(biāo)簽　15 2.4.2　常用于布局的塊級(jí)標(biāo)簽　17 2.5　行級(jí)標(biāo)簽　22 2.5.1　圖像標(biāo)簽<img />　22 2.5.2　圖片列表標(biāo)簽<figure>和<figcaption>　23 2.5.3　范圍標(biāo)簽<span>　25 2.5.4　換行標(biāo)簽<br />　25 2.5.5　超鏈接標(biāo)簽<a>　26 2.6　W3C標(biāo)準(zhǔn)　30 2.6.1　W3C提倡的Web頁面結(jié)構(gòu)　30 2.6.2　HTML5的基本規(guī)范、結(jié)構(gòu)元素和媒體支持　31 2.7　實(shí)踐指導(dǎo)　34 小結(jié)　35 拓展訓(xùn)練　36 第3章　HTML5基礎(chǔ)Ⅱ　37 3.1　表格基礎(chǔ)　38 3.1.1　表格結(jié)構(gòu)　39 3.1.2　表格標(biāo)簽　40 3.1.3　表格屬性設(shè)置　41 3.1.4　跨行和跨列設(shè)置　42 3.2　表單　45 3.2.1　表單標(biāo)簽　47 3.2.2　表單域　47 3.2.3　表單按鈕　53 3.2.4　HTML5新增的表單屬性　54 3.2.5　HTML5新增表單標(biāo)簽　55 3.2.6　表單驗(yàn)證　56 3.3　表格布局　57 3.3.1　應(yīng)用場(chǎng)景　57 3.3.2　圖文布局　57 3.3.3　表單布局　59 3.3.4　表格的嵌套布局　61 3.4　<iframe>框架　63 3.4.1　<iframe>的用法　64 3.4.2　設(shè)置<iframe>常用屬性　64 3.5　實(shí)踐指導(dǎo)　65 小結(jié)　67 拓展訓(xùn)練　67 第4章　CSS3基礎(chǔ)　70 4.1　CSS3簡(jiǎn)介　71 4.2　CSS3基本語法　72 4.2.1　CSS3基本結(jié)構(gòu)　72 4.2.2　在HTML5中引入CSS3樣式表　72 4.2.3　CSS3基本選擇器　76 4.2.4　CSS層疊性、繼承性和重要性　80 4.2.5　多選擇器的常用符號(hào)及組合　82 4.3　CSS的常用屬性　82 4.3.1　CSS的屬性單位　82 4.3.2　字體屬性　83 4.3.3　文本屬性　85 4.3.4　背景屬性　87 4.3.5　列表的常用屬性　88 4.3.6　超鏈接偽類樣式　89 4.4　實(shí)踐指導(dǎo)　91 小結(jié)　93 拓展訓(xùn)練　94 第5章　CSS3布局　95 5.1　盒子模型及應(yīng)用　96 5.1.1　盒子模型　96 5.1.2　盒子屬性　96 5.2　DIV+CSS3布局　100 5.2.1　<div>標(biāo)簽的樣式設(shè)置　100 5.2.2　布局頁面設(shè)置　102 5.2.3　<div>標(biāo)簽的嵌套　103 5.2.4　display屬性　104 5.2.5　<div>標(biāo)簽的浮動(dòng)　106 5.2.6　<div>標(biāo)簽的定位　109 5.2.7　圓角邊框　112 5.2.8　典型的DIV+CSS3整體頁面布局　113 5.3　典型的局部布局　115 5.3.1　<div>-<ul>-<li>局部布局　115 5.3.2　<div>-<dl>-<dt>-<dd>局部布局　119 5.4　實(shí)踐指導(dǎo)　121 小結(jié)　123 拓展訓(xùn)練　124 第6章　網(wǎng)站設(shè)計(jì)　125 6.1　網(wǎng)站開發(fā)流程　126 6.1.1　需求分析　126 6.1.2　偽界面設(shè)計(jì)　127 6.1.3　網(wǎng)站制作　127 6.1.4　測(cè)試網(wǎng)頁　128 6.1.5　發(fā)布網(wǎng)站　128 6.2　創(chuàng)建站點(diǎn)　128 6.3　頁面布局技術(shù)　130 6.3.1　表格布局　130 6.3.2　框架布局　130 6.3.3　DIV+CSS3布局　131 6.4　網(wǎng)頁制作　131 6.4.1　制作首頁布局　131 6.4.2　制作網(wǎng)頁模板　132 6.4.3　制作樣式表文件和其他頁面綁定　133 6.4.4　設(shè)置頁面間的鏈接　135 6.5　測(cè)試并發(fā)布網(wǎng)站　135 6.5.1　測(cè)試內(nèi)容　135 6.5.2　發(fā)布站點(diǎn)　136 6.6　實(shí)踐指導(dǎo)　139 小結(jié)　141 拓展訓(xùn)練　141 第7章　JavaScript基礎(chǔ)　142 7.1　JavaScript簡(jiǎn)介　143 7.1.1　JavaScript的基本結(jié)構(gòu)　143 7.1.2　腳本的執(zhí)行原理　145 7.2　JavaScript基礎(chǔ)語法　145 7.2.1　變量　146 7.2.2　數(shù)據(jù)類型　146 7.2.3　注釋　148 7.2.4　運(yùn)算符　148 7.2.5　常用的輸入/輸出　148 7.3　流程控制　149 7.3.1　分支結(jié)構(gòu)　149 7.3.2　循環(huán)結(jié)構(gòu)　152 7.3.3　轉(zhuǎn)移結(jié)構(gòu)　155 7.4　函數(shù)　157 7.4.1　內(nèi)置系統(tǒng)函數(shù)　157 7.4.2　自定義函數(shù)　159 7.5　實(shí)踐指導(dǎo)　160 小結(jié)　164 拓展訓(xùn)練　164 第8章　JavaScript對(duì)象　165 8.1　JavaScript核心對(duì)象　166 8.1.1　數(shù)組對(duì)象　166 8.1.2　字符串對(duì)象　167 8.1.3　日期對(duì)象　170 8.1.4　數(shù)學(xué)對(duì)象　173 8.2　自定義對(duì)象　175 8.2.1　對(duì)象的制作和使用　175 8.2.2　在對(duì)象內(nèi)設(shè)定方法　177 8.2.3　將對(duì)象作為對(duì)象屬性使用　178 8.3　JavaScript的事件　180 8.4　實(shí)踐指導(dǎo)　182 小結(jié)　183 拓展訓(xùn)練　183 第9章　JavaScript DOM　185 9.1　DOM概述　186 9.2　window對(duì)象　187 9.2.1　常用屬性　187 9.2.2　常用方法　187 9.2.3　常用事件　189 9.3　document對(duì)象　191 9.3.1　常用屬性　191 9.3.2　常用方法　192 9.4　其他對(duì)象　194 9.4.1　history對(duì)象　194 9.4.2　location對(duì)象　195 9.4.3　表單對(duì)象　196 9.5　DOM編程應(yīng)用　198 9.5.1　元素的顯示和隱藏　198 9.5.2　復(fù)選框全選效果　202 9.6　實(shí)踐指導(dǎo)　204 小結(jié)　205 拓展訓(xùn)練　205 第10章　jQuery基礎(chǔ)　206 10.1　jQuery簡(jiǎn)介　207 10.1.1　jQuery的使用　207 10.1.2　jQuery工廠函數(shù)　208 10.2　DOM對(duì)象與jQuery對(duì)象的相互轉(zhuǎn)換　208 10.3　jQuery的選擇器　210 10.3.1　基本選擇器　210 10.3.2　層次選擇器　211 10.3.3　過濾選擇器　213 10.3.4　表單選擇器　221 10.4　實(shí)踐指導(dǎo)　223 小結(jié)　223 拓展訓(xùn)練　223 第11章　jQuery應(yīng)用　224 11.1　jQuery的事件綁定　225 11.1.1　jQuery事件　225 11.1.2　常用的綁定方法　225 11.1.3　使用jQuery操作DOM　227 11.2　jQuery的動(dòng)畫函數(shù)　236 11.2.1　show()和hide()函數(shù)　236 11.2.2　fadeIn()和fadeOut()函數(shù)　237 11.2.3　自定義動(dòng)畫　238 11.3　jQuery的簡(jiǎn)單應(yīng)用　239 11.3.1　功能需求　239 11.3.2　功能實(shí)現(xiàn)　240 11.4　實(shí)踐指導(dǎo)　246 小結(jié)　246 拓展訓(xùn)練　246 第12章　響應(yīng)式布局　247 12.1　視口　248 12.1.1　PC端視口　248 12.1.2　移動(dòng)端視口　248 12.2　媒體查詢與百分比布局　250 12.2.1　媒體查詢　250 12.2.2　百分比布局　251 12.3　柵格系統(tǒng)　254 12.3.1　柵格系統(tǒng)簡(jiǎn)介　254 12.3.2　柵格系統(tǒng)的應(yīng)用　254 12.4　彈性盒布局　255 12.4.1　彈性盒布局簡(jiǎn)介　255 12.4.2　彈性盒布局的應(yīng)用　258 12.5　實(shí)踐指導(dǎo)　261 小結(jié)　262 拓展訓(xùn)練　262 第13章　Bootstrap技術(shù)　263 13.1　Bootstrap技術(shù)簡(jiǎn)介　264 13.1.1　Bootstrap技術(shù)基本介紹　264 13.1.2　Bootstrap技術(shù)的基本用法　264 13.2　柵格系統(tǒng)　265 13.3　CSS全局樣式　269 13.3.1　基礎(chǔ)排版　269 13.3.2　表單　270 13.3.3　按鈕　273 13.3.4　圖片　273 13.4　Bootstrap組件　274 13.4.1　圖標(biāo)　274 13.4.2　下拉菜單　276 13.4.3　輸入框　278 13.4.4　導(dǎo)航與導(dǎo)航條　279 13.4.5　縮略圖與媒體對(duì)象　286 13.4.6　列表組　289 13.5　實(shí)踐指導(dǎo)　290 小結(jié)　291 拓展訓(xùn)練　291 第14章　綜合案例　292 14.1　網(wǎng)頁概述　293 14.1.1　導(dǎo)航條　293 14.1.2　搜索欄　293 14.1.3　滾動(dòng)式信息欄　294 14.1.4　其他網(wǎng)頁元素　294 14.2　導(dǎo)航條　295 14.3　搜索欄　298 14.4　滾動(dòng)式推薦欄　299 14.5　其他網(wǎng)頁元素　301 14.5.1　用戶信息欄　301 14.5.2　美食信息欄　302 14.5.3　特殊服務(wù)欄　303 14.5.4　外部鏈接欄　304 14.5.5　網(wǎng)頁信息欄　305 14.5.6　至頂（to-top）　306 小結(jié)　308 拓展訓(xùn)練　308

你還可能感興趣

我要評(píng)論