本书特色
[
本书讲解以html5与css3为主，结合responsive web design（rwd）与jquery mobile技术为网页设计人员提供了一个跨平台、跨设备的解决方案。
本书共17章，分为4篇。html5篇：介绍了网页设计基础，文件结构，数据编辑与格式化，超链接，表格，影音多媒体，窗口与后端处理；css3篇：介绍了css基本语法，字体、文本、列表、颜色、背景、与渐变属性，box model与定位方式，表格属性，特殊效果与媒体查询；responsive web design（rwd）篇：介绍了移动版网页和pc版网页之间比较明显的差异、移动版网页的设计原则和实用技巧；jquery mobile篇：介绍了使用jquery mobile开发移动网页和jquery mobile的 ui组件。
本书适合网页设计初学者，可适用于高等院校相关专业和培训学校的教材和辅导用书。
]
目录
目 录 第1章 网页设计简介1-1 网页设计的流程1-1-1 搜集资料与规划网站架构1-1-2 网页制作与测试1-1-3 网站上传与推广1-1-4 网站更新与维护1-1-5 搜索引擎优化1-2 网页设计相关的程序设计语言1-3 html的演进1-4 html5 的新功能 1-5 html5 文件的编写方式 1-5-1 html5文件的编辑工具 1-5-2 html5 文件的基本语法 1-5-3 编写**份 html5 文件 1-5-4 html5 文件的验证 习题 第2章 文件结构 2-1 html 文件的doctype —— 元素 2-2 html 文件的根元素—— 元素 2-2-1 全局属性 2-2-2 事件属性 2-3 html 文件的标头——
元素 2-3-1
元素（文件标题） 2-3-2 <meta> 元素（文件相关信息） 2-4 html 文件的主体——<body> 元素 2-4-1 </p>
<h1> ~ </p>
<h6> 元素（标题1 ~ 6） 2-4-2 </p>
<p> 元素（段落） 2-5 html5 新增的结构元素 2-6 区段结构 2-6-1 </p>
<article> 与 </p>
<section> 元素（文章 / 通用的区段） 2-6-2 </p>
<nav> 元素（导航条） 2-6-3 </p>
<header> 与 </p>
<footer> 元素（页首/页尾） 2-6-4 </p>
<aside> 元素（侧边栏）2-7 区段的附加信息2-7-1 </p>
<address> 元素（联络信息） 2-7-2 <time> 元素（日期时间） 习题 第3章 数据编辑与格式化 3-1 区块格式 3-1-1 </p>
<pre> 元素（预先格式化的区块） 3-1-2 </p>
<blockquote><p> 元素（左右缩排的区块） 3-1-3 </p>
<hr>
<p> 元素（水平线） 3-1-4 </p>
<div> 元素（分组成一个区块） 3-1-5 <marquee> 元素（跑马灯） 3-1-6 （注释） 3-2 文字格式 3-2-1 <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、<mark> 元素 3-2-2 <ruby>、<rt>、<rp> 元素（注音或拼音） 3-2-3 <font>、<basefont> 元素（字体） 3-2-4 <br /> 元素（换行） 3-2-5 <span> 元素（分组成一行） 3-3 项目符号与编号—— </p>
<ul>、</p>
<ol>、</p>
<li> 元素 3-4 定义列表——
<dl>、</p>
<dt>、</p>
<dd> 元素 3-5 插入或删除数据—— <ins>、<del>元素 3-6 提示文字—— title 属性 习题 第4章 超链接 4-1 uri的类型 4-1-1 绝对uri 4-1-2 相对uri 4-2 标记超链接—— <a>元素 随堂练习 4-2-1 自定义超链接文字的颜色 4-2-2 链接至e-mail地址的超链接 4-3 指定相对uri的路径信息—— <base>元素 4-4 指定文件之间的引用—— <link> 元素 4-5 建立书签 4-6 嵌入图片—— <img> 元素 4-6-1 图片的高度、宽度与框线 4-6-2 图片的对齐方式 4-7 影像地图—— </p>
<map>、</p>
<area> 元素 4-8 标注—— </p>
<figure>、<figcaption> 元素 4-9 建立绘图区—— <canvas> 元素 习题 第5章 表格 5-1 建立表格—— </p>
<table>、</p>
<tr>、</p>
<td>、</p>
<th> 元素 5-2 表格与单元格的格式化 5-2-1 表格的背景颜色与背景图片 5-2-2 表格的宽度、框线颜色、单元格填充与单元格间距 5-2-3 表格的对齐方式 5-2-4 单元格的对齐方式 5-2-5 单元格的背景颜色与背景图片 随堂练习 5-3 表格标题—— </p>
<caption> 元素 5-4 表格的表头、主体与表尾—— </p>
<thead>、</p>
<tbody>、</p>
<tfoot>元素 5-5 直列式表格—— </p>
<colgroup>、</p>
<col> 元素 习题 第6章 影音多媒体 6-1 html5 的影音功能 6-2 嵌入视频与音频—— <video>、<audio> 元素 6-3 嵌入资源文件—— <embed> 元素 6-4 嵌入对象—— <object> 元素 6-4-1 嵌入视频 6-4-2 嵌入音频 6-4-3 嵌入activexcontrols 6-5 嵌入scripts —— <script>、<noscript> 元素 6-6 嵌入 css 样式窗体—— </p>
<style> 元素 6-7 嵌入浮动框架—— <iframe> 元素 6-8 网页自动导向 习题 第7章 窗体与后端处理 7-1 建立窗体—— </p>
<form>、<input> 元素 7-2 html 4.01 现有的输入类型 7-2-1 按钮 7-2-2 单行文本框 7-2-3 单选按钮 7-2-4 复选框 7-2-5 多行文本框 7-2-6 下拉菜单 7-2-7 窗体的后端处理 7-2-8 密码字段 7-2-9 隐藏字段 7-2-10 上传文件字段 7-3 html5 新增的输入类型 7-4 标签文字—— <label>元素 7-5 将窗体字段框起来—— </p>
<fieldset>、</p>
<legend> 元素 7-6 其他新增的窗体元素 7-6-1 <output> 元素 7-6-2 <progress> 元素 7-6-3 <meter> 元素 7-6-4 <keygen> 元素 7-6-5 <optgroup> 元素 习题 第8章 css基本语法 8-1 css 的演进 8-2 css样式规则与选择器 8-3 链接 html 文件与 css 样式窗体 8-3-1 在<head> 元素里面嵌入样式窗体 8-3-2 使用 html 元素的 style 属性指定样式窗体 8-3-3 将外部的样式窗体导入html文件 8-3-4 将外部的样式窗体链接至html 文件 8-4 选择器的类型 8-4-1 类型选择器 8-4-2 后裔选择器 8-4-3 万用选择器 8-4-4 类选择器 8-4-5 id选择器 8-4-6 属性选择器 8-4-7 伪类选择器（:link、:visited、:hover、:focus、:active、enabled、:disabled...） 8-5 样式窗体的层叠顺序 习题 第9章 字体、文本与列表属性 9-1 字体属性 9-1-1 font-family（文字字体） 9-1-2 font-size（字体大小） 9-1-3 font-style（正常 / 斜体 / 粗体） 9-1-4 font-weight（字体粗细） 9-1-5 line-height（行高） 9-1-6 font-stretch（字体延展） 9-1-7 font-size-adjust（字体长宽比） 9-1-8 @font-face（使用服务器端的字体） 9-1-9 font（字体属性简便表示法） 随堂练习 9-2 文本属性 9-2-1 text-indent（首行缩排） 9-2-2 text-align（文本对齐方式） 9-2-3 letter-spacing（字母间距） 9-2-4 word-spacing（文字间距） 9-2-5 text-transform（大小写转换方式） 9-2-6 white-space（空格符） 9-2-7 text-shadow（文本阴影） 9-2-8 text-decoration-line、text-decoration-color、text-decoration-style、text-underline-position、text-decoration-skip、text-decoration（线条装饰） 9-2-9 text-emphasis-style、text-emphasis-color、text-emphasis、text-emphasis-position（强调标记） 9-3 列表属性 9-3-1 list-style-type（项目符号与编号类型） 9-3-2 list-style-image（图片项目符号） 9-3-3 list-style-position（项目符号与编号位置） 9-3-4 list-style（列表属性的简便表示法） 习题 第10章 颜色、背景与渐变属性 10-1 颜色属性 10-1-1 color（前景颜色） 10-1-2 opacity（透明度） 10-2 背景属性 10-2-1 background-color（背景颜色） 10-2-2 background-image（背景图片） 10-2-3 background-repeat（背景图片重复排列方式） 10-2-4 background-position（背景图片起始位置） 10-2-5 background-attachment（背景图片是否随内容滚动） 10-2-6 background-clip（背景显示区域） 10-2-7 background-origin（背景显示位置基准点） 10-2-8 background-size（背景图片大小） 10-2-9 background（背景属性的简便表示法） 10-3 渐变表示法 10-3-1 linear-gradient()（线性渐变） 10-3-2 radial-gradient()（放射状渐变） 10-3-3 repeating-linear-gradient()、repeating-radial-gradient()（重复渐变） 习题 第11章 box model与定位方式 11-1 box model 11-2 边界属性 11-3 留白属性 11-4 框线属性 11-4-1 border-style（框线样式） 11-4-2 border-color（框线颜色） 11-4-3 border-width（框线宽度） 11-4-4 border（框线属性的简便表示法） 11-4-5 border-radius（框线圆角） 11-4-6 border-image（框线图片） 11-5 定位方式 11-5-1 display（html元素的显示层级） 11-5-2 width、height、top、bottom、left、right（block box 的宽度与高度、上下左右位移量） 11-5-3 max-width、min-width、max-height、min-height（block box 的宽度与高度的*大值及*小值） 11-5-4 position（box的定位方式） 11-5-5 float、clear（指定图旁配字、解除图旁配字） 11-5-6 z-index（重叠顺序） 11-5-7 visibility（显示或隐藏 box） 11-5-8 overflow（显示或隐藏溢出 box 的内容） 11-5-9 object-fit（配合 box 调整对象大小） 11-5-10 object-position（对象在 box 内的显示位置） 11-5-11 box-shadow（box 阴影） 11-5-12 vertical-align（垂直对齐） 习题 第12章 表格属性 12-1 表格模式 12-2 表格属性 12-2-1 caption-side（表格标题位置） 12-2-2 border-collapse（表格框线模式） 12-2-3 table-layout（表格版面编排方式） 12-2-4 empty-cells（显示或隐藏空白单元格） 12-2-5 border-spacing（表格框线间距） 习题 第13章 特殊效果与媒体查询 13-1 鼠标光标形状——cursor属性 13-2 外框线—— outline属性 13-3 多字段排版 13-3-1 column-count、column-width、columns（字段数目与宽度） 13-3-2 column-gap（字段间距） 13-3-3 column-rule（字段分隔线） 13-3-4 reak-before、break-after、break-inside（换列或换页） 13-3-5 column-span（跨列显示） 13-3-6 column-fill（字段内容分配比例） 13-4 变形处理 13-4-1 transform（2d、3d 变形处理） 13-4-2 transform-origin（变形处理的原点） 13-5 媒体查询 习题 第14章 响应式网页设计 14-1 移动版网页 vs pc 版网页 14-2 移动版网页设计原则 14-3 响应式网页设计的技巧 14-4 响应式网页设计的实例 14-4-1 设定 viewport 14-4-2 设置媒体查询与样式窗体 14-4-3 设计网页的版型 14-4-4 设计网页的内容 第15章 移动版网页的实用技巧 15-1 触控式按钮 15-2 将页首 / 页尾固定在画面上方 / 下方 15-3 导航条 15-4 可折叠区块 15-5 窗体 第16章 使用 jquerymobile开发移动网页 16-1 移动网页的相关技术 16-2 移动网页的开发工具 16-3 编写**份 jquerymobile 文件 16-4 主题 16-5 超链接 16-5-1 内部链接 16-5-2 外部链接 16-5-3 绝对外部链接 16-6 页面切换动画 16-7 对话框 习题 第17章 jquery mobile ui组件 17-1 按钮 17-1-1 建立按钮 17-1-2 设置按钮的图标 17-1-3 设置按钮的主题 17-1-4 设置按钮的特殊效果 17-1-5 设置控件组 17-2 工具栏 17-2-1 页首行 17-2-2 页尾行 17-3 导航条 17-4 可折叠区块 17-5 可折叠区块分组 17-6 列表视图 17-6-1 创建列表视图 17-6-2 设置分隔线 17-6-3 设置嵌套列表视图 17-6-4 格式化项目内容 17-6-5 设置计数气泡与侧边内容 17-6-6 设置搜索功能 17-6-7 设置图标与缩略图 17-6-8 设置分割按钮列表 17-7 窗体 17-7-1 字段容器 17-7-2 文字输入字段 17-7-3 日期时间输入字段 17-7-4 多行文本框 17-7-5 拨动式切换开关 17-7-6 下拉式菜单 17-7-7 复选框 17-7-8 单选按钮 17-8 移动版网站实例 17-8-1 设计移动版网站的界面 17-8-2 加入 javascript 程序代码 习题 附录（pdf电子书）附录 html框架元素 附录1 建立框架——<frameset>、<frame>、<noframes>元素 附录2 包含水平框架与垂直框架的网页 附录3 嵌入浮动框架—— <iframe> 元素 附录4 制作导航条 习题 </p>
<p><h2>封面</h2></p>
<p><img alt="HTML5.CSS3.RWD.jQuery Mobile跨设备网页设计" src="http://image12.bookschina.com/2016/20160529/B7159292.jpg"/></p>
<p>书名:HTML5.CSS3.RWD.jQuery Mobile跨设备网页设计</p>
<p>作者:陈惠贞</p>
<p>页数:372</p>
<p>定价:¥69.0</p>
<p>出版社:清华大学出版社</p>
<p>出版日期:2016-04-01</p>
<p>ISBN:9787302433309</p>
<p>PDF电子书大小:57MB 高清扫描完整版</p>
<hr /><div class="download-link"><h2>下载地址：</h2><p><img src="https://www.chendianrong.com/wp-content/uploads/2024/11/PDF-Usage-Instructions.jpg" alt="下载后，通用的PDF电子书阅读使用教程" title="下载后，通用的PDF电子书阅读使用教程" width="750" height="833"/></p><p>资源名称：21732510.zip </p><p>解压密码：www.chendianrong.com</p><p style="font-size:20px"><a href="https://www.chendianrong.com/download/21732510" target="_blank"><u>点此打开网盘下载-主盘</u></a></p> <p style="font-size:20px"><a href="https://www.chendianrong.com/download/n2/92367489" target="_blank"><u>点此打开网盘下载-备用盘</u></a></p></div><hr />
<div class="entry-copyright"><p>本文标题：<a href="https://www.chendianrong.com/730243330.html">《HTML5.CSS3.RWD.jQuery Mobile跨设备网页设计》PDF下载</a></p> <p>资源仅供学习参考，禁止用于商业用途，请在下载后24小时内删除！</p></div></div><div class="entry-footer">
<div class="entry-tag"></div><div class="entry-action"></div><div class="entry-page">
<div class="entry-page-prev j-lazy" style="background-image: url(https://www.chendianrong.com/wp-content/themes/justnews6.0.1/themer/assets/images/lazy.png);" data-original="">
<a href="https://www.chendianrong.com/730240491.html" title="网络安全与管理-(第二版)" rel="prev">
<span>网络安全与管理-(第二版)</span>
</a>
<div class="entry-page-info"> <span class="pull-left"><i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-left-double"></use></svg></i> 上一篇</span> <span class="pull-right">2022年1月14日 pm4:17</span></div></div><div class="entry-page-next j-lazy" style="background-image: url(https://www.chendianrong.com/wp-content/themes/justnews6.0.1/themer/assets/images/lazy.png);" data-original="">
<a href="https://www.chendianrong.com/754941291.html" title="（精）可见之诗-中国油画风景作品邀请展[2015]作品集" rel="next">
<span>（精）可见之诗-中国油画风景作品邀请展[2015]作品集</span>
</a>
<div class="entry-page-info"> <span class="pull-right">下一篇 <i class="wpcom-icon wi"><svg aria-hidden="true"><use xlink:href="#wi-arrow-right-double"></use></svg></i></span> <span class="pull-left">2022年1月14日 pm4:23</span></div></div></div></div></div></article></div><aside class="sidebar">
<div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget">1.网盘下载链接，在网页的底部。<br> 2.访问首页，有更多PDF电子书可供阅读。</div></div><div id="wpcom-lastest-news-3" class="widget widget_lastest_news"><h3 class="widget-title"><span>热门PDF</span></h3> <ul> <li><a href="https://www.chendianrong.com/780747063.html" title="投资必修课系列:长线投资的28堂必修课">投资必修课系列:长线投资的28堂必修课</a></li> <li><a href="https://www.chendianrong.com/711162579.html" title="价值投资经典价值投资常识">价值投资经典价值投资常识</a></li> <li><a href="https://www.chendianrong.com/750867088.html" title="影响力投资">影响力投资</a></li> <li><a href="https://www.chendianrong.com/754542543.html" title="现货白银投资指南">现货白银投资指南</a></li> <li><a href="https://www.chendianrong.com/711551647.html" title="股票投资理财1000个不可不知的小知识(速查版)">股票投资理财1000个不可不知的小知识(速查版)</a></li> <li><a href="https://www.chendianrong.com/711159305.html" title="海外投资税务筹划">海外投资税务筹划</a></li> <li><a href="https://www.chendianrong.com/751364324.html" title="抄底绝技">抄底绝技</a></li> <li><a href="https://www.chendianrong.com/750573951.html" title="挖财:理财就是身边事">挖财:理财就是身边事</a></li> <li><a href="https://www.chendianrong.com/750865428.html" title="完美投资手册">完美投资手册</a></li> <li><a href="https://www.chendianrong.com/730247186.html" title="投资学精要-(第10版)">投资学精要-(第10版)</a></li> </ul></div><div id="custom_html-3" class="widget_text widget widget_custom_html"><h3 class="widget-title"><span>自愿赞助</span></h3><div class="textwidget custom-html-widget"><p>寻书帮网站免费提供电子书PDF下载，网站日常运营有金钱成本与时间成本。</p> <p>如果本站有助于您，欢迎捐赠赞助以维持网站运行。</p> <p style="text-align: center;"><img src="https://www.chendianrong.com/wp-content/uploads/2024/11/zanzu-zhifubao.jpg" alt="赞助本站-通过支付宝" width="250" height="250"/></p></div></div></aside></div></div><footer class="footer">
<div class="container">
<div class="clearfix">
<div class="footer-col footer-col-copy">
<div class="copyright"> <p>Copyright © 2020 寻书帮(www.chendianrong.com)</p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p><span id="ctrlcCopy" style="display: inline-block; position: absolute; left: -9999em;"></span></p></div></div><div class="footer-col footer-col-sns">
<div class="footer-sns"></div></div></div></div></footer>
<div class="action action-style-0 action-color-0 action-pos-0">
<div class="action-item j-share"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-share"></use></svg></i></div><div class="action-item gotop j-top"> <i class="wpcom-icon wi action-item-icon"><svg aria-hidden="true"><use xlink:href="#wi-arrow-up-2"></use></svg></i></div></div><script id='main-js-extra'>var _wpcom_js={"webp":"","ajaxurl":"https:\/\/www.chendianrong.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.chendianrong.com\/wp-content\/themes\/justnews6.0.1","slide_speed":"5000","lightbox":"1","user_card_height":"346","video_height":"482","login_url":"https:\/\/www.chendianrong.com\/wp-login.php","register_url":"https:\/\/www.chendianrong.com\/wp-login.php?action=register"};</script>
<script src='//www.chendianrong.com/wp-content/cache/wpfc-minified/mktzjopl/6byhc.js'></script>
<script src="//js.users.51.la/21930173.js"></script>
<script type="application/ld+json">{
"@context": {
"@context": {
"images": {
"@id": "http://schema.org/image",
"@type": "@id",
"@container": "@list"
},
"title": "http://schema.org/headline",
"description": "http://schema.org/description",
"pubDate": "http://schema.org/DateTime"
}},
"@id": "https://www.chendianrong.com/730243330.html",
"title": "HTML5.CSS3.RWD.jQuery Mobile跨设备网页设计",
"images": [" http://image12.bookschina.com/2016/20160529/B7159292.jpg "],
"description": "本书特色 [ 本书讲解以html5与css3为主，结合responsive web design（rwd）与jquery mobile技术为网页设计人员提供了一个跨平台、跨设备的解...",
"pubDate": "2022-01-14T16:23:29",
"upDate": "2022-01-14T16:23:29"
}</script>
<script>(function ($){$(document).ready(function (){setup_share(1);})})(jQuery);</script>
</body>
</html><!-- 0.93552303314209 14,,11,,24 15,,11,,23 --><!-- via php --> 