网页程序设计HTML5、JavaScript、CSS、XHTML、Ajax(第4版)

网页程序设计HTML5、JavaScript、CSS、XHTML、Ajax(第4版)"

作者:陈惠贞
ISBN:9787302422365
定价:¥69
字数:千字
页数:
出版时间:2016.01.01
开本:
版次:1-2
装帧:
出版社:清华大学出版社
简介

本书以讲述HTML 5与JavaScript为主,其他网页技术为辅,通过丰富的范例由浅入深地讲解了网页程序设计的语法与应用。全书内容共分四篇。HTML5篇:介绍HTML 4.01已有的元素和HTML5新增、修改或删除的元素;JavaScript篇:介绍JavaScript的核心语法和JavaScript在浏览器端的应用;其他技术篇:介绍其他与网页设计相关的技术,包括CSS、XHTML与Ajax;HTML 5 API篇:范例讲解如何利用JavaScript访问HTML 5 API技术。

本书适合HTML页面设计初学者,可适用于高等院校相关专业和培训学校的教材和辅导用书。

前言

目录

第1章  网页设计简介 1

1-1  网页设计的流程 2

1-1-1  搜集资料与规划网站架构 2

1-1-2  网页制作与测试 3

1-1-3  网站上传与推广 3

1-1-4  网站更新与维护 5

1-1-5  搜索引擎优化(SEO) 5

1-2  网页设计相关的程序设计语言 6

1-3  移动版网页对比PC版网页 8

1-4  移动版网页的设计原则 9

1-5  响应式网页设计(RWD) 11

1-6  HTML的演进 12

1-7  HTML 5的新功能 14

1-8  HTML 5文件的编写方式 18

1-8-1  HTML 5文件的编辑工具 18

1-8-2  HTML 5文件的基本语法 20

1-8-3  编写您的第一份HTML 5文件 24

第2章  文件结构 27

2-1  HTML文件的DOCTYPE——<!doctype>元素 28

2-2  HTML文件的根元素——<html>元素 28

2-2-1  全局属性 29

2-2-2  事件属性 30

2-3  HTML文件的标头——<head>元素 30

2-3-1  <title>元素(文件标题) 31

2-3-2  <meta>元素(文件相关信息) 31

2-4  HTML文件的主体——<body>元素 32

2-4-1  <h1>~<h6>元素(标题1~6) 37

2-4-2  <p>元素(段落) 38

2-5  HTML 5新增的结构元素 40

2-6  区段结构 41

2-6-1  <article>与<section>元素(文章/通用的区段) 41

2-6-2  <nav>元素(导航栏) 46

2-6-3  <header>与<footer>元素(页首/页尾) 47

2-6-4  <aside>元素(侧边栏) 49

2-7  区段的附加信息 50

2-7-1  <address>元素(联络信息) 50

2-7-2  <time>元素(日期时间) 51

第3章  数据编辑与格式化 54

3-1  区块格式 55

3-1-1  <pre>元素(预先格式化的区块) 55

3-1-2  <blockquote>元素(左右缩排的区块) 56

3-1-3  <hr>元素(水平线) 56

3-1-4  <div>元素(群组成一个区块) 57

3-1-5  <marquee>元素(跑马灯) 58

3-1-6  <!-- -->(注释) 59

3-2  文字格式 59

3-2-1  <b>、<i>、<u>、<sub>、<sup>、<small>、<em>、<strong>、<dfn>、

<code>、<samp>、<kbd>、<var>、<cite>、<abbr>、<s>、<q>、

<mark>元素 60

3-2-2  <ruby>、<rt>、<rp>元素(注音或拼音) 62

3-2-3  <font>、<basefont>元素(字体) 63

3-2-4  <br>元素(换行) 64

3-2-5  <span>元素(群组成一行) 66

3-3  项目符号与编号——<ul>、<ol>、<li>元素 67

3-4  定义列表——<dl>、<dt>、<dd>元素 69

3-5  插入或删除数据——<ins>、<del>元素 70

3-6  提示文字——title属性 71

第4章  超链接 75

4-1  URI的类型 76

4-1-1  绝对URI 77

4-1-2  相对URI 77

4-2  标记超链接——<a>元素 78

4-2-1  自定义超链接文字的颜色 81

4-2-2  提供文件下载的超链接 81

4-2-3  链接至E-mail地址的超链接 83

4-3  指定相对URI的路径信息——<base>元素 84

4-4  指定文件之间的引用——<link>元素 84

4-5  建立书签 85

第5章  图片 89

5-1  嵌入图片——<img>元素 90

5-1-1  图片的高度、宽度与框线 90

5-1-2  图片的对齐方式 91

5-1-3  图片的替代显示文字 93

5-1-4  图片的水平间距与垂直间距 93

5-1-5  图片超链接与缩略图 95

5-2  影像地图——<map>、<area>元素 96

