注册 | 登录
HTML+CSS+JavaScript网页制作：从入门到精通（第4版）

HTML+CSS+JavaScript网页制作：从入门到精通（第4版）

计算机与互联网 类型
查阅电子书
手机扫码

  • 微信扫一扫

    关注微信公众号

类似推荐

编辑推荐

本书从零开始，全面讲解了开发网页的全过程。

内容简介

本书共17章，内容包括：创建一个HTML网页、HTML基本标签、建立超链接、使用图像、使用列表、使用表格、使用表单、使用CSS样式表、盒模型布局、浮动与定位等。

作者简介

作者史笑颜，前端工程师，热爱Web技术，喜欢尝试新事物，学习新技术。其大学时自学前端技术，发现市面上的技术书对于初学者来说晦涩难懂，学有所成后写出一本可以帮助初学者轻松入门的书籍。

章节目录

版权信息

内容提要

前言

第01章 创建一个HTML网页

1.1 认识HTML

1.2 HTML标签

1.3 HTML文件的基本结构

1.4 Chrome的开发者工具

1.5 在记事本中编写HTML文件

1.6 使用编辑器创建HTML文档

1.6.1 下载Hbuilder X

1.6.2 使用Hbuilder X

1.7 编写第一个HTML网页

1.8 练习题

1.9 章节任务

第02章 HTML基本标签

2.1 HTML文档头部

