有了本书,让你一次学会网页程序设计的关键技术:
● 使用HTML 5的元素和各种窗体输入类型,让网页结构分明。
● 使用CSS 3的Box Model、定位方式,以及颜色、字体、文字、列表、背景、渐变、表格、阴影、边界、留白、框线、变形、转场与媒体查询等属性,根据计算机或移动设备的特征设计网页。
● 使用JavaScript的核心语法和浏览器端的应用,让静态网页具备动态效果,内容包括DOM、window对象、标准内部对象、环境对象、document对象、element对象、错误处理、事件处理等。
● 使用jQuery的核心语法、事件、特效和常用函数,让网页设计更快捷便利。
● 使用jQuery UI的常用组件和主题,让网页设计更专业美观。
● 使用Ajax动态网页技术在后台异步下载更新的数据,例如服务器端的数据,气象、就业、观光等互联网上的开放数据,包括普遍使用的JSON格式数据。
● 使用响应式网页设计根据浏览器环境自动调整网页的版面配置,让网页完整呈现在计算机、平板电脑、手机等设备上。
《响应式网页程序设计HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD》是快速学会网页程序设计关键技术的经典畅销书的第5次全新改版升级,书中通过丰富的案例循序渐进地讲解网页程序设计的语法与应用。
《响应式网页程序设计HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD》内容共分4篇。HTML5篇涵盖多种元素与API应用,特别是以更新版的HTML5.2来开发各种网页应用程序;CSS3篇讲述如何定义网页的外观,包括编排、显示、格式化及设置特殊效果;JavaScript篇介绍JavaScript的核心语法及在浏览器端的应用;其他技术篇介绍热门的jQuery、jQueryUI、Ajax技术,使网页设计更快捷、更专业、更美观灵动,而响应式网页设计是根据用户的浏览器环境自动调整网页的版面配置,以提供更佳的效果。
《响应式网页程序设计HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD》由浅入深,范例导向实用,适合从零开始设计网页的读者阅读,也适合作为高等院校相关专业和职业教育、培训学校的教材和辅导用书。
《响应式网页程序设计HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD》特点:
使用HTML5的元素和各种窗体输入类型,让网页结构分明。
使用CSS3的BoxModel、定位方式,以及颜色、字体、文字、列表、背景、渐变、表格、阴影、边界、留白、框线、变形、转场与媒体查询等属性,根据计算机或移动设备的特征设计网页。
使用JavaScript的核心语法和浏览器端的应用,让静态网页具备动态效果,内容包括DOM、window对象、标准内部对象、环境对象、document对象、element对象、错误处理、事件处理等。
使用iQuery的核心语法、事件、特效和常用函数,让网页设计更快捷便利。
使用iQueryUI的常用组件和主题,让网页设计更专业美观。
使用Ajax动态网页技术在后台异步下载更新的数据,例如服务器端的数据,气象、就业、观光等互联网上的开放数据,包括普遍使用的JSON格式数据。
使用响应式网页设计根据浏览器环境自动调整网页的版面配置,让网页完整呈现在计算机、平板电脑、手机等设备上。
第1章 网页设计简介 1
1-1 网页设计的流程 1
1-1-1 阶段一:收集资料与规划网站架构 1
1-1-2 阶段二:网页制作与测试 2
1-1-3 阶段三:网站上传与推广 3
1-1-4 阶段四:网站更新与维护 5
1-2 网页设计相关的程序设计语言 5
1-3 HTML的发展 6
1-4 HTML 5文件的编写方式 7
1-4-1 HTML 5文件的编辑工具 7
1-4-2 HTML 5文件的基本语法 9
1-4-3 编写第一份HTML 5文件 12
第2章 文件结构 15
2-1 HTML文件的根元素——<html>元素 15
2-2 HTML文件的标头—— <head>元素 16
2-2-1 <title>元素(文件标题) 16
2-2-2 <meta>元素(文件相关信息) 17
2-2-3 <link>元素(文件之间的关联) 17
2-2-4 <style>元素(嵌入CSS样式表) 18
2-3 HTML文件的主体——<body>元素 19
2-3-1 <h1> ~ <h6>元素(标题1 ~ 6) 21
2-3-2 <p>元素(段落) 22
2-3-3 <div>元素(组成一个区段) 23
2-3-4 <!-- -->元素(注释) 24
2-4 HTML 5新增的结构元素 25
2-4-1 <article>(文章) 26
2-4-2 <section>(通用的区段) 27
2-4-3 <nav>元素(导航栏) 28
2-4-4 <header>与<footer>元素(页首/页尾) 29
2-4-5 <aside>元素(侧边栏) 29
2-4-6 <main>元素(主要内容) 30
第3章 数据编辑与格式化 32
3-1 区段格式 32
3-1-1 <pre>元素(预先格式化的区块) 32
3-1-2 <blockquote>元素(左右缩排的区块) 33
3-1-3 <address>元素(联络信息) 33
3-1-4 <hr>元素(水平线) 34
3-2 文字格式 35
3-2-1 设置文字格式的元素 35
3-2-2 <br>元素(换行) 36
3-2-3 <span>元素(组成一行) 37
3-2-4 <time>元素(日期时间) 38
3-3 插入或删除数据——<ins>、<del>元素 39
3-4 项目符号与编号——<ul>、<ol>、<li>元素 39
3-5 定义列表——<dl>、<dt>、<dd>元素 42
3-6 超链接 42
3-6-1 绝对URL与相对URL 43
3-6-2 标记超链接—— <a>元素 44
3-6-3 在新索引标签页面中打开超链接 46
3-6-4 页内超链接 47
3-7 设置相对URL的路径信息——<base>元素 48
第4章 图片 50
4-1 嵌入图片——<img>元素 50
4-1-1 图片的高度与宽度 51
4-1-2 图片的替代显示文字 51
4-2 标注——<figure>、<figcaption>元素 52
4-3 建立表格——<table>、<tr>、<td>、<th>元素 53
4-3-1 跨行合并单元格 56
4-3-2 跨列合并单元格 57
4-4 表格标题——<caption>元素 58
4-5 表格的表头、主体与表尾——<thead>、<tbody>、<tfoot>元素 58
4-6 直列式表格——<colgroup>、<col>元素 61
第5章 影音多媒体 64
5-1 嵌入视频——<video>元素 64
5-2 嵌入音频——<audio>元素 66
5-3 嵌入对象——<object>元素 67
5-3-1 嵌入视频 67
5-3-2 嵌入音频 68
5-4 嵌入Scripting——<script>、<noscript>元素 68
5-5 嵌入浮动框架——<iframe>元素 70
5-5-1 嵌入优酷视频 71
5-5-2 嵌入百度地图 73
5-6 网页自动导向 73
第6章 窗体 75
6-1 建立窗体——<form>、<input>元素 75
6-2 HTML 4.01提供的输入类型 77
6-2-1 提交与重置按钮(submit和reset) 78
6-2-2 单行文本框 79
6-2-3 单选按钮 80
6-2-4 复选框 80
6-2-5 多行文本框 81
6-2-6 下拉式菜单(<select>、<option>) 83
6-2-7 密码字段 85
6-2-8 隐藏字段 86
6-3 HTML 5新增的输入类型 86
6-3-1 E-Mail类型 86
6-3-2 URL类型 87
6-3-3 search类型 87
6-3-4 number类型 88
6-3-5 range类型 88
6-3-6 color类型 89
6-3-7 tel类型 90
6-3-8 日期时间类型(date、time、datetime、month、week、datetime-local) 90
6-4 按钮——<button>元素 92
6-5 标签文字——<label>元素 92
6-6 分组——<optgroup>元素 93
6-7 将窗体字段框起来——<fieldset>、<legend>元素 94
第7章 CSS基本语法 96
7-1 CSS的演进 96
7-2 CSS样式表 97
7-3 链接HTML文件与CSS样式表 100
7-3-1 在<head>元素里面使用<style>元素嵌入样式表 100
7-3-2 使用HTML元素的style属性设置样式表 101
7-3-3 将外部的样式表导入HTML文件 101
7-3-4 将外部的样式表链接至HTML文件 102
7-4 选择器的类型 102
7-4-1 万用选择器 102
7-4-2 类型选择器 102
7-4-3 子选择器 103
7-4-4 后裔选择器 103
7-4-5 相邻兄弟选择器 103
7-4-6 全体兄弟选择器 103
7-4-7 类选择器 103
7-4-8 ID选择器 104
7-4-9 属性选择器 105
7-4-10 伪元素 108
7-4-11 伪类 108
7-5 样式表的层叠顺序 110
第8章 颜色、字体、文本与列表属性 112
8-1 颜色属性 112
8-1-1 color(前景颜色) 112
8-1-2 background-color(背景颜色) 114
8-1-3 opacity(透明度) 115
8-2 字体属性 115
8-2-1 font-family(文字字体) 115
8-2-2 font-size(字体大小) 116
8-2-3 font-style(字体样式) 118
8-2-4 font-weight(字体粗细) 119
8-2-5 font-variant(字体变化) 120
8-2-6 line-height(行高) 120
8-2-7 font(字体属性简便表示法) 121
8-3 文本属性 122
8-3-1 text-indent(首行缩排) 122
8-3-2 text-align(文本对齐方式) 122
8-3-3 letter-spacing(字母间距) 123
8-3-4 word-spacing(单词间距) 124
8-3-5 text-transform(大小写转换方式) 124
8-3-6 white-space(空格符) 125
8-3-7 text-shadow(文本阴影) 126
8-3-8 text-decoration-line、text-decoration-style、text-decoration-color
(文本装饰线、样式与颜色) 127
8-3-9 text-decoration(文本强调标记) 128
8-4 列表属性 128
8-4-1 list-style-type(项目符号与编号类型) 128
8-4-2 list-style-image(图片项目符号) 131
8-4-3 list-style-position(项目符号与编号的位置) 131
8-4-4 list-style(列表属性的简便表示法) 133
第9章 Box Model与定位方式 134
9-1 Box Model 134
9-2 边界属性 136
9-3 留白属性 137
9-4 框线属性 139
9-4-1 border-style(框线样式) 139
9-4-2 border-color(框线颜色) 140
9-4-3 border-width(框线宽度) 141
9-4-4 border(框线属性的简便表示法) 143
9-4-5 border-radius(框线圆角) 144
9-5 宽度与高度属性 145
9-5-1 width、height(宽度、高度) 145
9-5-2 min-width、max-width(最小宽度与最大宽度) 145
9-5-3 min-height、max-height(最小高度与最大高度) 146
9-5-4 overflow(显示或隐藏溢出的内容) 147
9-6 定位方式 148
9-6-1 display(HTML元素的显示层级) 148
9-6-2 top、right、bottom、left(上右下左位移量) 149
9-6-3 position(Box的定位方式) 150
9-6-4 float、clear(设置图旁配字、解除图旁配字) 155
9-6-5 z-index(重叠顺序) 157
9-6-6 visibility(显示或隐藏Box) 158
9-6-7 box-shadow(Box阴影) 159
9-6-8 vertical-align(垂直对齐) 160
第10章 背景、渐层与表格 163
10-1 背景属性 163
10-2 渐变属性 177
10-3 表格属性 179
第11章 变形、转场与媒体查询 185
11-1 变形处理 185
11-2 转场效果 189
11-3 媒体查询 191
第12章 JavaScript的基本语法 194
12-1 编写第一个JavaScript程序 194
12-2 JavaScript程序代码编写惯例 197
12-3 类型 199
12-4 变量 201
12-5 常数 202
12-6 运算符 203
12-7 流程控制 208
12-8 函数 221
12-9 变量的作用域 225
第13章 对象 229
13-1 认识对象 229
13-2 window对象 231
13-3 标准内部对象 235
13-4 环境对象 256
13-5 document对象 261
13-6 element对象 267
第14章 事件处理 270
14-1 事件驱动模式 270
14-2 事件的类型 271
14-3 事件处理程序 272
14-4 JavaScript实用范例 277
第15章 jQuery 284
15-1 认识jQuery 284
15-2 使用jQuery的核心 285
15-3 事件 294
15-4 特效 298
第16章 jQuery UI 304
16-1 认识jQuery UI 304
16-2 使用jQuery UI 305
16-3 Dialog组件(对话框) 307
16-4 Datepicker组件(日期选择器) 309
16-5 Button组件(按钮) 312
16-6 Checkboxradio组件 313
16-7 Selectmenu组件(下拉式菜单) 314
16-8 Progress组件(进度条) 316
16-9 Menu组件(菜单) 319
16-10 Tabs组件(标签页) 322
第17章 Ajax与JSON 324
17-1 认识动态网页技术 324
17-2 认识Ajax 327
17-3 编写导入Ajax技术的动态网页 328
17-4 使用Ajax技术进行跨网域存取 335
第18章 响应式网页设计 339
18-1 开发适用于不同设备的网页 339
18-2 响应式网页设计原则 343
18-3 响应式网页设计实例 345
温馨提示:请使用泸西县图书馆的读者帐号和密码进行登录