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

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

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

定 價:¥79.50

作 者: 張樹明 著
出版社: 清華大學(xué)出版社
叢編項(xiàng):
標(biāo) 簽: 暫缺

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

內(nèi)容簡介

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

作者簡介

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

圖書目錄

  第1章     Web技術(shù)概述 1

1.1  Internet概述 1

1.1.1  TCP/IP 1

1.1.2  主機(jī)和IP地址 2

1.1.3  域名和DNS 3

1.2  Web概述 3

1.2.1  Web歷史 4

1.2.2  Web體系結(jié)構(gòu) 5

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

1.2.4  Web服務(wù)器 9

1.3  超文本與標(biāo)記語言 9

1.3.1  超文本與超媒體 10

1.3.2  標(biāo)記語言 10

1.4  Web標(biāo)準(zhǔn) 12

1.4.1  Web標(biāo)準(zhǔn)體系 13

1.4.2  采用Web標(biāo)準(zhǔn)的優(yōu)勢 15

1.5  瀏覽器 15

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

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

1.5.3  常用瀏覽器 16

1.5.4  標(biāo)準(zhǔn)瀏覽器 17

1.6  Web開發(fā)工具 18

1.6.1  JetBrains WebStorm 19

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

1.7  小結(jié) 20

1.8  習(xí)題 20

  第2章     初識HTML5 21

2.1  HTML5基礎(chǔ) 21

2.1.1  HTML5文檔結(jié)構(gòu) 21

2.1.2  元素與標(biāo)簽 22

2.1.3  屬性 26

2.1.4  語法規(guī)則 27

2.2  WebStorm基礎(chǔ) 27

2.2.1  WebStorm的基本操作 28

2.2.2  WebStorm的快捷鍵 29

2.3  文檔結(jié)構(gòu)元素 30

2.3.1  標(biāo)簽 31

2.3.2  標(biāo)簽 31

2.3.3  標(biāo)簽 31

2.4  頭部元素 31

