注册 | 登录读书好,好读书,读好书!
读书网-DuShu.com
当前位置: 首页出版图书科学技术计算机/网络图形图像、多媒体、网页制作Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发(第2版)

Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发(第2版)

Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发(第2版)

定 价:¥79.50

作 者: 张树明 著
出版社: 清华大学出版社
丛编项:
标 签: 暂缺

购买这本书可以去


ISBN: 9787302516286 出版时间: 2019-03-01 包装: 平装
开本: 16开 页数: 474 字数:  

内容简介

  本书基于Web标准和响应式Web设计思想深入浅出地介绍了Web前端设计技术的基础知识,对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解,内容翔实,结构合理,语言精练,表达简明,实用性强,易于自学。全书共分23章。第1章介绍了Web技术的基本概念、Web体系结构、超文本与标记语言、Web标准的组成和常用浏览器;第2~7章重点介绍了Web标准的结构推荐标准HTML5的常用元素的标签语句及应用;第8~13章介绍了Web标准的表现推荐标准CSS3的常用属性及应用;第14章介绍了网站制作流程与发布过程;第15~22章介绍了Web标准的行为标准ECMA-262的ECMAScript基础和JavaScript脚本语言;第23章介绍了JavaScript框架jQuery的入门知识。扫描每章提供的二维码可观看知识点的视频讲解及下载程序源码。本书可作为高等院校计算机专业及相关专业的教材,也可作为相关培训机构的培训教材以及对Web前端设计技术感兴趣的人员的自学用书。

作者简介

