作者：陈惠贞著
页数：372
出版社：清华大学出版社
出版日期：2016
ISBN：9787302433309
电子书格式：pdf/epub/txt
内容简介
本书讲解以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组件。 本书适合网页设计初学者，可适用于高等院校相关专业和培训学校的教材和辅导用书。
本书特色
本书讲解以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 —— <!doctype> 元素 2-2 html 文件的根元素——<html> 元素 2-2-1 全局属性 2-2-2 事件属性 2-3 html 文件的标头——<head> 元素 2-3-1 <title> 元素（文件标题） 2-3-2 <meta> 元素（文件相关信息） 2-4 html 文件的主体——<body> 元素 2-4-1 <h1> ~ <h6> 元素（标题1 ~ 6） 2-4-2 <p> 元素（段落） 2-5 html5 新增的结构元素 2-6 区段结构 2-6-1 <article> 与 <section> 元素（文章 / 通用的区段） 2-6-2 <nav> 元素（导航条） 2-6-3 <header> 与 <footer> 元素（页首/页尾） 2-6-4 <aside> 元素（侧边栏）2-7 区段的附加信息2-7-1 <address> 元素（联络信息） 2-7-2 <time> 元素（日期时间） 习题 第3章 数据编辑与格式化 3-1 区块格式 3-1-1 <pre> 元素（预先格式化的区块） 3-1-2 <blockquote> 元素（左右缩排的区块） 3-1-3 <hr> 元素（水平线） 3-1-4 <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 项目符号与编号—— <ul>、<ol>、<li> 元素 3-4 定义列表—— <dl>、<dt>、<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 影像地图—— <map>、<area> 元素 4-8 标注—— <figure>、<figcaption> 元素 4-9 建立绘图区—— <canvas> 元素 习题 第5章 表格 5-1 建立表格—— <table>、<tr>、<td>、<th> 元素 5-2 表格与单元格的格式化 5-2-1 表格的背景颜色与背景图片 5-2-2 表格的宽度、框线颜色、单元格填充与单元格间距 5-2-3 表格的对齐方式 5-2-4 单元格的对齐方式 5-2-5 单元格的背景颜色与背景图片 随堂练习 5-3 表格标题—— <caption> 元素 5-4 表格的表头、主体与表尾—— <thead>、<tbody>、<tfoot>元素 5-5 直列式表格—— <colgroup>、<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 样式窗体—— <style> 元素 6-7 嵌入浮动框架—— <iframe> 元素 6-8 网页自动导向 习题 第7章 窗体与后端处理 7-1 建立窗体—— <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 将窗体字段框起来—— <fieldset>、<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 制作导航条 习题