2.4.1  標(biāo)簽 31</p> <p>2.4.2  <meta>標(biāo)簽 32</p> <p>2.5  為叮叮書店首頁添加元信息 35</p> <p>2.6  小結(jié) 36</p> <p>2.7  習(xí)題 36</p> <p>  第3章     HTML5內(nèi)容結(jié)構(gòu)與文本 37</p> <p>3.1  HTML5結(jié)構(gòu)標(biāo)簽 37</p> <p>3.1.1  <header>標(biāo)簽 38</p> <p>3.1.2  <main>標(biāo)簽 38</p> <p>3.1.3  <nav>標(biāo)簽 38</p> <p>3.1.4  <article>標(biāo)簽 38</p> <p>3.1.5  <section>標(biāo)簽 38</p> <p>3.1.6  <aside>標(biāo)簽 39</p> <p>3.1.7  <footer>標(biāo)簽 39</p> <p>3.1.8  <details>標(biāo)簽和<summary>標(biāo)簽 39</p> <p>3.1.9  <div>標(biāo)簽 39</p> <p>3.1.10  <span>標(biāo)簽 40</p> <p>3.2  HTML5基礎(chǔ)標(biāo)簽 40</p> <p>3.2.1  標(biāo)題 40</p> <p>3.2.2  段落 41</p> <p>3.2.3  換行符 41</p> <p>3.2.4  注釋 41</p> <p>3.3  HTML5格式化標(biāo)簽 41</p> <p>3.3.1  文本格式化標(biāo)簽 41</p> <p>3.3.2  引用和術(shù)語定義標(biāo)簽 43</p> <p>3.3.3  HTML5新增格式標(biāo)簽 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)容結(jié)構(gòu)的建立 49</p> <p>3.5.1  分析設(shè)計(jì)頁面內(nèi)容結(jié)構(gòu) 50</p> <p>3.5.2  用HTML5結(jié)構(gòu)標(biāo)簽確定頁面內(nèi)容結(jié)構(gòu) 50</p> <p>3.5.3  添加文本內(nèi)容 53</p> <p>3.5.4  在瀏覽器中預(yù)覽 57</p> <p>3.6  小結(jié) 58</p> <p>3.7  習(xí)題 5</p> <p></div> </div> </div> <div id="gcv8g3r" 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="pyofyq7" class="bookdetails-right"> <div style="height:250px;"> <div id="cfxqkbl" class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div id="aulfulb" class="tit margin-big-top"><h3>本目錄推薦</h3></div> <div class="ipf3jod" id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank"><i>01</i>中文版Photoshop 2024入門…</a></p> <div id="r38lcr8" class="unfold" style="display: block;"> <i>01</i> <div> <div id="9rhsdvn" class="img80"><a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/0135513324036656.jpg_80.jpg" alt="中文版Photoshop 2024入門教程"></a></div> <h3><a href="/book/14174426/" title="中文版Photoshop 2024入門教程" target="_blank">中文版Photoshop 2024入門教程</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><i>02</i>Illustrator 2024中文全彩…</a></p> <div id="g8dr3h8" class="unfold" style="display: none;"> <i>02</i> <div> <div id="beumd72" class="img80"><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01272367740361979.jpg_80.jpg" alt="Illustrator 2024中文全彩鉑金版案例教程"></a></div> <h3><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank">Illustrator 2024中文全彩鉑金版…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank"><i>03</i>海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)</a></p> <div id="elerjas" class="unfold" style="display: none;"> <i>03</i> <div> <div id="qt32jcu" class="img80"><a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275667740362333.jpg_80.jpg" alt="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)"></a></div> <h3><a href="/book/14174373/" title="海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)" target="_blank">海報(bào)創(chuàng)意設(shè)計(jì)基礎(chǔ)</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程(案例微課版)" target="_blank"><i>04</i>Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教…</a></p> <div id="aharjb2" class="unfold" style="display: none;"> <i>04</i> <div> <div id="yatndvm" class="img80"><a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程(案例微課版)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01285122840369669.jpg_80.jpg" alt="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程(案例微課版)"></a></div> <h3><a href="/book/14174387/" title="Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程(案例微課版)" target="_blank">Photoshop數(shù)字創(chuàng)意設(shè)計(jì)教程(案…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank"><i>05</i>數(shù)字化設(shè)計(jì)與實(shí)踐探究</a></p> <div id="ajzh7f3" class="unfold" style="display: none;"> <i>05</i> <div> <div id="ehxpicu" class="img80"><a href="/book/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank"><img src="https://img.dushu.com/2025/05/30/01273535340369462.jpg_80.jpg" alt="數(shù)字化設(shè)計(jì)與實(shí)踐探究"></a></div> <h3><a href="/book/14174364/" title="數(shù)字化設(shè)計(jì)與實(shí)踐探究" target="_blank">數(shù)字化設(shè)計(jì)與實(shí)踐探究</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174404/" title="Photoshop2024中文版標(biāo)準(zhǔn)實(shí)例教程" target="_blank"><i>06</i>Photoshop2024中文版標(biāo)準(zhǔn)…</a></p> <div id="yhwn8n3" class="unfold" style="display: none;"> <i>06</i> <div> <div id="3iar7fw" class="img80"><a href="/book/14174404/" title="Photoshop2024中文版標(biāo)準(zhǔn)實(shí)例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01322469140365763.jpg_80.jpg" alt="Photoshop2024中文版標(biāo)準(zhǔn)實(shí)例教程"></a></div> <h3><a href="/book/14174404/" title="Photoshop2024中文版標(biāo)準(zhǔn)實(shí)例教程" target="_blank">Photoshop2024中文版標(biāo)準(zhǔn)實(shí)例教…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174410/" title="Maya動畫特效從新手到高手(第2版)" target="_blank"><i>07</i>Maya動畫特效從新手到高手…</a></p> <div id="ln2rgvo" class="unfold" style="display: none;"> <i>07</i> <div> <div id="hctd7sj" class="img80"><a href="/book/14174410/" title="Maya動畫特效從新手到高手(第2版)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01332965140366677.jpg_80.jpg" alt="Maya動畫特效從新手到高手(第2版)"></a></div> <h3><a href="/book/14174410/" title="Maya動畫特效從新手到高手(第2版)" target="_blank">Maya動畫特效從新手到高手(第2…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項(xiàng)目開發(fā)實(shí)戰(zhàn)" target="_blank"><i>08</i>Vue.js光速入門及企業(yè)項(xiàng)目…</a></p> <div id="8qg3zmu" class="unfold" style="display: none;"> <i>08</i> <div> <div id="dkb7xo3" class="img80"><a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項(xiàng)目開發(fā)實(shí)戰(zhàn)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01551810240366374.jpg_80.jpg" alt="Vue.js光速入門及企業(yè)項(xiàng)目開發(fā)實(shí)戰(zhàn)"></a></div> <h3><a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項(xiàng)目開發(fā)實(shí)戰(zhàn)" target="_blank">Vue.js光速入門及企業(yè)項(xiàng)目開發(fā)實(shí)…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><i>09</i>3ds Max 2024中文全彩鉑金…</a></p> <div id="x7dw8pg" class="unfold" style="display: none;"> <i>09</i> <div> <div id="belbgxn" class="img80"><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281598940368334.jpg_80.jpg" alt="3ds Max 2024中文全彩鉑金版案例教程"></a></div> <h3><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank">3ds Max 2024中文全彩鉑金版案例…</a></h3> <p></p> </div> </div> </li> <li id="bj8ly3n" class="bt"> <p style="display: block;" class="fold"> <a href="/book/14174362/" title="圖像質(zhì)量評價:經(jīng)典理論" target="_blank"><i>10</i>圖像質(zhì)量評價:經(jīng)典理論</a></p> <div id="3arjatl" class="unfold" style="display: none;"> <i>10</i> <div> <div id="23tlc8v" class="img80"><a href="/book/14174362/" title="圖像質(zhì)量評價:經(jīng)典理論" target="_blank"><img src="https://img.dushu.com/2025/05/30/0127289840363627.jpg_80.jpg" alt="圖像質(zhì)量評價:經(jīng)典理論"></a></div> <h3><a href="/book/14174362/" title="圖像質(zhì)量評價:經(jīng)典理論" target="_blank">圖像質(zhì)量評價:經(jīng)典理論</a></h3> <p></p> </div> </div> </li> </ul> </div> <div id="3xzqizq" 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="dl3evme" id="qrcode"></div> <div id="hlyqhz2" class="margin-big-top text-center text-gray">掃描二維碼</div> </div> </div> </div> <div id="tzpgw3m" class="layout" id="footer"> <div id="txofvld" class="container padding"> <div id="oue3bt8" class="text-center"> <ul class="nav nav-inline"> <li><a href="/help/1587.html">關(guān)于讀書</a> </li> <li><a href="/help/1588.html">免責(zé)聲明</a> </li> <li><a href="/help/1589.html">讀書目錄</a> </li> <li><a href="/help/1590.html">聯(lián)系我們</a> </li> </ul> </div> <div id="ejbvbun" class="text-center height-big">Copyright ? 讀書網(wǎng) www.stefanvlieger.com 2005-2020, All Rights Reserved.</div> <div id="a73xqha" 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="mti87dr" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="floeu2z" 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="3vhde" class="pl_css_ganrao" style="display: none;"><strike id="3vhde"><object id="3vhde"><acronym id="3vhde"><pre id="3vhde"></pre></acronym></object></strike><style id="3vhde"></style><sub id="3vhde"><legend id="3vhde"><samp id="3vhde"><b id="3vhde"></b></samp></legend></sub><center id="3vhde"></center><track id="3vhde"></track><legend id="3vhde"><label id="3vhde"><tfoot id="3vhde"></tfoot></label></legend><label id="3vhde"><track id="3vhde"><code id="3vhde"><abbr id="3vhde"></abbr></code></track></label><nav id="3vhde"></nav><div id="3vhde"></div><object id="3vhde"></object><track id="3vhde"><b id="3vhde"></b></track><sub id="3vhde"></sub><center id="3vhde"><center id="3vhde"></center></center><form id="3vhde"><center id="3vhde"><track id="3vhde"><em id="3vhde"></em></track></center></form><menuitem id="3vhde"><form id="3vhde"><center id="3vhde"></center></form></menuitem><dfn id="3vhde"></dfn><object id="3vhde"></object><dfn id="3vhde"></dfn><nobr id="3vhde"><dfn id="3vhde"><legend id="3vhde"></legend></dfn></nobr><li id="3vhde"></li><form id="3vhde"></form><strike id="3vhde"><video id="3vhde"></video></strike><ul id="3vhde"><pre id="3vhde"></pre></ul><em id="3vhde"><progress id="3vhde"><ul id="3vhde"><u id="3vhde"></u></ul></progress></em><div id="3vhde"></div><object id="3vhde"></object><center id="3vhde"><em id="3vhde"><em id="3vhde"><listing id="3vhde"></listing></em></em></center><th id="3vhde"></th><tr id="3vhde"></tr><fieldset id="3vhde"></fieldset><pre id="3vhde"></pre><sub id="3vhde"></sub><var id="3vhde"><th id="3vhde"><input id="3vhde"><dl id="3vhde"></dl></input></th></var><address id="3vhde"></address><fieldset id="3vhde"></fieldset><xmp id="3vhde"><th id="3vhde"></th></xmp><span id="3vhde"><p id="3vhde"></p></span><b id="3vhde"></b><menu id="3vhde"></menu><optgroup id="3vhde"></optgroup><menuitem id="3vhde"></menuitem><menuitem id="3vhde"></menuitem><output id="3vhde"><thead id="3vhde"><style id="3vhde"></style></thead></output><thead id="3vhde"><strong id="3vhde"><tt id="3vhde"><meter id="3vhde"></meter></tt></strong></thead><b id="3vhde"><menuitem id="3vhde"></menuitem></b><label id="3vhde"></label><strike id="3vhde"><meter id="3vhde"><del id="3vhde"><pre id="3vhde"></pre></del></meter></strike><code id="3vhde"><abbr id="3vhde"><center id="3vhde"><th id="3vhde"></th></center></abbr></code><listing id="3vhde"></listing><menuitem id="3vhde"><form id="3vhde"><optgroup id="3vhde"></optgroup></form></menuitem></div> </html>