网志栈编辑推荐
本书基于Web标准和响应式Web设计思想深入浅出地介绍了Web前端设计技术的基础知识，对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解。内容翔实，结构合理，语言精炼，表达简明，实用性强，易于自学。 ；
内容简介
本书基于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前端设计技术感兴趣的人员的自学用书。
作者简介
暂无
目录
； 第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<br />2.4.2 <meta>标签 32<br />2.5 为叮叮书店首页添加元信息 35<br />2.6 小结 36<br />2.7 习题 36<br /> 第3章 HTML5内容结构与文本 37<br />3.1 HTML5结构标签 37<br />3.1.1 <header>标签 38<br />3.1.2 <main>标签 38<br />3.1.3 <nav>标签 38<br />3.1.4 <article>标签 38<br />3.1.5 <section>标签 38<br />3.1.6 <aside>标签 39<br />3.1.7 <footer>标签 39<br />3.1.8 <details>标签和<summary>标签 39<br />3.1.9 <div>标签 39<br />3.1.10 <span>标签 40<br />3.2 HTML5基础标签 40<br />3.2.1 标题 40<br />3.2.2 段落 41<br />3.2.3 换行符 41<br />3.2.4 注释 41<br />3.3 HTML5格式化标签 41<br />3.3.1 文本格式化标签 41<br />3.3.2 引用和术语定义标签 43<br />3.3.3 HTML5新增格式标签 44<br />3.4 HTML5列表 47<br />3.4.1 无序列表 47<br />3.4.2 有序列表 48<br />3.4.3 定义列表 49<br />3.5 叮叮书店首页内容结构的建立 49<br />3.5.1 分析设计页面内容结构 50<br />3.5.2 用HTML5结构标签确定页面内容结构 50<br />3.5.3 添加文本内容 53<br />3.5.4 在浏览器中预览 57<br />3.6 小结 58<br />3.7 习题 58<br /> 第4章 HTML5超链接 60<br />4.1 <a>标签 60<br />4.1.1 href属性 61<br />4.1.2 target属性 61<br />4.1.3 id属性 62<br />4.2 HTML5字符集与颜色 63<br />4.2.1 HTML5字符集 63<br />4.2.2 HTML5字符实体 63<br />4.2.3 HTML5颜色 64<br />4.2.4 HTML5颜色名 64<br />4.3 叮叮书店首页超链接的使用 65<br />4.4 小结 67<br />4.5 习题 67<br /> 第5章 HTML5多媒体 68<br />5.1 HTML5图像 68<br />5.1.1 <img>标签 68<br />5.1.2 <map>标签和<area>标签 70<br />5.1.3 <figure>标签和<figcaption>标签 71<br />5.2 HTML5音频/视频 71<br />5.2.1 HTML5视频 71<br />5.2.2 HTML5音频 74<br />5.3 <embed>标签 76<br />5.4 叮叮书店首页图像的使用 76<br />5.5 小结 79<br />5.6 习题 79<br /> 第6章 HTML5表格 80<br />6.1 表格结构和表格标签 80<br />6.1.1 表格结构 80<br />6.1.2 表格标签 80<br />6.2 常用表格标签 82<br />6.2.1 <table>标签 82<br />6.2.2 <tr>标签 83<br />6.2.3 <td>标签 83<br />6.2.4 <col>标签 84<br />6.2.5 <thead>、<tbody>和<tfoot>标签 85<br />6.3 叮叮书店“购物车”页面的建立 85<br />6.4 小结 86<br />6.5 习题 87<br /> 第7章 HTML5表单 88<br />7.1 表单的基本知识 88<br />7.1.1 什么是表单 88<br />7.1.2 <form>标签 88<br />7.2 表单域 90<br />7.2.1 <input>标签 91<br />7.2.2 <textarea>标签 98<br />7.2.3 <label>标签 99<br />7.2.4 <fieldset>标签 99<br />7.2.5 <select>标签 100<br />7.2.6 <option>标签 100<br />7.2.7 <optgroup>标签 101<br />7.2.8 <button>标签 101<br />7.2.9 <datalist>标签 102<br />7.2.10 <output>标签 103<br />7.3 叮叮书店“联系我们”页面的建立 103<br />7.4 为叮叮书店首页添加站内搜索 106<br />7.5 小结 106<br />7.6 习题 106<br /> 第8章 CSS基础 108<br />8.1 CSS概述 108<br />8.2 CSS语法 110<br />8.3 CSS常用选择器 111<br />8.4 CSS3选择器 114<br />8.5 CSS属性 115<br />8.5.1 CSS常用属性 115<br />8.5.2 CSS属性值和单位 119<br />8.5.3 CSS3属性值和单位 120<br />8.6 使用CSS 127<br />8.7 媒体查询 130<br />8.8 层叠样式 132<br />8.9 使用Chrome开发者工具检查编辑页面及样式 135<br />8.10 小结 136<br />8.11 习题 137<br /> 第9章 页面布局定位 139<br />9.1 CSS盒模型 139<br />9.1.1 CSS盒模型概述 139<br />9.1.2 CSS内边距 141<br />9.1.3 CSS边框 143<br />9.1.4 CSS3边框 147<br />9.1.5 CSS外边距 151<br />9.1.6 CSS轮廓 153<br />9.2 CSS布局 154<br />9.2.1 盒模型显示类型 154<br />9.2.2 CSS3伸缩盒布局 157<br />9.2.3 CSS浮动 171<br />9.2.4 可见与溢出 174<br />9.3 CSS定位 176<br />9.3.1 position属性 176<br />9.3.2 z-index属性 181<br />9.4 基本布局模板 181<br />9.4.1 固定（液态）布局 182<br />9.4.2 弹性伸缩布局（响应式Web设计） 184<br />9.5 叮叮书店首页的布局样式设计 187<br />9.6 小结 190<br />9.7 习题 191<br /> 第10章 元素外观属性 193<br />10.1 背景 193<br /> 10.1.1 CSS背景 193<br /> 10.1.2 CSS3背景 196<br /> 10.1.3 CSS3透明度 198<br />10.2 字体 199<br /> 10.2.1 指定字体 199<br /> 10.2.2 指定大小 200<br /> 10.2.3 字体风格 200<br /> 10.2.4 字体粗细 200<br /> 10.2.5 CSS3服务器端字体 202<br />10.3 文本与修饰 205<br /> 10.3.1 文本 205<br /> 10.3.2 修饰 211<br />10.4 CSS3文本效果 212<br /> 10.4.1 阴影 212<br /> 10.4.2 换行 213<br />10.5 CSS3多列 213<br />10.6 列表 215<br />10.7 尺寸 216<br />10.8 表格 218<br /> 10.8.1 表格的属性 218<br /> 10.8.2 表格的边框控制 220<br /> 10.8.3 改善表格的显示效果 222<br /> 10.8.4 叮叮书店“购物车”页面的表格样式设计 223<br />10.9 叮叮书店首页的外观样式设计 224<br /> 10.9.1 文本 224<br /> 10.9.2 背景 225<br /> 10.9.3 栏目标题图标 226<br /> 10.9.4 其他 227<br />10.10 小结 228<br />10.11 习题 228<br /> 第11章 伪类和伪元素 230<br />11.1 CSS伪类 230<br /> 11.1.1 超链接伪类 231<br /> 11.1.2 结构性伪类 232<br /> 11.1.3 子元素伪类 233<br /> 11.1.4 UI元素状态伪类 236<br />11.2 CSS伪元素 239<br />11.3 CSS内容 240<br />11.4 小结 243<br />11.5 习题 243<br /> 第12章 CSS3变换、过渡和动画 245<br />12.1 变换 245<br />12.2 过渡 256<br />12.3 动画 260<br />12.4 叮叮书店首页的超链接、伪类和动画样式设计 263<br />12.5 小结 267<br />12.6 习题 267<br /> 第13章 默认样式和页面内容样式设计 269<br />13.1 默认样式 269<br /> 13.1.1 HTML默认样式 269<br /> 13.1.2 浏览器默认样式 271<br />13.2 页面内容样式设计 272<br /> 13.2.1 导航菜单 272<br /> 13.2.2 图文混排 274<br />13.3 小结 276<br />13.4 习题 276<br /> 第14章 网站制作流程与发布 277<br />14.1 网站制作流程 277<br />14.2 模板 279<br />14.3 基于模板建立叮叮书店的其他页面 280<br /> 14.3.1 书籍分类 280<br /> 14.3.2 特刊降价 282<br /> 14.3.3 联系我们 284<br /> 14.3.4 关于我们 285<br /> 14.3.5 详细内容 286<br /> 14.3.6 购物车 289<br />14.4 网站发布 289<br /> 14.4.1 Tomcat服务器的安装与使用 289<br /> 14.4.2 发布 292<br />14.5 小结 292<br />14.6 习题 292<br /> 第15章 JavaScript和ECMAScript基础 294<br />15.1 JavaScript基础 294<br /> 15.1.1 JavaScript的历史和主要功能 294<br /> 15.1.2 JavaScript的组成 295<br /> 15.1.3 JavaScript的使用 296<br /> 15.1.4 JavaScript消息框 298<br /> 15.1.5 开发者工具Console 299<br />15.2 ECMAScript基础 300<br /> 15.2.1 ECMAScript语法基础 300<br /> 15.2.2 ECMAScript变量 301<br /> 15.2.3 ECMAScript关键字和保留字 302<br /> 15.2.4 ECMAScript基本数据类型 303<br /> 15.2.5 ECMAScript类型转换 305<br />15.3 ECMAScript运算符 307<br /> 15.3.1 一元运算符 307<br /> 15.3.2 算术运算符 308<br /> 15.3.3 关系运算符 309<br /> 15.3.4 逻辑运算符 311<br /> 15.3.5 其他运算符 312<br />15.4 小结 313<br />15.5 习题 313<br /> 第16章 算法和ECMAScript语句 315<br />16.1 算法 315<br /> 16.1.1 算法的概念 315<br /> 16.1.2 简单算法举例 316<br /> 16.1.3 算法的特性 316<br /> 16.1.4 算法与程序 316<br />16.2 ECMAScript语句 317<br /> 16.2.1 条件语句 317<br /> 16.2.2 循环语句 320<br /> 16.2.3 break和continue语句 322<br />16.3 WebStorm和Chrome协作调试JavaScript脚本程序 323<br />16.4 使用Sources调试JavaScript脚本程序 325<br />16.5 小结 328<br />16.6 习题 328<br /> 第17章 行为与对象 329<br />17.1 行为 329<br /> 17.1.1 ECMAScript函数 329<br /> 17.1.2 ECMAScript闭包 332<br /> 17.1.3 HTML事件 333<br />17.2 ECMAScript对象 337<br /> 17.2.1 对象和类 337<br /> 17.2.2 创建和使用对象 338<br /> 17.2.3 ECMAScript引用类型 339<br /> 17.2.4 ECMAScript对象类型 345<br />17.3 错误处理 346<br />17.4 内置对象和本地对象 348<br /> 17.4.1 Math对象 348<br /> 17.4.2 全局对象 349<br /> 17.4.3 Array对象 351<br /> 17.4.4 Date对象 353<br />17.5 叮叮书店首页显示日期和时间 354<br />17.6 小结 356<br />17.7 习题 356<br /> 第18章 DOM 358<br />18.1 DOM概述 358<br /> 18.1.1 DOM简介 358<br /> 18.1.2 节点和节点树 359<br />18.2 DOM对象 360<br /> 18.2.1 Node对象 360<br /> 18.2.2 HTMLElement对象 362<br /> 18.2.3 HTMLDocument对象 362<br /> 18.2.4 访问节点 363<br />18.3 DOM与CSS 366<br /> 18.3.1 Style对象 366<br /> 18.3.2 CurrentStyle对象 370<br /> 18.3.3 StyleSheet对象 371<br />18.4 叮叮书店首页图片轮播广告的实现 373<br />18.5 小结 376<br />18.6 习题 376<br /> 第19章 HTML DOM对象和RegExp对象 378<br />19.1 HTML DOM对象 378<br /> 19.1.1 Document对象 379<br /> 19.1.2 Image对象 381<br /> 19.1.3 Anchor对象 382<br /> 19.1.4 Event对象 383<br /> 19.1.5 Checkbox和Radio对象 388<br /> 19.1.6 FileUpload对象 390<br /> 19.1.7 Text和Password对象 392<br /> 19.1.8 Textarea对象 393<br /> 19.1.9 Select和Option对象 393<br /> 19.1.10 Submit、Reset和Button对象 396<br /> 19.1.11 Form对象 397<br /> 19.1.12 一个小游戏——剪子石头布 398<br />19.2 RegExp对象 404<br />19.3 叮叮书店“联系我们”页面的表单数据验证 406<br />19.4 小结 408<br />19.5 习题 408<br /> 第20章 HTML5 DOM 411<br />20.1 Canvas对象 411<br /> 20.1.1 Canvas基础 413<br /> 20.1.2 使用路径 414<br /> 20.1.3 绘制文本 417<br /> 20.1.4 绘制图像 418<br />20.2 HTML5拖放 420<br />20.3 HTML5数据存储 423<br /> 20.3.1 sessionStorage对象 423<br /> 20.3.2 localStorage对象 424<br />20.4 实现叮叮书店“书籍分类”页面拖放图书到购物车 428<br />20.5 小结 430<br />20.6 习题 431<br /> 第21章 BOM 432<br />21.1 BOM对象 432<br /> 21.1.1 Window对象 432<br /> 21.1.2 Navigator对象 439<br /> 21.1.3 Screen对象 441<br /> 21.1.4 Location对象 441<br /> 21.1.5 History对象 442<br />21.2 元素的大小与位置 442<br />21.3 叮叮书店首页的浮动广告 445<br />21.4 小结 446<br />21.5 习题 446<br /> 第22章 Ajax与JSON 448<br />22.1 Ajax 448<br />22.2 XMLHttpRequest对象 449<br /> 22.2.1 创建XMLHttpRequest对象 449<br /> 22.2.2 XMLHttpRequest请求 450<br /> 22.2.3 XMLHttpRequest响应 451<br />22.3 JSON 452<br /> 22.3.1 JSON的语法 453<br /> 22.3.2 JSON的使用 454<br />22.4 小结 456<br />22.5 习题 456<br /> 第23章 jQuery入门 457<br />23.1 jQuery基础 457<br /> 23.1.1 添加jQuery库 457<br /> 23.1.2 jQuery的语法 458<br />23.2 特效和动画 459<br />23.3 HTML操作 462<br />23.4 Ajax函数 463<br />23.5 叮叮书店“试读”页面的建立 463<br />23.6 小结 466<br />23.7 习题 466<br /> 附录A 实验 467<br />实验1 HTML5内容结构和文本 467<br />实验2 HTML5超链接和多媒体 468<br />实验3 HTML5表格和表单 469<br />实验4 CSS3布局与定位 470<br />实验5 CSS3元素外观样式设计 471<br />实验6 CSS3动画 471<br />实验7 行为与对象及DOM 472<br />实验8 HTML DOM表单数据验证 473<br />实验9 HTML5 DOM 473<br /> 参考文献 474<br /><br />
前沿
在Internet蓬勃发展的今天，Web应用如日中天，越来越多的信息在Web站点上呈现，特别是随着“互联网 ”模式的不断推广与普及，Web已经成为一种服务和开发的平台，从最初简单的信息发布逐渐变成了系统，其中Web前端设计技术已经成为从事互联网行业的每个人都必须掌握的最基础的入门技术。
本书基于Web标准和响应式Web设计思想，结合编者长期从事Web开发和教学的实际经验，深入浅出地介绍了Web前端设计技术的基础知识，对Web体系结构、HTML5、CSS3、JavaScript和网站制作流程进行了详细的讲解。
本书强调理论与实践相结合，以实用为前提，包含大量应用实例，注重实际操作技能，力图使读者通过本书的学习掌握Web前端设计开发的相关基础知识。本书的主要特色 如下：
（1）基于Web标准，重点讲述了HTML5、CSS3、ECMAScript基础和JavaScript脚本语言，所有示例都通过了W3C标准检验。
（2）整本书通过模拟一个完整的实例网站进行讲解，相关知识点分解到实例网站的具体环节中，针对性强。同时，本书提供了许多示例，具有可操作性。
（3）语言通俗易懂，简单明了，可以使读者很容易地掌握有关知识。
（4）知识结构安排合理，循序渐进，适合自学。
本书的第1版于2017年3月出版，承蒙读者的厚爱，出版后受到读者的普遍欢迎。随着Web前端设计技术知识的不断更新并经过两轮的教学实践，本书的第2版在第1版的基础上在以下几方面做了改进：
（1）基于响应式Web设计思想，在HTML5中增加了适应移动设备的相关知识点，增加了新的元素，删除了过时的元素。
（2）在CSS3中增加了许多新的样式属性和单位，布局方式重点介绍了伸缩盒，并且基于响应式Web设计思想全部重新编写了案例。
（3）在JavaScript中增加了Ajax与JSON，例子适当增加难度，用现代JavaScript思想规范编写脚本代码。
（4）对第1版中的有关知识点采用了最新提法并补充完善。
本书的第1～7章由贝岩编写，第8～23章由张树明编写，全书由张树明统稿。
为满足教学和读者的需要，本书配有电子课件、书上实例的源代码、案例源代码和习题参考答案等资源，需要者请扫描下方的二维码：
源码下载
在编写本书的过程中，编者参阅了大量与Web前端设计技术相关的书籍和网络资料，在此对这些书籍和资料的作者表示感谢。由于编者水平有限，书中难免存在不足之处，恳请读者批评指正，读者也可以直接与清华大学出版社联系。
编 者
2019年1月
免费在线读
HTML5内容结构与文本
内容结构简称结构，是为网页内容建立一个框架，就像写文章先写一个提纲。结构使页面内容看起来不会杂乱无章，每一部分都紧密联系，形成一个整体。采用HTML5结构标签可以将页面划分成不同的区域或块形成结构，然后在不同的区域或块中填充内容，如报刊/杂志版面设计一样。本章首先详细介绍HTML5结构标签和基础标签，接下来简单了解格式化标签，然后重点介绍HTML5列表，最后详细介绍建立叮叮书店首页内容结构的过程。
本章要点：
HTML5结构标签。
HTML5基础标签。
HTML5格式化标签。
HTML5列表。
3.1 HTML5结构标签
HTML5结构标签用于搭建页面主体内容结构，形成不同的区块，完成整个页面的排版布局。表3.1列出了HTML5结构标签。
表3.1 HTML5结构标签
标 签
描 述
定义文章（HTML5新标签）
Web前端设计从入门到实战——HTML5、CSS3、JavaScript项目案例开发（第2版） pdf下载声明
本pdf资料下载仅供个人学习和研究使用，不能用于商业用途，请在下载后24小时内删除。如果喜欢，请购买正版