2.2 网页标题</p><p>2.3 元信息<meta></p><p>2.3.1 设置网页关键字</p><p>2.3.2 设置网页说明</p><p>2.3.3 添加作者信息</p><p>2.3.4 规定字符编码</p><p>2.3.5 设置网页的定时跳转</p><p>2.4 HTML注释<!-- --></p><p>2.5 HTML标题<h1>~<h6></p><p>2.6 HTML段落<p></p><p>2.7 换行<br></p><p>2.8 水平线<hr></p><p>2.9 文本格式化</p><p>2.10 HTML字符实体</p><p>2.10.1 不间断的空格</p><p>2.10.2 插入特殊符号</p><p>2.11 练习题</p><p>2.12 章节任务</p><p>第03章 建立超链接</p><p>3.1 超链接的基础知识</p><p>3.1.1 绝对路径</p><p>3.1.2 相对路径</p><p>3.1.3 超链接</p><p>3.2 在新窗口打开链接</p><p>3.3 创建锚点链接</p><p>3.3.1 锚点链接</p><p>3.3.2 链接同一网页中的锚点</p><p>3.3.3 链接到其他网页中的锚点</p><p>3.4 外部链接</p><p>3.4.1 链接到外部网站</p><p>3.4.2 链接到E-mail</p><p>3.4.3 链接到FTP</p><p>3.4.4 链接到Telnet</p><p>3.4.5 下载文件</p><p>3.5 练习题</p><p>3.6 章节任务</p><p>第04章 使用图像</p><p>4.1 图像的格式</p><p>4.1.1 GIF格式</p><p>4.1.2 JPEG格式</p><p>4.1.3 PNG格式</p><p>4.2 <img>标签基础语法</p><p>4.3 图像的路径src</p><p>4.4 图像的提示文字alt</p><p>4.5 图像的宽度（width）和高度（height）</p><p>4.6 图像的超链接</p><p>4.6.1 图像的超链接</p><p>4.6.2 图像热区链接</p><p>4.7 练习题</p><p>4.8 章节任务</p><p>第05章 使用列表</p><p>5.1 有序列表</p><p>5.1.1 <ol>标签</p><p>5.1.2 有序列表的序号类型type</p><p>5.1.3 有序列表的起始数值start</p><p>5.2 无序列表</p><p>5.3 定义列表<dl></p><p>5.4 列表的嵌套</p><p>5.5 练习题</p><p>5.6 章节任务</p><p>第06章 使用表格</p><p>6.1 创建表格</p><p>6.1.1 表格的基本构成<table>、<tr>、<td></p><p>6.1.2 设置表格的标题<caption></p><p>6.1.3 表头<th></p><p>6.2 表格基本属性</p><p>6.2.1 表格宽度width</p><p>6.2.2 表格的边框border</p><p>6.2.3 单元格间距cellspacing</p><p>6.2.4 表格内文字与边框间距cellpadding</p><p>6.3 表格的行属性</p><p>6.3.1 行内文字的水平对齐方式align</p><p>6.3.2 行内文字的垂直对齐方式valign</p><p>6.4 单元格属性</p><p>6.4.1 单元格跨列colspan</p><p>6.4.2 单元格跨行rowspan</p><p>6.5 表格结构</p><p>6.6 练习题</p><p>第07章 使用表单</p><p>7.1 form元素创建表单</p><p>7.1.1 提交表单action</p><p>7.1.2 表单名称name</p><p>7.1.3 传送方法method</p><p>7.2 插入input元素</p><p>7.2.1 文本框text</p><p>7.2.2 密码框password</p><p>7.2.3 单选按钮radio</p><p>7.2.4 复选框checkbox</p><p>7.2.5 普通按钮button</p><p>7.2.6 提交按钮submit</p><p>7.2.7 重置按钮reset</p><p>7.2.8 图像域image</p><p>7.3 HTML5新增输入类型</p><p>7.3.1 数值number</p><p>7.3.2 时间选择器DatePicker</p><p>7.4 下拉菜单</p><p>7.5 文本域textarea</p><p>7.6 创建表单案例</p><p>7.7 练习题</p><p>7.8 章节任务</p><p>第08章 使用CSS样式表</p><p>8.1 CSS基础语法</p><p>8.1.1 认识CSS</p><p>8.1.2 CSS语法结构</p><p>8.1.3 CSS选择器</p><p>8.2 添加CSS的方法</p><p>8.2.1 链接外部样式表</p><p>8.2.2 内部样式表</p><p>8.2.3 导入外部样式表</p><p>8.2.4 内嵌样式</p><p>8.3 字体属性</p><p>8.3.1 字体font-family</p><p>8.3.2 字号font-size</p><p>8.3.3 字体样式font-style</p><p>8.3.4 加粗字体font-weight</p><p>8.3.5 小写字母转为大写字母font-variant</p><p>8.3.6 字体复合属性</p><p>8.4 颜色属性color</p><p>8.5 背景属性</p><p>8.5.1 背景颜色background-color</p><p>8.5.2 背景图像background-image</p><p>8.5.3 背景大小background-size</p><p>8.5.4 背景重复background-repeat</p><p>8.5.5 背景位置background-position</p><p>8.5.6 背景附件background-attachment</p><p>8.5.7 背景复合属性background</p><p>8.6 段落属性</p><p>8.6.1 单词间隔word-spacing</p><p>8.6.2 字符间隔letter-spacing</p><p>8.6.3 文字修饰text-decoration</p><p>8.6.4 水平对齐方式text-align</p><p>8.6.5 垂直对齐方式vertical-align</p><p>8.6.6 文本转换text-transform</p><p>8.6.7 文本缩进text-indent</p><p>8.6.8 文本行高line-height</p><p>8.6.9 处理空白white-space</p><p>8.7 练习题</p><p>8.8 章节任务</p><p>第09章 盒模型布局</p><p>9.1 认识盒模型</p><p>9.1.1 盒模型的构成</p><p>9.1.2 查看元素的盒模型</p><p>9.2 内容区content</p><p>9.3 边框border</p><p>9.3.1 边框样式border-style</p><p>9.3.2 边框宽度border-width</p><p>9.3.3 边框颜色border-color</p><p>9.4 内边距padding</p><p>9.4.1 分别设置4个方向的内边距</p><p>9.4.2 内边距的复合属性padding</p><p>9.5 外边距margin</p><p>9.5.1 分别设置4个方向的外边距</p><p>9.5.2 外边距复合属性margin</p><p>9.6 盒模型的大小</p><p>9.7 块元素和内联元素</p><p>9.7.1 块元素和内联元素的特点</p><p>9.7.2 display属性规定元素的类型</p><p>9.8 初始化页面样式</p><p>9.9 练习题</p><p>9.10 章节任务</p><p>第10章 浮动与定位</p><p>10.1 文档流</p><p>10.2 浮动属性float</p><p>10.3 图文环绕</p><p>10.4 清除浮动clear</p><p>10.5 定位方式position</p><p>10.6 元素位置top、right、bottom、left</p><p>10.7 相对定位</p><p>10.8 绝对定位</p><p>10.9 固定定位</p><p>10.10 层叠顺序z-index</p><p>10.11 练习题</p><p>10.12 章节任务</p><p>第11章 Web标准与CSS网页布局实例</p><p>11.1 Web标准</p><p>11.2 DIV+CSS布局网页基础</p><p>11.2.1 认识DIV</p><p>11.2.2 一列固定宽度</p><p>11.2.3 一列自适应</p><p>11.2.4 两列固定宽度</p><p>11.2.5 两列宽度自适应</p><p>11.2.6 两列布局右列宽度自适应</p><p>11.3 使用CSS设计网站导航栏</p><p>11.3.1 有鼠标指针移入效果的导航栏</p><p>11.3.2 横向导航</p><p>11.4 使用CSS设计表单样式</p><p>11.4.1 改变按钮的背景颜色和文字颜色</p><p>11.4.2 设计文本框的样式</p><p>11.4.3 设计文本框中的提示文字</p><p>11.5 使用CSS设计表格样式</p><p>11.5.1 折叠边框</p><p>11.5.2 设计表格的字体样式</p><p>11.6 使用CSS设置链接样式</p><p>11.6.1 去掉超链接的下画线</p><p>11.6.2 改变鼠标指针的类型</p><p>11.6.3 设置超链接不同状态的样式</p><p>11.7 练习题</p><p>11.8 章节任务</p><p>第12章 HTML5新增元素</p><p>12.1 认识HTML5</p><p>12.2 HTML5与HTML4的区别</p><p>12.2.1 HTML5的文件特征</p><p>12.2.2 HTML5的SEO</p><p>12.3 HTML5废除的元素和属性</p><p>12.3.1 废除的元素</p><p>12.3.2 废除的属性</p><p>12.4 HTML5新增的结构元素</p><p>12.5 HTML5新增的多媒体元素</p><p>12.5.1 视频元素video</p><p>12.5.2 链接不同的视频文件</p><p>12.5.3 音频元素audio</p><p>12.6 HTML5新增的画布元素canvas</p><p>12.6.1 创建canvas元素</p><p>12.6.2 绘制矩形</p><p>12.6.3 绘制路径</p><p>12.6.4 颜色渐变</p><p>12.7 练习题</p><p>12.8 章节任务</p><p>第13章 CSS3新增属性</p><p>13.1 边框</p><p>13.1.1 圆角边框border-radius</p><p>13.1.2 边框图像border-image</p><p>13.1.3 边框阴影box-shadow</p><p>13.2 背景</p><p>13.2.1 背景图像尺寸background-size</p><p>13.2.2 背景图像定位区域background-origin</p><p>13.2.3 背景绘制区域background-clip</p><p>13.3 文本</p><p>13.3.1 文本阴影text-shadow</p><p>13.3.2 强制换行word-wrap</p><p>13.3.3 文本溢出text-overflow</p><p>13.4 多列</p><p>13.4.1 创建多列column-count</p><p>13.4.2 列的宽度column-width</p><p>13.4.3 列的间隔column-gap</p><p>13.4.4 列的规则column-rule</p><p>13.5 2D转换</p><p>13.5.1 移动translate()</p><p>13.5.2 旋转rotate()</p><p>13.5.3 缩放scale()</p><p>13.6 过渡</p><p>13.7 动画</p><p>13.7.1 @keyframes规则声明动画</p><p>13.7.2 animation动画</p><p>13.8 用户界面</p><p>13.8.1 box-sizing</p><p>13.8.2 resize</p><p>13.9 实例应用</p><p>13.9.1 使用移动方法实现完全居中</p><p>13.9.2 照片墙效果</p><p>13.10 练习题</p><p>13.11 章节任务</p><p>第14章 移动端网页</p><p>14.1 flex布局</p><p>14.1.1 flex相关概念</p><p>14.1.2 flex布局</p><p>14.2 移动端基本概念</p><p>14.2.1 两种像素</p><p>14.2.2 移动端的3个视口</p><p>14.2.3 设备像素比</p><p>14.3 移动端开发</p><p>14.3.1 移动端单位——vw适配</p><p>14.3.2 开发一个移动端网页</p><p>14.4 媒体查询</p><p>14.5 练习题</p><p>14.6 章节任务</p><p>第15章 JavaScript脚本基础</p><p>15.1 JavaScript简介</p><p>15.2 JavaScript基本语法</p><p>15.2.1 常量和变量</p><p>15.2.2 数据类型</p><p>15.2.3 表达式和运算符</p><p>15.2.4 基本语句</p><p>15.2.5 JavaScript注释</p><p>15.2.6 JavaScript代码调试</p><p>15.3 JavaScript事件</p><p>15.3.1 onclick事件</p><p>15.3.2 onchange事件</p><p>15.3.3 onfocus事件</p><p>15.3.4 onblur事件</p><p>15.3.5 onmouseover事件</p><p>15.3.6 onmouseout事件</p><p>15.3.7 ondblclick事件</p><p>15.3.8 其他常用事件</p><p>15.4 HTML DOM对象</p><p>15.4.1 DOM元素对象获取页面中的元素</p><p>15.4.2 DOM属性对象修改元素的属性</p><p>15.5 浏览器的其他内部对象</p><p>15.5.1 navigator对象</p><p>15.5.2 windows对象</p><p>15.5.3 location对象</p><p>15.5.4 history对象</p><p>15.6 练习题</p><p>15.7 章节任务</p><p>第16章 JavaScript网页特效</p><p>16.1 时间特效</p><p>16.1.1 显示当前时间</p><p>16.1.2 显示当前日期</p><p>16.1.3 制作倒计时特效</p><p>16.2 图像特效</p><p>16.2.1 图像闪烁效果</p><p>16.2.2 图像轮播</p><p>16.3 窗口特效</p><p>16.3.1 打开新窗口</p><p>16.3.2 定时关闭窗口</p><p>16.4 鼠标指针特效</p><p>16.4.1 返回鼠标指针的位置信息</p><p>16.4.2 跟随鼠标指针移动的图像</p><p>16.5 练习题</p><p>16.6 章节任务</p><p>第17章 PC端实战</p><p>17.1 项目结构</p><p>17.2 制作网页前的准备</p><p>17.2.1 分辨率</p><p>17.2.2 内容居中</p><p>17.3 项目布局</p><p>17.4 <header>部分难点讲解</p><p>17.4.1 <header>布局</p><p>17.4.2 图文对齐</p><p>17.5 <main>部分难点讲解</p><p>17.5.1 <main>布局</p><p>17.5.2 复杂网页的选择器使用</p><p>17.6 实现图像的JavaScript动效</p><p>17.6.1 图像的切换</p><p>17.6.2 收藏和取消</p><p>17.7 总结</p><p></p></p> <p style="height: 0px;font-size:0px;display: block"> <a href="https://www.deshu.cn/book/lvrmk49215q4.html?from=book_info" rel="book">HTML+CSS+JavaScript网页制作：从入门到精通（第4版）</a>是2021年由人民邮电出版社出版,作者刘西杰。 </p> <p> 得书感谢您对《<a href="https://www.deshu.cn/book/lvrmk49215q4.html?from=book_info" rel="book">HTML+CSS+JavaScript网页制作：从入门到精通（第4版）</a>》关注和支持，如本书内容有不良信息或侵权等情形的，请联系本网站。</p> </p> </div> <div class="taglist u-clearfix"> <a href="https://www.deshu.cn/cate/43?from=book_info" rel="tag">计算机与互联网</a> <a href="https://www.deshu.cn/tag/CSS?from=book_info" rel="tag">CSS</a> <a href="https://www.deshu.cn/tag/%E7%A8%8B%E5%BA%8F%E8%AE%BE%E8%AE%A1?from=book_info" rel="tag">程序设计</a> <a href="https://www.deshu.cn/tag/%E7%BD%91%E9%A1%B5%E5%88%B6%E4%BD%9C%E5%B7%A5%E5%85%B7?from=book_info" rel="tag">网页制作工具</a> </div> </article> </div> <div class="bigfa-ajax-wrapper"> <div class="wx-classifyrecommend-keywords-2020 u-backgroundColorWhite"> </div> <div class="blockGroup--posts u-backgroundColorWhite"> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/2ezm4z7d3o3k.html?from=book_discount_133348_img" title="从零开始：HTML5+CSS3快速入门教程"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/33/48.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="从零开始：HTML5+CSS3快速入门教程"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/2ezm4z7d3o3k.html?from=book_discount_133348_tit" title="从零开始：HTML5+CSS3快速入门教程" > 从零开始：HTML5+CSS3快速入门教程</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/rj7o3gx3k5y005?from=book_discount_133348_author" title="郝金亭">郝金亭</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/n7rmyqyg2odx.html?from=book_discount_60542_img" title="Java从入门到精通（第2版）"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/06/05/42.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Java从入门到精通（第2版）"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/n7rmyqyg2odx.html?from=book_discount_60542_tit" title="Java从入门到精通（第2版）" > Java从入门到精通（第2版）</a> </h3> <div class="item-author"> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/n7rmyv3p6mdx.html?from=book_discount_163342_img" title="Python从入门到精通"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/16/33/42.jpeg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Python从入门到精通"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/n7rmyv3p6mdx.html?from=book_discount_163342_tit" title="Python从入门到精通" > Python从入门到精通</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/8nlmz88j7mv908?from=book_discount_163342_author" title="陈政强 编著">陈政强 编著</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/n7rmyjnrrmdx.html?from=book_discount_124290_img" title="Java学习笔记：从入门到实战"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/176/176468135ec234e295429cf4f2af3ebb-217212.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Java学习笔记：从入门到实战"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/n7rmyjnrrmdx.html?from=book_discount_124290_tit" title="Java学习笔记：从入门到实战" > Java学习笔记：从入门到实战</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/8nlmzjvdd5v902?from=book_discount_124290_author" title="张晓博">张晓博</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/gk6mpe78kovd.html?from=book_discount_133087_img" title="C#从入门到精通（第2版）"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/30/87.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="C#从入门到精通（第2版）"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/gk6mpe78kovd.html?from=book_discount_133087_tit" title="C#从入门到精通（第2版）" > C#从入门到精通（第2版）</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/xzl5lpzw0m0r05?from=book_discount_133087_author" title="国家863中部软件孵化器">国家863中部软件孵化器</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/dlk5wrpx9mn1.html?from=book_discount_135804_img" title="C语言从入门到精通（第2版）"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/58/04.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="C语言从入门到精通（第2版）"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/dlk5wrpx9mn1.html?from=book_discount_135804_tit" title="C语言从入门到精通（第2版）" > C语言从入门到精通（第2版）</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/97g580q2jm1309?from=book_discount_135804_author" title="龙马高新教育">龙马高新教育</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/6jnmqwldymkl.html?from=book_discount_160620_img" title="JavaScript+Vue.jsWeb开发案例教程"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/16/06/20.jpeg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="JavaScript+Vue.jsWeb开发案例教程"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/6jnmqwldymkl.html?from=book_discount_160620_tit" title="JavaScript+Vue.jsWeb开发案例教程" > JavaScript+Vue.jsWeb开发案例教程</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/e9no9j32q58k04?from=book_discount_160620_author" title="前沿科技 编著">前沿科技 编著</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/731mej81w5nr.html?from=book_discount_60077_img" title="UI图标设计 从入门到精通 第2版"> <img class="lazyload" src="/asset/book_cover.png" data-src="https://cdn.keledgechain.com/files/upload/82f/82fb0491e43cc710e6a85c3926f5723c-445778.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="UI图标设计 从入门到精通 第2版"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/731mej81w5nr.html?from=book_discount_60077_tit" title="UI图标设计 从入门到精通 第2版" > UI图标设计 从入门到精通 第2版</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/41qm729k3o2e04?from=book_discount_60077_author" title="汪兰川">汪兰川</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/e9no9jlx358k.html?from=book_discount_146574_img" title="WebGL3D开发实战详解（第2版）"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/14/65/74.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="WebGL3D开发实战详解（第2版）"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/e9no9jlx358k.html?from=book_discount_146574_tit" title="WebGL3D开发实战详解（第2版）" > WebGL3D开发实战详解（第2版）</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/17qm2yw2l5n809?from=book_discount_146574_author" title="吴亚峰">吴亚峰</a> </div> </div> <div class="y-book-item"> <a class="book-cover" href="https://www.deshu.cn/ebook/6jnmqrlp1okl.html?from=book_discount_146320_img" title="网页设计与制作教程（HTML+CSS+JavaScript）第2版"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/14/63/20.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="网页设计与制作教程（HTML+CSS+JavaScript）第2版"> <span class="label-tag">电子书</span> <span class="vipTag"></span> </a> <h3> <a href="https://www.deshu.cn/ebook/6jnmqrlp1okl.html?from=book_discount_146320_tit" title="网页设计与制作教程（HTML+CSS+JavaScript）第2版" > 网页设计与制作教程（HTML+CSS+JavaScript）第2版</a> </h3> <div class="item-author"> <a href="https://www.deshu.cn/author/41qm79jp152e00?from=book_discount_146320_author" title="刘瑞新 主编">刘瑞新 主编</a> </div> </div> </div> </div> </div> <div class="u-width335 u-floatRight"> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="gray_ad buyinfo" id="buyinfo"> <div class="buyinfo-printed" id="buyinfo-printed"> <h2><span>购买这本书</span></h2> <ul class="bs current-version-list"> <li> <div class="cell price-btn-wrapper"> <div class="vendor-name"> <a target="_blank" href="/ebook/lvrmk49215q4.html">电子书</a> </div> <div class="cell impression_track_mod_buyinfo"> <div class="cell price-wrapper"> <a target="_blank" href="/ebook/lvrmk49215q4.html"></a> </div> <div class="cell"> <a href="/ebook/lvrmk49215q4.html" target="_blank" class="buy-book-btn e-book-btn"><span>立即阅读</span></a> </div> </div> </div> </li> <li> <div class="cell price-btn-wrapper"> <div class="vendor-name"> <a target="_blank" href="/link?book_slug=lvrmk49215q4&partner=jd">京东纸质书</a> </div> <div class="cell impression_track_mod_buyinfo"> <div class="cell price-wrapper"> <a target="_blank" href="/link?book_slug=lvrmk49215q4&partner=jd"> <span class="buylink-price "> </span> </a> </div> <div class="cell"> <a target="_blank" href="/link?book_slug=lvrmk49215q4&partner=jd" class="buy-book-btn e-book-btn"><span>购买</span></a> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="_4t2jer58z18"></div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="inner"> <div class="widget-title"> <span>你可能喜欢</span> </div> <div class="widget-book-list"> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/dlk5w6v0ymn1.html?from=book_like_0" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/16/21/04.jpeg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3Web开发案例教程（在线实训版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/dlk5w6v0ymn1.html?from=book_like_0" target="_blank">HTML5+CSS3Web开发案例教程（在线实训版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/xzl5l1k9wm0r05?from=book_like_0" target="_blank">温谦 编著</a> </div> <div class="des"> 本书紧密围绕前端开发工程师在工作中会遇到的实际问题和相应的解决方法与技术层层展开，系统介绍使用HTML5和CSS3进行前端开发的知识内容和实战技巧。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/6jnmqr3e1okl.html?from=book_like_1" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/97/20.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="从0到1：HTML5Canvas动画开发（全彩版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/6jnmqr3e1okl.html?from=book_like_1" target="_blank">从0到1：HTML5Canvas动画开发（全彩版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/xzl5lpn90m0r07?from=book_like_1" target="_blank">莫振杰</a> </div> <div class="des"> 作者根据自己多年的前后端开发经验，详尽介绍了HTML5 Canvas动画开发技术。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/6z9m6vl1yoq2.html?from=book_like_2" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/13/60/34.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="HTML5+CSS3基础开发教程（第2版）"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/6z9m6vl1yoq2.html?from=book_like_2" target="_blank">HTML5+CSS3基础开发教程（第2版）</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/41qm7984g52e00?from=book_like_2" target="_blank">范立锋</a> </div> <div class="des"> 介绍开发新技术，带你紧跟H5技术变化潮流。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/8nlmzepxkmv9.html?from=book_like_3" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/17/39/32.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Angular开发入门与实战"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/8nlmzepxkmv9.html?from=book_like_3" target="_blank">Angular开发入门与实战</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/xzl5l1jx9m0r01?from=book_like_3" target="_blank">兰泽军</a> </div> <div class="des"> 深入浅出学Angular，实战驱动，快速提升开发实力。 </div> </div> </div> <div class="widget-book-item is-active"> <div class="book_cover"> <a href="https://www.deshu.cn/ebook/v61mr4gqyo0j.html?from=book_like_4" target="_blank" class="img"> <img class="lazyload" src="/asset/book_cover.png" data-src="http://image.deshu.cn/bc/000/06/05/40.jpg?x-oss-process=image/resize,m_fill,h_280,w_210" alt="Web前端开发精品课HTMLCSSJavaScript基础教程"> </a> <span class="label-tag">电子书</span> </div> <div class="content"> <div class="t"> <a href="https://www.deshu.cn/ebook/v61mr4gqyo0j.html?from=book_like_4" target="_blank">Web前端开发精品课HTMLCSSJavaScript基础教程</a> </div> <div class="author"> <a href="https://www.deshu.cn/author/xzl5lpn90m0r07?from=book_like_4" target="_blank">莫振杰</a> </div> <div class="des"> 网页制作实践：HTML、Web标准、CSS布局、JavaScript特效及HTML5和CSS3。适合各类人群阅读。 </div> </div> </div> </div> </div> </div> <div class="widget u-backgroundColorWhite u-marginTop30"> <div class="inner"> <div class="widget-title"> <span>行业资讯</span> <div data-dts-event-location="recom_author_more" class="u-floatRight btn"><a href="https://www.deshu.cn/articles" target="_blank">查看更多</a></div> </div> <ul class="s-news-rank-content"> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/d3rog1p80oke.html?catslug=character&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot0">1</span> <span class="title-content-title">自然、艺术与乡土，策展人用三个词概括高迪</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/41qm7390152e.html?catslug=character&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot1">2</span> <span class="title-content-title">纪念王元化先生诞辰105周年：犹大考</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/731medp8w5nr.html?catslug=art&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot2">3</span> <span class="title-content-title">寻访贝聿铭的上海踪迹：从国际饭店到武康路378号</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/dlk5wwry85n1.html?catslug=art&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot3">4</span> <span class="title-content-title">北京当代艺博会开启，艺术世界是“凹凸起伏”的</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/xzl5lxv2r50r.html?catslug=history&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot4">5</span> <span class="title-content-title">清末民初的粤港合作——东华医院与广州善堂</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/e9no91wr158k.html?catslug=history&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot5">6</span> <span class="title-content-title">一桩被律法轻判的杀女案，清代 “以礼入法” 的血色注脚</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/dp0ovw02q5ke.html?catslug=review&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot6">7</span> <span class="title-content-title">评《建国者的财富》：金融革命与美国的诞生</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/2ezm4xzrl53k.html?catslug=review&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot7">8</span> <span class="title-content-title">《英汉大词典》的中国心</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/lvrmkw40gmq4.html?catslug=news&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot8">9</span> <span class="title-content-title">中世纪史诗《贝奥武甫》，在今日世界有何回声？</span> </a> </li> <li class="news-meta-item u-clearfix"> <a id="title-content" class="title-content c-link c-font-medium" href="https://www.deshu.cn/article/xd1odz6y2526.html?catslug=news&from=digest_info" target="_blank"> <span class="title-content-index c-index-single c-index-single-hot9">10</span> <span class="title-content-title">古籍出版的取与舍：《人境庐诗草笺注》出版始末考</span> </a> </li> <!--5--> </ul> </div> </div> </div> </div> <footer class="site-footer"> <div class="container "> <div class="copyright"> <p> <a target="_blank" href="https://www.deshu.cn/about/intro" style="color: rgb(153, 153, 153);">关于我们</a> <a target="_blank" href="http://www.deshu.cn/about/copyright" style="color: rgb(153, 153, 153);">版权声明</a> <a target="_blank" href="http://www.deshu.cn/about/contact" style="color: rgb(153, 153, 153);">联系我们</a> </p> <p> Copyright ©2025 deshu.cn All Rights Reserved.</p> <p>本网站所有内容均为合作方提供，版权归合作方所有，若发现您的合法权益受到侵害，请立即联系客服，我们会尽快为您处理。</p> <p> <a target="_blank" href="https://beian.mps.gov.cn/#/query/webSearch?code=13065202000489" > <img style="height: 13px;" src="/asset/beian.png">冀公网安备：13065202000489 </a> <a target="_blank" href="http://beian.miit.gov.cn/">工信部备案号：冀ICP备2023034015号-1</a> <a>ICP经营许可证：</a> <a>出版物经营许可证：新出发高出版字第2025020号</a> </p> <p></p> <p> <a target="_blank" href="http://cyberpolice.mps.gov.cn/" style="color: rgb(153, 153, 153);">网络违法犯罪举报</a> <a target="_blank" href="http://www.12377.cn/" style="color: rgb(153, 153, 153);">中国互联网举报中心</a> <a target="_blank" href="http://www.12377.cn/node_548446.htm" style="color: rgb(153, 153, 153);">网络举报APP下载</a> </p> </div> </div> </footer> <div class="page-bottom-fixed" id="pageBottmOprate"> <div class="" style="width: 72px;margin-left: -3px;"> <a class="item-link-txt" href="https://www.deshu.cn/user/buy_vip?optionPrice=16800&back=https%3A%2F%2Fwww.deshu.cn%2Fbook%2Flvrmk49215q4.html%3Ffrom%3Dauthor_home"><img src="/asset/pds/images/xianshi_tip_1.png"></a> </div> <div class="" style="width: 68px;margin-left: -3px"> <a class="item-link-txt" href="https://www.deshu.cn/common/receive_give"><img src="/asset/pds/images/64967aaa51da1.png"></a> </div> <div class="page-bottom-item"> <a class="item-link-txt"@click="feedback"><em class="iconfont iconwodepinglun"></em><span class="txt">意见反馈</span></a> </div> <div class="page-bottom-item"> <a class="item-link-txt" id="bookShelf" href="/user/bookshelf" target="_blank"><em class="iconfont iconwodekecheng"></em><span class="txt">我的书架</span></a> </div> <div class="page-bottom-item"> <a class="go-qrcode jsFixedCode" href="javascript:"> <span class="loop loop1"><em class="icon icon-code"></em><p class="icon-txt">公众号</p></span> <!-- <span class="loop loop2"><em class="icon icon-scan"></em><p class="icon-txt">扫一扫</p></span> --> <!-- <span class="loop loop3"><em class="icon icon-redbag"></em><p class="icon-txt">领红包</p></span> --> </a> <div class="bototm-qrcode"> <div class="qrcode-panel"> <div id="pageBottomQRcode" class="qrcode-con" style="display: block;"></div> <p class="desc">关注微信公众号</p> </div> </div> </div> <div class="page-bottom-item dn" id="pageBottomGoTop"> <a class="go-top" href="javascript:" aria-label="返回顶部"><em class="icon icon-gotop"></em></a> </div> </div></div> <login-overlay :backurl="backUrl" v-if="showLogin" :showlogin="showLogin" @closeloginchild="closelogin"></login-overlay> <order-pay-overlay v-if="showOderPay" :showOderPay="showOderPay" @closeorderchild="closeorder"></order-pay-overlay> <feedback-overlay v-if="showFeedBack" :showFeedBack="showFeedBack" @closefeedbackchild="closefeedback"></feedback-overlay> <common-popup-overlay></common-popup-overlay> </div> <link rel='stylesheet' id='misc-css' href='/asset/pds/zdialog.css?v=209' type='text/css' media='screen' /> <script type='text/javascript' src='/asset/pds/require-v1.0.5-1.js?v=209'></script> <script type='text/javascript' src='/asset/pds/require-v1.0.5-2.js?v=209'></script> <script type='text/javascript' src='/asset/pds/all.bundle.v1.js?v=209'></script> <script type='text/javascript' src='/asset/js/lazyload.min.js?v=209'></script> <script> $("img.lazyload").lazyload(); </script> <script type='text/javascript'> gtag('event','book'); var book_slug="lvrmk49215q4" $(document).ready(function() { $.post("/api/book/stat/"+book_slug,{'_token':$("meta[name='csrf-token']").attr("content")},function(data,status){ //alert("Data: " + data + "nStatus: " + status); }); var newVisitor = isNewVisitor(); if(newVisitor === true) { // 动画弹出消息框 // alert('您是新用户！'); // 标记：已经向该访客弹出过消息。30天之内不要再弹 console.log("dddd") setCookie("gznotes-visited", "true", 5); } else { // } }); function isNewVisitor() { // 从cookie读取“已经向访客提示过消息”的标志位 var flg = getCookie("gznotes-visited"); if(flg === "") { return true; } else { return false; } } // 写字段到cookie function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " + expires + ";path=/"; } // 读cookie function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i < ca.length; i++) { var c = ca[i]; while(c.charAt(0) == ' ') c = c.substring(1); if(c.indexOf(name) == 0) return c.substring(name.length, c.length); } return ""; } </script> </body> </html>