5-3  标注——<figure>、<figcaption>元素 100

5-4  建立绘图区——<canvas>元素 101

第6章  表格 105

6-1  建立表格——<table>、<tr>、<td>、<th>元素 106

6-2  表格与单元格的格式化 110

6-2-1  表格的背景颜色与背景图片 110

6-2-2  表格的宽度、框线颜色、单元格填充与单元格间距 111

6-2-3  表格的框线大小、外框线与内框线显示方式 111

6-2-4  表格的对齐方式 113

6-2-5  单元格的对齐方式 115

6-2-6  单元格的背景颜色与背景图片 116

6-3  表格标题-<caption>元素 118

6-4  合并单元格 119

6-5  表格的表头、主体与表尾——<thead>、<tbody>、<tfoot>元素 123

6-6  直列式表格——<colgroup>、<col>元素 125

第7章  影音多媒体 130

7-1  HTML 5的影音功能 131

7-2  嵌入视频与音频-<video>、<audio>元素 132

7-2-1  src属性 133

7-2-2  autoplay、loop属性 133

7-2-3  controls属性 133

7-2-4  poster属性 134

7-2-5  width、height属性 135

7-2-6  preload属性 135

7-3  视频/音频编解码器 136

7-3-1  容器文件格式 136

7-3-2  视频编解码器 137

7-3-3  音频编解码器 137

7-4  指定影音文件的来源——<source>元素 138

7-5  嵌入资源文件——<embed>元素 142

7-6  嵌入对象——<object>元素 142

7-6-1  嵌入视频 143

7-6-2  嵌入音频 144

7-6-3  嵌入ActiveX Controls 145

7-6-4  嵌入Java Applets 147

7-7  Scripting——<script>、<noscript>元素 149

7-7-1  嵌入JavaScript 149

7-7-2  嵌入VBScript 151

7-8  嵌入CSS样式表单——<style>元素 152

7-9  网页自动导向 154

第8章  窗体与后端处理 157

8-1  建立窗体-<form>、<input>元素 158

8-2  HTML 4.01现有的输入类型 161

8-2-1  按钮 162

8-2-2  单行文本框 163

8-2-3  单选按钮 163

8-2-4  复选框 164

8-2-5  多行文本框 165

8-2-6  下拉菜单 167

8-2-7  窗体的后端处理 170

8-2-8  密码字段 173

8-2-9  隐藏字段 174

8-2-10  上传文件字段 174

8-3  HTML 5新增的输入类型 176

8-3-1  email类型 176

8-3-2  url类型 177

8-3-3  search类型 178

8-3-4  tel类型 178

8-3-5  number类型 178

8-3-6  range类型 179

8-3-7  color类型 180

8-3-8  日期时间类型(date、time、datetime、month、week、datetime-local) 181

8-4  标签文字——<label>元素 183

8-5  将窗体字段框起来——<fieldset>、<legend>元素 184

8-6  其他新增的窗体元素 185

8-6-1  <output>元素 186

8-6-2  <progress>元素 186

8-6-3  <meter>元素 188

8-6-4  <keygen>元素 189

8-6-5  <optgroup>元素 190

8-7  HTML 5新增的form属性 191

第9章  JavaScript基本语法 194

9-1  JavaScript的演进 195

9-2  编写第一个JavaScript程序 195

9-3  JavaScript程序代码编写惯例 199

第10章  类型、变量与运算符 202

10-1  类型 203

10-1-1  数值(number) 203

10-1-2  字符串(string) 203

10-1-3  布尔(boolean) 204

10-2  变量 205

10-2-1  变量的命名规则 205

10-2-2  变量的声明方式 206

10-3  运算符 207

10-3-1  算术运算符 208

10-3-2  递增/递减运算符 209

10-3-3  逻辑运算符 209

10-3-4  比较运算符 210

10-3-5  位运算符 211

10-3-6  赋值运算符 211

10-3-7  条件运算符 212

10-3-8  类型运算符 212

10-3-9  运算符的优先级 212

第11章  流程控制 216

11-1  认识流程控制 217

11-2  if 217

11-2-1  if...:如果...就...(单向选择) 217

11-2-2  if...else...:如果...就...否则...(双向选择) 220

11-2-3  if...else if...:如果...就...否则如果...就...否则...(多向选择) 221

11-3  switch 224

11-4  for 227

11-5  while 231

11-6  do 233

11-7  for...in 234

11-8  break与continue 236

第12章  函数 239

12-1  认识函数 240

12-2  用户自定义函数 241

12-2-1  函数的参数 243

12-2-2  函数的返回值 244

12-3  局部变量V.S.全局变量 246

12-4  JavaScript内部函数 248

12-4-1  encodeURI()、decodeURI() 249

12-4-2  encodeURIComponent()、decodeURIComponent() 249

12-4-3  eval() 249

12-4-4  isFinite()、isNaN() 250

