注冊 | 登錄讀書好,好讀書,讀好書!
讀書網(wǎng)-DuShu.com
當前位置: 首頁出版圖書科學技術計算機/網(wǎng)絡圖形圖像、多媒體、網(wǎng)頁制作Web前端設計從入門到實戰(zhàn):HTML5、CSS3、JavaScript項目案例開發(fā)(第2版)

Web前端設計從入門到實戰(zhàn):HTML5、CSS3、JavaScript項目案例開發(fā)(第2版)

Web前端設計從入門到實戰(zhàn):HTML5、CSS3、JavaScript項目案例開發(fā)(第2版)

定 價:¥79.50

作 者: 張樹明 著
出版社: 清華大學出版社
叢編項:
標 簽: 暫缺

ISBN: 9787302516286 出版時間: 2019-03-01 包裝: 平裝
開本: 16開 頁數(shù): 474 字數(shù):  

內(nèi)容簡介

  本書基于Web標準和響應式Web設計思想深入淺出地介紹了Web前端設計技術的基礎知識,對Web體系結構、HTML5、CSS3、JavaScript和網(wǎng)站制作流程進行了詳細的講解,內(nèi)容翔實,結構合理,語言精練,表達簡明,實用性強,易于自學。全書共分23章。第1章介紹了Web技術的基本概念、Web體系結構、超文本與標記語言、Web標準的組成和常用瀏覽器;第2~7章重點介紹了Web標準的結構推薦標準HTML5的常用元素的標簽語句及應用;第8~13章介紹了Web標準的表現(xiàn)推薦標準CSS3的常用屬性及應用;第14章介紹了網(wǎng)站制作流程與發(fā)布過程;第15~22章介紹了Web標準的行為標準ECMA-262的ECMAScript基礎和JavaScript腳本語言;第23章介紹了JavaScript框架jQuery的入門知識。掃描每章提供的二維碼可觀看知識點的視頻講解及下載程序源碼。本書可作為高等院校計算機專業(yè)及相關專業(yè)的教材,也可作為相關培訓機構的培訓教材以及對Web前端設計技術感興趣的人員的自學用書。

作者簡介

暫缺《Web前端設計從入門到實戰(zhàn):HTML5、CSS3、JavaScript項目案例開發(fā)(第2版)》作者簡介

圖書目錄

  第1章     Web技術概述 1

1.1  Internet概述 1

1.1.1  TCP/IP 1

1.1.2  主機和IP地址 2

1.1.3  域名和DNS 3

1.2  Web概述 3

1.2.1  Web歷史 4

1.2.2  Web體系結構 5

1.2.3  基本W(wǎng)eb技術 5

1.2.4  Web服務器 9

1.3  超文本與標記語言 9

1.3.1  超文本與超媒體 10

1.3.2  標記語言 10

1.4  Web標準 12

1.4.1  Web標準體系 13

1.4.2  采用Web標準的優(yōu)勢 15

1.5  瀏覽器 15

1.5.1  瀏覽器的發(fā)展史 15

1.5.2  瀏覽器的內(nèi)核 16

1.5.3  常用瀏覽器 16

1.5.4  標準瀏覽器 17

1.6  Web開發(fā)工具 18

1.6.1  JetBrains WebStorm 19

1.6.2  測試和調(diào)試環(huán)境 19

1.7  小結 20

1.8  習題 20

  第2章     初識HTML5 21

2.1  HTML5基礎 21

2.1.1  HTML5文檔結構 21

2.1.2  元素與標簽 22

2.1.3  屬性 26

2.1.4  語法規(guī)則 27

2.2  WebStorm基礎 27

2.2.1  WebStorm的基本操作 28

2.2.2  WebStorm的快捷鍵 29

2.3  文檔結構元素 30

2.3.1  標簽 31

2.3.2  標簽 31

2.3.3  標簽 31

2.4  頭部元素 31

