首页 > 图书中心 > 响应式网页程序设计HTML5、CSS3、JavaScript、jQuery、jQuery UI、Ajax、RWD

目录

目    录

第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-1-1  background-image(背景图片) 163

10-1-2  background-repeat(背景图片重复排列方式) 166

10-1-3  background-position(背景图片起始位置) 168

10-1-4  background-attachment(背景图片是否随内容滚动) 171

10-1-5  background-clip(背景显示区域) 173

10-1-6  background-origin(背景显示位置基准点) 174

10-1-7  background-size(背景图片大小) 175

10-1-8  background(背景属性的简便表示法) 176

10-2  渐变属性 177

10-2-1  linear-gradient()(线性渐变) 177

10-2-2  radial-gradient()(放射状渐变) 178

10-2-3  repeating-linear-gradient()、repeating-radial-gradient()(重复渐变) 179

10-3  表格属性 179

10-3-1  caption-side(表格标题位置) 179

10-3-2  border-collapse(表格框线模式) 180

10-3-3  table-layout(表格版面编排方式) 182

10-3-4  empty-cells(显示或隐藏空白单元格) 182

10-3-5  border-spacing(表格框线间距) 183

第11章  变形、转场与媒体查询 185

11-1  变形处理 185

11-1-1  transform(2D、3D变形处理) 185

11-1-2  transform-origin(变形处理的原点) 188

11-2  转场效果 189

11-3  媒体查询 191

第12章  JavaScript的基本语法 194

12-1  编写第一个JavaScript程序 194

12-1-1  方式一:嵌入JavaScript程序 194

12-1-2  方式二:使用JavaScript事件处理程序 196

12-1-3  方式三:加载外部的JavaScript程序 196

12-2  JavaScript程序代码编写惯例 197

12-3  类型 199

12-3-1  数值 200

12-3-2  字符串 200

12-3-3  布尔 201

12-3-4  undefined 201

12-3-5  null 201

12-4  变量 201

12-5  常数 202

12-6  运算符 203

12-6-1  算术运算符 203

12-6-2  字符串运算符 204

12-6-3  递增/递减运算符 204

12-6-4  比较运算符 204

16-6-5  逻辑运算符 205

12-6-6  位运算符 206

12-6-7  赋值运算符 207

12-6-8  条件运算符 207

12-6-9  类型运算符 207

12-6-10  运算符的优先级 208

12-7  流程控制 208

12-7-1  if 209

12-7-2  switch 213

12-7-3  for 214

12-7-4  while 216

12-7-5  do...while 217

12-7-6  for...in 219

12-7-7  break与continue 220

12-8 函数 221

12-8-1  用户自定义函数 221

12-8-2  函数的参数 224

12-8-3  函数的返回值 225

12-9  变量的作用域 225

12-9-1  全局变量 226

12-9-2  局部变量 226

第13章  对象 229

13-1  认识对象 229

13-2  window对象 231

13-3  标准内部对象 235

13-3-1  Number对象 235

13-3-2  Boolean对象 237

13-3-3  String对象 237

13-3-4  Function对象 240

13-3-5  Object对象 240

13-3-6  Math对象 240

13-3-7  Date对象 242

13-3-8  Array对象 245

13-3-9  Error对象 254

13-4  环境对象 256

13-4-1  location对象 257

13-4-2  navigator对象 258

13-4-3  screen对象 260

13-4-4  history对象 261

13-5  document对象 261

13-5-1  DOM(文件对象模型) 262

13-5-2  document对象的属性与方法 262

13-5-3  document对象的子对象与集合 266

13-6  element对象 267

第14章  事件处理 270

14-1  事件驱动模式 270

14-2  事件的类型 271

14-2-1  传统的事件 271

14-2-2  HTML 5事件 272

14-2-3  DOM事件 272

14-2-4  触控事件 272

14-3  事件处理程序 272

14-4  JavaScript实用范例 277

14-4-1  打印网页 277

14-4-2  网页跑马灯 277

14-4-3  具有超链接功能的下拉菜单 278

14-4-4  显示进入时间 279

14-4-5  显示在线时钟 280

14-4-6  显示停留时间 281

14-4-7  自动切换成PC版网页或移动版网页 282

第15章  jQuery 284

15-1  认识jQuery 284

15-2  使用jQuery的核心 285

15-2-1  选择元素 286

15-2-2  操作DOM对象 287

15-2-3  设置CSS样式和维度 293

15-3  事件 294

15-3-1  .on()方法 294

15-3-2  .off()方法 296

15-3-3  .ready()方法 297

15-4  特效 298

15-4-1  基本特效 298

15-4-2  淡入/淡出/滑动移入/滑动移出特效 300

15-4-3  自定义特效 301

第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-1-1  浏览器端Script 324

17-1-2  服务器端Script 325

17-2  认识Ajax 327

17-3  编写导入Ajax技术的动态网页 328

17-4  使用Ajax技术进行跨网域存取 335

17-4-1  JSON格式 335

17-4-2  $.ajax()方法 336

第18章  响应式网页设计 339

18-1  开发适用于不同设备的网页 339

18-1-1  针对不同的设备开发不同的网站 339

18-1-2  响应式网页设计 340

18-2  响应式网页设计原则 343

18-3  响应式网页设计实例 345

18-3-1  编写HTML文件 346

18-3-2  编写CSS样式 349

版权所有(C)2022 清华大学出版社有限公司 京ICP备10035462号 京公网安备11010802013248号

联系我们 | 网站地图 | 法律声明 | 友情链接 | 盗版举报 | 人才招聘