12-4-5  Number()、parseInt()、parseFloat() 250

12-5  函数库 251

第13章  对象 254

13-1  认识对象 255

13-2  window对象 257

13-3  核心对象 261

13-3-1  Number对象 261

13-3-2  Boolean对象 263

13-3-3  String对象 263

13-3-4  Function对象 266

13-3-5  Object对象 266

13-3-6  Math对象 267

13-3-7  Date对象 269

13-3-8  Array对象 272

13-3-9  Error对象 283

13-4  环境对象 286

13-4-1  location对象 286

13-4-2  screen对象 287

13-4-3  navigator对象 288

13-4-4  history对象 290

13-5  document对象 291

13-6  element对象 297

第14章  事件处理与实用范例 302

14-1  事件驱动模式 303

14-2  事件的类型 303

14-2-1  传统的事件 304

14-2-2  HTML 5事件 304

14-2-3  DOM事件 305

14-2-4  触控事件 305

14-3  事件处理程序 305

14-4  JavaScript实用范例 310

14-4-1  打印网页 310

14-4-2  随机变换背景图片 311

14-4-3  网页跑马灯 312

14-4-4  半透明效果 313

14-4-5  具有超链接功能的下拉菜单 314

14-4-6  显示进入时间 315

14-4-7  显示停留时间 316

14-4-8  显示在线时钟 317

14-4-9  自动切换成PC版网页或移动版网页 318

第15章  CSS 321

15-1  CSS的演进 322

15-2  CSS样式规则与选择器 323

15-3  链接HTML文件与CSS样式表单 326

15-3-1  在<head>元素里面嵌入样式表单 327

15-3-2  使用HTML元素的style属性指定样式表单 327

15-3-3  将外部的样式表单导入HTML文件 328

15-3-4  将外部的样式表单链接至HTML文件 329

15-4  选择器的类型 330

15-4-1  类型选择器 330

15-4-2  后裔选择器 330

15-4-3  万用选择器 330

15-4-4  类选择器 330

15-4-5  ID选择器 334

15-4-6  属性选择器 337

15-4-7  伪类选择器 338

15-5  常用的CSS属性 341

15-5-1  字体属性 341

15-5-2  文本属性 342

15-5-3  颜色属性 344

15-5-4  背景属性 344

15-5-5  框线属性 347

第16章  XHTML 350

16-1  认识XHTML 351

16-2  XHTML与HTML的区别 352

16-3  严格遵循XHTML文件 356

16-4  验证XHTML文件 357

第17章  Ajax 360

17-1  认识动态网页技术 361

17-1-1  浏览器端Scripts 361

17-1-2  服务器端Scripts 362

17-2  认识Ajax 364

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

第18章  Canvas API 371

18-1  HTML 5的绘图功能 372

18-2  设置绘制样式与填满样式 373

18-3  绘制矩形 374

18-4  设置渐层与图样 375

18-5  绘制图像 378

18-6  建立路径与绘制图形 379

18-6-1  绘制直线 381

18-6-2  绘制矩形 381

18-6-3  绘制圆弧、圆形与扇形 382

18-6-4  剪切区域 384

18-7  设置线条样式 385

18-8  绘制文字与设置文字样式 386

18-9  设置阴影样式 387

18-10  变形 388

18-11  重叠 391

18-12  像素运算 393

18-13  存储与回复绘图区状态 395

18-14  导出图片 396

第19章  Video/Audio API 397

19-1  <video>与<audio>元素的属性与方法 398

19-2  <video>与<audio>元素的事件 400

第20章  Drag and Drop API 405

20-1  网页元素的拖放操作 406

20-1-1  指定拖曳来源并处理拖动开始(dragstart)事件 407

20-1-2  指定放置目标并处理放置(drop)事件 409

20-1-3  处理拖动结束(dragend)事件 410

20-2  拖放操作相关的事件 413

20-3  DataTransfer对象的属性与方法 413

第21章  Geolocation API 416

21-1  HTML 5的地理定位功能 417

21-2  使用Geolocation API 418

21-2-1  测试浏览器的地理定位功能 418

21-2-2  单次获取用户的位置 419

21-2-3  持续追踪用户的位置与取消追踪 424

附录  HTML框架元素 425

A-1  建立框架——<frameset>、<frame>、<noframes>元素 426

A-1-1  指定框架的数目、大小与位置 428

A-1-2  制作框架的内容 433

A-1-3  指定框架的格式 435

A-1-4  针对不支持框架的浏览器设计内容 437

A-2  包含水平框架与垂直框架的网页 438

A-3  嵌入浮动框架——<iframe>元素 440

A-4  制作导航栏 441

A-4-1  使用<base>元素的target属性指定目标框架 444

A-4-2  特殊的target属性值 445

作者简介

编辑推荐

作者寄语

电子资料

www.luweidong.cn

下一个