2.4.1  標簽 31</p> <p>2.4.2  <meta>標簽 32</p> <p>2.5  為叮叮書店首頁添加元信息 35</p> <p>2.6  小結 36</p> <p>2.7  習題 36</p> <p>  第3章     HTML5內(nèi)容結構與文本 37</p> <p>3.1  HTML5結構標簽 37</p> <p>3.1.1  <header>標簽 38</p> <p>3.1.2  <main>標簽 38</p> <p>3.1.3  <nav>標簽 38</p> <p>3.1.4  <article>標簽 38</p> <p>3.1.5  <section>標簽 38</p> <p>3.1.6  <aside>標簽 39</p> <p>3.1.7  <footer>標簽 39</p> <p>3.1.8  <details>標簽和<summary>標簽 39</p> <p>3.1.9  <div>標簽 39</p> <p>3.1.10  <span>標簽 40</p> <p>3.2  HTML5基礎標簽 40</p> <p>3.2.1  標題 40</p> <p>3.2.2  段落 41</p> <p>3.2.3  換行符 41</p> <p>3.2.4  注釋 41</p> <p>3.3  HTML5格式化標簽 41</p> <p>3.3.1  文本格式化標簽 41</p> <p>3.3.2  引用和術語定義標簽 43</p> <p>3.3.3  HTML5新增格式標簽 44</p> <p>3.4  HTML5列表 47</p> <p>3.4.1  無序列表 47</p> <p>3.4.2  有序列表 48</p> <p>3.4.3  定義列表 49</p> <p>3.5  叮叮書店首頁內(nèi)容結構的建立 49</p> <p>3.5.1  分析設計頁面內(nèi)容結構 50</p> <p>3.5.2  用HTML5結構標簽確定頁面內(nèi)容結構 50</p> <p>3.5.3  添加文本內(nèi)容 53</p> <p>3.5.4  在瀏覽器中預覽 57</p> <p>3.6  小結 58</p> <p>3.7  習題 5</p> <p></div> </div> </div> <div id="qgic2gv" class="text-center margin-large-bottom"> <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- read*底部 --> <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7029444221371985" data-ad-slot="7049136436"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div id="4qp3fr7" class="bookdetails-right"> <div style="height:250px;"> <div id="x8sjr37" class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div id="djyoexq" class="tit margin-big-top"><h3>本目錄推薦</h3></div> <div class="hm22lcv" id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14174362/" title="圖像質量評價:經(jīng)典理論" target="_blank"><i>01</i>圖像質量評價:經(jīng)典理論</a></p> <div id="h2dmf8r" class="unfold" style="display: block;"> <i>01</i> <div> <div id="q2h3c7a" class="img80"><a href="/book/14174362/" title="圖像質量評價:經(jīng)典理論" target="_blank"><img src="https://img.dushu.com/2025/05/30/0127289840363627.jpg_80.jpg" alt="圖像質量評價:經(jīng)典理論"></a></div> <h3><a href="/book/14174362/" title="圖像質量評價:經(jīng)典理論" target="_blank">圖像質量評價:經(jīng)典理論</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank"><i>02</i>中文版Premiere Pro 2024…</a></p> <div id="ffdxnd8" class="unfold" style="display: none;"> <i>02</i> <div> <div id="9ncrczp" class="img80"><a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/0127187440369143.jpg_80.jpg" alt="中文版Premiere Pro 2024完全自學教程"></a></div> <h3><a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank">中文版Premiere Pro 2024完全自…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程(彩色版)" target="_blank"><i>03</i>Adobe After Effects 202…</a></p> <div id="hkizh2n" class="unfold" style="display: none;"> <i>03</i> <div> <div id="qxgwcu3" class="img80"><a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程(彩色版)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275533740366161.jpg_80.jpg" alt="Adobe After Effects 2024經(jīng)典教程(彩色版)"></a></div> <h3><a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程(彩色版)" target="_blank">Adobe After Effects 2024經(jīng)典教…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174412/" title="刑偵紅外圖像免疫智能處理理論與技術" target="_blank"><i>04</i>刑偵紅外圖像免疫智能處理…</a></p> <div id="ahfskdw" class="unfold" style="display: none;"> <i>04</i> <div> <div id="o7lctle" class="img80"><a href="/book/14174412/" title="刑偵紅外圖像免疫智能處理理論與技術" target="_blank"><img src="https://img.dushu.com/2025/05/30/01334624140367934.jpg_80.jpg" alt="刑偵紅外圖像免疫智能處理理論與技術"></a></div> <h3><a href="/book/14174412/" title="刑偵紅外圖像免疫智能處理理論與技術" target="_blank">刑偵紅外圖像免疫智能處理理論與…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174418/" title="Adobe Animate 2023經(jīng)典教程" target="_blank"><i>05</i>Adobe Animate 2023經(jīng)典教…</a></p> <div id="qvtmdum" class="unfold" style="display: none;"> <i>05</i> <div> <div id="3f32bsl" class="img80"><a href="/book/14174418/" title="Adobe Animate 2023經(jīng)典教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01343468440368671.jpg_80.jpg" alt="Adobe Animate 2023經(jīng)典教程"></a></div> <h3><a href="/book/14174418/" title="Adobe Animate 2023經(jīng)典教程" target="_blank">Adobe Animate 2023經(jīng)典教程</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174440/" title="計算機視覺從入門到進階實戰(zhàn):基于PyTorch" target="_blank"><i>06</i>計算機視覺從入門到進階實…</a></p> <div id="mpmbu7k" class="unfold" style="display: none;"> <i>06</i> <div> <div id="ydwmfrl" class="img80"><a href="/book/14174440/" title="計算機視覺從入門到進階實戰(zhàn):基于PyTorch" target="_blank"><img src="https://img.dushu.com/2025/05/30/0154502284036317.jpg_80.jpg" alt="計算機視覺從入門到進階實戰(zhàn):基于PyTorch"></a></div> <h3><a href="/book/14174440/" title="計算機視覺從入門到進階實戰(zhàn):基于PyTorch" target="_blank">計算機視覺從入門到進階實戰(zhàn):基…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174442/" title="UI設計基礎與應用標準教程(全彩微課版)" target="_blank"><i>07</i>UI設計基礎與應用標準教程…</a></p> <div id="3z8aja2" class="unfold" style="display: none;"> <i>07</i> <div> <div id="rvncvpj" class="img80"><a href="/book/14174442/" title="UI設計基礎與應用標準教程(全彩微課版)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01551656740368042.jpg_80.jpg" alt="UI設計基礎與應用標準教程(全彩微課版)"></a></div> <h3><a href="/book/14174442/" title="UI設計基礎與應用標準教程(全彩微課版)" target="_blank">UI設計基礎與應用標準教程(全彩…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174448/" title="DaVinci Resolve 19中文版達芬奇視頻調(diào)色與特效手冊(AI版)" target="_blank"><i>08</i>DaVinci Resolve 19中文版…</a></p> <div id="t8vvng3" class="unfold" style="display: none;"> <i>08</i> <div> <div id="a7z7vgz" class="img80"><a href="/book/14174448/" title="DaVinci Resolve 19中文版達芬奇視頻調(diào)色與特效手冊(AI版)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01573119940366709.jpg_80.jpg" alt="DaVinci Resolve 19中文版達芬奇視頻調(diào)色與特效手冊(AI版)"></a></div> <h3><a href="/book/14174448/" title="DaVinci Resolve 19中文版達芬奇視頻調(diào)色與特效手冊(AI版)" target="_blank">DaVinci Resolve 19中文版達芬奇…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174379/" title="改變設計的AI技術(基于Midjourney+Stable Diffusion)" target="_blank"><i>09</i>改變設計的AI技術(基于M…</a></p> <div id="3nl8i83" class="unfold" style="display: none;"> <i>09</i> <div> <div id="4k2dsf2" class="img80"><a href="/book/14174379/" title="改變設計的AI技術(基于Midjourney+Stable Diffusion)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280898240368562.jpg_80.jpg" alt="改變設計的AI技術(基于Midjourney+Stable Diffusion)"></a></div> <h3><a href="/book/14174379/" title="改變設計的AI技術(基于Midjourney+Stable Diffusion)" target="_blank">改變設計的AI技術(基于Midjour…</a></h3> <p></p> </div> </div> </li> <li id="e378d3a" class="bt"> <p style="display: block;" class="fold"> <a href="/book/14174445/" title="手機短視頻拍攝剪輯與運營 從入門到精通" target="_blank"><i>10</i>手機短視頻拍攝剪輯與運營…</a></p> <div id="pvofqix" class="unfold" style="display: none;"> <i>10</i> <div> <div id="wb3ryof" class="img80"><a href="/book/14174445/" title="手機短視頻拍攝剪輯與運營 從入門到精通" target="_blank"><img src="https://img.dushu.com/2025/05/30/01554324040369322.jpg_80.jpg" alt="手機短視頻拍攝剪輯與運營 從入門到精通"></a></div> <h3><a href="/book/14174445/" title="手機短視頻拍攝剪輯與運營 從入門到精通" target="_blank">手機短視頻拍攝剪輯與運營 從入…</a></h3> <p></p> </div> </div> </li> </ul> </div> <div id="imdumdp" class="margin-big-top" id="sidebar"> <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 300-right --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-7029444221371985" data-ad-slot="1399555633"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="ij8bul3" id="qrcode"></div> <div id="c2wovh8" class="margin-big-top text-center text-gray">掃描二維碼</div> </div> </div> </div> <div id="twmdlwg" class="layout" id="footer"> <div id="dhyo3e8" class="container padding"> <div id="qsiwnul" class="text-center"> <ul class="nav nav-inline"> <li><a href="/help/1587.html">關于讀書</a> </li> <li><a href="/help/1588.html">免責聲明</a> </li> <li><a href="/help/1589.html">讀書目錄</a> </li> <li><a href="/help/1590.html">聯(lián)系我們</a> </li> </ul> </div> <div id="82bbtkd" class="text-center height-big">Copyright ? 讀書網(wǎng) www.stefanvlieger.com 2005-2020, All Rights Reserved.</div> <div id="em8fyrh" class="text-center height-big"><a >鄂ICP備15019699號</a> <img src="https://a.dushu.com/img/beian.png" style="vertical-align:middle;margin-left:10px;" /> 鄂公網(wǎng)安備 42010302001612號 <a ><img src="https://a.dushu.com/img/jubao.gif" style="vertical-align:middle;margin-left:10px;" /></a></div> </div> </div> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/qrcode.min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/portamento-min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/readmore.min.js"></script> <script> $('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span id="ad8q2e8" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="vypfyq8" class="icon-arrow-right"></span> 收起</a>', embedCSS: false }); $('#sidebar').portamento({ disableWorkaround: true, gap: 40 }); $("#qrcode").qrcode({ render: "canvas", width: 200, height: 200, text: location.href }); </script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/autocomplete.min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/common.min.js?v=201706"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://www.stefanvlieger.com/" title="欧美国产亚洲变态另类在线">欧美国产亚洲变态另类在线</a> <div class="friend-links"> <a href="http://www.tarkeb-dish.com/">精品中文高清在线hd免费</a> <a href="http://www.norwichdate.com/">三级全黄裸体在线观看</a> <a href="http://www.uworled.com/">黄色黄瓜视频免费观看</a> <a href="http://www.tiantishan.com/">裸体女人高潮A片裸交</a> <a href="http://www.stefanvlieger.com/">亚洲欧洲一区二区综合在线</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="63wxr" class="pl_css_ganrao" style="display: none;"><progress id="63wxr"><dl id="63wxr"><dfn id="63wxr"></dfn></dl></progress><pre id="63wxr"></pre><input id="63wxr"><noscript id="63wxr"><style id="63wxr"></style></noscript></input><samp id="63wxr"><tfoot id="63wxr"><menuitem id="63wxr"><form id="63wxr"></form></menuitem></tfoot></samp><font id="63wxr"><big id="63wxr"></big></font><nobr id="63wxr"></nobr><blockquote id="63wxr"><tbody id="63wxr"><mark id="63wxr"><kbd id="63wxr"></kbd></mark></tbody></blockquote><pre id="63wxr"><legend id="63wxr"><wbr id="63wxr"><thead id="63wxr"></thead></wbr></legend></pre><track id="63wxr"></track><font id="63wxr"></font><dd id="63wxr"></dd><form id="63wxr"><strike id="63wxr"><track id="63wxr"></track></strike></form><dfn id="63wxr"></dfn><address id="63wxr"></address><s id="63wxr"><em id="63wxr"><legend id="63wxr"></legend></em></s><tfoot id="63wxr"><s id="63wxr"></s></tfoot><tfoot id="63wxr"><s id="63wxr"><ul id="63wxr"></ul></s></tfoot><video id="63wxr"></video><span id="63wxr"></span><wbr id="63wxr"><fieldset id="63wxr"></fieldset></wbr><delect id="63wxr"></delect><label id="63wxr"><center id="63wxr"><s id="63wxr"><small id="63wxr"></small></s></center></label><thead id="63wxr"><sup id="63wxr"><strike id="63wxr"></strike></sup></thead><center id="63wxr"></center><dl id="63wxr"><ruby id="63wxr"></ruby></dl><strong id="63wxr"></strong><nobr id="63wxr"></nobr><tbody id="63wxr"></tbody><bdo id="63wxr"></bdo><table id="63wxr"></table><listing id="63wxr"></listing><noscript id="63wxr"><button id="63wxr"><delect id="63wxr"><small id="63wxr"></small></delect></button></noscript><li id="63wxr"></li><output id="63wxr"><address id="63wxr"><thead id="63wxr"><blockquote id="63wxr"></blockquote></thead></address></output><strong id="63wxr"><video id="63wxr"><acronym id="63wxr"></acronym></video></strong><legend id="63wxr"></legend><code id="63wxr"><abbr id="63wxr"></abbr></code><acronym id="63wxr"></acronym><pre id="63wxr"></pre><em id="63wxr"></em><table id="63wxr"><abbr id="63wxr"></abbr></table><style id="63wxr"></style><tbody id="63wxr"><option id="63wxr"><source id="63wxr"><cite id="63wxr"></cite></source></option></tbody><bdo id="63wxr"></bdo><ruby id="63wxr"></ruby><em id="63wxr"></em><fieldset id="63wxr"></fieldset><strong id="63wxr"><video id="63wxr"><tbody id="63wxr"></tbody></video></strong><abbr id="63wxr"></abbr><u id="63wxr"><output id="63wxr"><abbr id="63wxr"></abbr></output></u></div> </html>