暂缺《Web前端设计从入门到实战:HTML5、CSS3、JavaScript项目案例开发(第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  基本Web技术 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标准的优势 15

1.5  浏览器 15

1.5.1  浏览器的发展史 15

1.5.2  浏览器的内核 16

1.5.3  常用浏览器 16

1.5.4  标准浏览器 17

1.6  Web开发工具 18

1.6.1  JetBrains WebStorm 19

1.6.2  测试和调试环境 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  语法规则 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内容结构与文本 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  叮叮书店首页内容结构的建立 49</p> <p>3.5.1  分析设计页面内容结构 50</p> <p>3.5.2  用HTML5结构标签确定页面内容结构 50</p> <p>3.5.3  添加文本内容 53</p> <p>3.5.4  在浏览器中预览 57</p> <p>3.6  小结 58</p> <p>3.7  习题 5</p> <p></div> </div> </div> <div class="text-center margin-large-bottom"> <script async src="//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 class="bookdetails-right"> <div style="height:250px;"> <div class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div class="tit margin-big-top"><h3>本目录推荐</h3></div> <div id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14137683/" title="图像模式识别:基于XAVIS组态软件" target="_blank"><i>01</i>图像模式识别:基于XAVIS…</a></p> <div class="unfold" style="display: block;"> <i>01</i> <div> <div class="img80"><a href="/book/14137683/" title="图像模式识别:基于XAVIS组态软件" target="_blank"><img src="https://img.dushu.com/2024/10/28/10210298469315.jpg_80.jpg" alt="图像模式识别:基于XAVIS组态软件"></a></div> <h3><a href="/book/14137683/" title="图像模式识别:基于XAVIS组态软件" target="_blank">图像模式识别:基于XAVIS组态软…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14131152/" title="AutoCAD2022从入门到工程图" target="_blank"><i>02</i>AutoCAD2022从入门到工程…</a></p> <div class="unfold" style="display: none;"> <i>02</i> <div> <div class="img80"><a href="/book/14131152/" title="AutoCAD2022从入门到工程图" target="_blank"><img src="https://img.dushu.com/2024/09/02/14203557056517.jpg_80.jpg" alt="AutoCAD2022从入门到工程图"></a></div> <h3><a href="/book/14131152/" title="AutoCAD2022从入门到工程图" target="_blank">AutoCAD2022从入门到工程图</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14137707/" title="Photoshop图像处理任务式教程(微课版)" target="_blank"><i>03</i>Photoshop图像处理任务式…</a></p> <div class="unfold" style="display: none;"> <i>03</i> <div> <div class="img80"><a href="/book/14137707/" title="Photoshop图像处理任务式教程(微课版)" target="_blank"><img src="https://img.dushu.com/2024/10/28/10213512980155.jpg_80.jpg" alt="Photoshop图像处理任务式教程(微课版)"></a></div> <h3><a href="/book/14137707/" title="Photoshop图像处理任务式教程(微课版)" target="_blank">Photoshop图像处理任务式教程(…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140702/" title="数字绘画基础Ⅰ" target="_blank"><i>04</i>数字绘画基础Ⅰ</a></p> <div class="unfold" style="display: none;"> <i>04</i> <div> <div class="img80"><a href="/book/14140702/" title="数字绘画基础Ⅰ" target="_blank"><img src="https://img.dushu.com/2024/11/14/1100083706628.jpg_80.jpg" alt="数字绘画基础Ⅰ"></a></div> <h3><a href="/book/14140702/" title="数字绘画基础Ⅰ" target="_blank">数字绘画基础Ⅰ</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140717/" title="Unity进阶与实践解析" target="_blank"><i>05</i>Unity进阶与实践解析</a></p> <div class="unfold" style="display: none;"> <i>05</i> <div> <div class="img80"><a href="/book/14140717/" title="Unity进阶与实践解析" target="_blank"><img src="https://img.dushu.com/2024/11/14/11003323555959.jpg_80.jpg" alt="Unity进阶与实践解析"></a></div> <h3><a href="/book/14140717/" title="Unity进阶与实践解析" target="_blank">Unity进阶与实践解析</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140686/" title="三维建模与动画基础" target="_blank"><i>06</i>三维建模与动画基础</a></p> <div class="unfold" style="display: none;"> <i>06</i> <div> <div class="img80"><a href="/book/14140686/" title="三维建模与动画基础" target="_blank"><img src="https://img.dushu.com/2024/11/14/1059463806818.jpg_80.jpg" alt="三维建模与动画基础"></a></div> <h3><a href="/book/14140686/" title="三维建模与动画基础" target="_blank">三维建模与动画基础</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140710/" title="深度学习与图像处理实战" target="_blank"><i>07</i>深度学习与图像处理实战</a></p> <div class="unfold" style="display: none;"> <i>07</i> <div> <div class="img80"><a href="/book/14140710/" title="深度学习与图像处理实战" target="_blank"><img src="https://img.dushu.com/2024/11/14/11001964270987.jpg_80.jpg" alt="深度学习与图像处理实战"></a></div> <h3><a href="/book/14140710/" title="深度学习与图像处理实战" target="_blank">深度学习与图像处理实战</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140696/" title="Premiere视频编辑案例教程(全彩微课版 Premiere Pro CC 2019)" target="_blank"><i>08</i>Premiere视频编辑案例教程…</a></p> <div class="unfold" style="display: none;"> <i>08</i> <div> <div class="img80"><a href="/book/14140696/" title="Premiere视频编辑案例教程(全彩微课版 Premiere Pro CC 2019)" target="_blank"><img src="https://img.dushu.com/2024/11/14/1100009017161.jpg_80.jpg" alt="Premiere视频编辑案例教程(全彩微课版 Premiere Pro CC 2019)"></a></div> <h3><a href="/book/14140696/" title="Premiere视频编辑案例教程(全彩微课版 Premiere Pro CC 2019)" target="_blank">Premiere视频编辑案例教程(全彩…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14135593/" title="Premiere+After Effects视频后期制作基础教程(移动学习版)" target="_blank"><i>09</i>Premiere+After Effects视…</a></p> <div class="unfold" style="display: none;"> <i>09</i> <div> <div class="img80"><a href="/book/14135593/" title="Premiere+After Effects视频后期制作基础教程(移动学习版)" target="_blank"><img src="https://img.dushu.com/2024/10/10/08362433782166.jpg_80.jpg" alt="Premiere+After Effects视频后期制作基础教程(移动学习版)"></a></div> <h3><a href="/book/14135593/" title="Premiere+After Effects视频后期制作基础教程(移动学习版)" target="_blank">Premiere+After Effects视频后期…</a></h3> <p></p> </div> </div> </li> <li class="bt"> <p style="display: block;" class="fold"> <a href="/book/14120159/" title="动画运动规律" target="_blank"><i>10</i>动画运动规律</a></p> <div class="unfold" style="display: none;"> <i>10</i> <div> <div class="img80"><a href="/book/14120159/" title="动画运动规律" target="_blank"><img src="https://img.dushu.com/2024/07/17/13413820650637.jpg_80.jpg" alt="动画运动规律"></a></div> <h3><a href="/book/14120159/" title="动画运动规律" target="_blank">动画运动规律</a></h3> <p></p> </div> </div> </li> </ul> </div> <div class="margin-big-top" id="sidebar"> <script async src="//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 id="qrcode"></div> <div class="margin-big-top text-center text-gray">扫描二维码</div> </div> </div> </div> <div class="layout" id="footer"> <div class="container padding"> <div 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">联系我们</a> </li> </ul> </div> <div class="text-center height-big">Copyright © 读书网 www.dushu.com 2005-2020, All Rights Reserved.</div> <div class="text-center height-big"><a href="http://www.beian.miit.gov.cn/">鄂ICP备15019699号</a> <img src="https://a.dushu.com/img/beian.png" style="vertical-align:middle;margin-left:10px;" /> 鄂公网安备 42010302001612号 <a href="https://www.12377.cn/jbxzxq/64d38691937611ebb858c9da04cf59d3_web.html?spm=zm1033-001.0.0.1.SOXBdI&smallHarmType=64d38691937611ebb858c9da04cf59d3"><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>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; $('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span class="icon-arrow-right"></span> 展开全部</a>', lessLink: '<a href="#"><span 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> </body> </html>