2.2  文本排版 11

2.2.1  换行标签<br/>与段落标签<p> 11

2.2.2  标题标签<h1>～<h6> 12

2.3  文字列表 12

2.3.1  无序列表<ul> 13

2.3.2  有序列表<ol> 14

2.4  网页中的图片 14

2.4.1  使用路径 14

2.4.2  在网页中插入图像标签<img> 16

2.5  URL的概念 17

2.5.1  URL的格式 17

2.5.2  URL的类型 18

2.6  超链接标签<a> 18

2.6.1  设置文本和图片的超链接 19

2.6.2  超链接指向的目标类型 19

第3章  创建表格和表单 21

3.1  表格基本结构及操作 21

3.1.1  表格基本结构 21

3.1.2  合并单元格 22

3.2  设计产品报价单 25

3.3  表单基本元素的使用 27

3.4  表单高级元素的使用 31

3.4.1  url和email属性 31

3.4.2  date和times属性 32

3.4.3  number属性 33

3.4.4  range属性 33

3.4.5  required属性 34

第4章  CSS快速入门 35

4.1  CSS简介 35

4.1.1  CSS的功能 35

4.1.2  CSS的发展历史 36

4.1.3  浏览器与CSS3 36

4.2  CSS基础语法 37

4.3  在HTML5中使用CSS3的方法 37

4.4  CSS的选择器 39

4.4.1  标签选择器和全局选择器 40

4.4.2  类和ID选择器 41

4.4.3  组合选择器 42

4.4.4  伪类 43

4.4.5  属性选择器 44

4.4.6  结构伪类选择器 45

4.4.7  UI元素状态伪类选择器 46

4.5  项目实战—设计新闻菜单效果 48

第5章  CSS3字体与段落属性 51

5.1  字体属性 51

5.2  文本高级样式 54

5.2.1  阴影文本text-shadow 55

5.2.2  溢出文本text-overflow 56

5.2.3  控制换行word-wrap 57

5.3  段落属性 58

5.3.1  单词间隔word-spacing 58

5.3.2  字符间隔letter-spacing 59

5.3.3  垂直对齐方式vertical-align 60

5.3.4  水平对齐方式text-align 61

5.3.5  文本缩进text-indent 63

5.3.6  文本行高line-height 63

5.4  项目实战—设计旅游宣传网页 64

第6章  CSS3美化表格和表单样式 68

6.1  表格基本样式 68

6.1.1  表格边框样式 68

6.1.2  表格边框宽度 70

6.1.3  表格边框颜色 71

6.2  CSS3与表单 73

6.2.1  美化表单元素 73

6.2.2  美化边框样式 74

6.2.3  美化下拉菜单 76

6.3  项目实战1—设计隔行变色的表格 77

6.4  项目实战2—设计注册表单效果 80

第7章  CSS3美化图片 83

7.1  图片样式 83

7.1.1  图片边框 83

7.1.2  图片缩放 84

7.2  对齐图片 86

7.2.1  横向对齐方式 86

7.2.2  纵向对齐方式 87

7.3  图文混排 88

7.3.1  文字环绕 88

7.3.2  设置图片与文字间距 89

7.4  项目实战—美化新闻页面 90

第8章  CSS3美化背景与边框 93

8.1  背景相关属性 93

8.1.1  背景颜色 93

8.1.2  背景图片 94

8.1.3  背景图片重复 95

8.1.4  背景图片显示 96

8.1.5  背景图片的大小 98

8.1.6  背景显示区域 99

8.1.7  背景图像裁剪区域 101

8.2  边框 102

8.2.1  边框样式 102

8.2.2  边框颜色 103

8.2.3  边框线宽 104

8.2.4  边框复合属性 106

8.3  圆角边框 106

8.3.1  圆角边框属性 106

8.3.2  指定两个圆角半径 107

8.3.3  绘制四个不同圆角的边框 108

8.3.4  绘制边框种类 110

8.4  项目实战——设计公司主页 111

第9章  JavaScript概述 115

9.1  JavaScript简介 115

9.1.1  JavaScript是什么 115

9.1.2  JavaScript的发展历史 116

9.2  在HTML5文件中使用JavaScript代码 117

9.2.1  JavaScript嵌入HTML5文件 117

9.2.2  外部JavaScript文件 118

9.3  项目实战—欢迎光临网站的JavaScript程序 119

第10章  JavaScript语言基础 120

10.1  数据类型与变量 120

10.1.1  数据类型 120

10.1.2  变量 122

10.1.3  关键字与保留字 124

10.2  运算符与表达式 124

10.2.1  算术运算符与算术表达式 125

10.2.2  赋值运算符与赋值表达式 125

10.2.3  关系运算符与关系表达式 126

10.2.4  位运算符与位运算表达式 127

10.2.5  逻辑运算符与逻辑表达式 128

10.2.6  其他运算符及运算符优先级 129

10.3  流程控制语句 130

10.3.1  注释语句和语句块 130

10.3.2  选择语句 131

10.3.3  循环语句 137

10.4  函数 140

10.4.1  函数简介 140

10.4.2  定义函数 141

10.4.3  调用函数 143

10.4.4  系统函数 145

10.5  项目实战—购物简易计算器 148

第11章  JavaScript内置对象 151

11.1  字符串对象 151

11.1.1  字符串对象的创建 151

11.1.2  字符串对象的常用属性 152

11.1.3  字符串对象的常用函数 152

11.2  数学对象 154

11.2.1  数学对象的属性 154

11.2.2  数学对象的函数 155

11.3  日期对象 158

11.3.1  创建日期对象 158

11.3.2  日期对象的常用函数 159

11.3.3  日期间的运算 161

11.4  数组对象 162

11.4.1  数组对象的创建 162

11.4.2  数组对象的操作 163

11.4.3  数组对象的常用方法 165

11.5  项目实战—设计网站的随机验证码 168

第12章  JavaScript对象编程 171

12.1  文档对象模型 171

12.1.1  文档对象模型概述 171

12.1.2  在DOM模型中获得对象的方法 171

12.1.3  事件驱动 173

12.2  窗口对象 174

12.2.1  窗口概述 174

12.2.2  对话框 176

12.2.3  窗口操作 177

12.3  文档对象 179

12.3.1  文档的属性 179

12.3.2  文档中的图片 181

12.3.3  文档中的超链接 182

12.4  表单对象 183

12.4.1  form对象 183

12.4.2  form对象的属性与方法 184

12.4.3  单选与复选的使用 185

12.4.4  使用下拉菜单 187

12.5  项目实战—表单注册与表单验证 188

第13章  JavaScript操纵CSS3 193

13.1  DHTML简介 193

13.2  前台动态网页效果 194

13.2.1  动态内容 194

13.2.2  动态样式 195

13.2.3  动态定位 196

13.2.4  显示与隐藏 198

13.3  项目实战—控制表单背景色和文字提示 199

第14章  HTML5绘制图形 202

14.1  canvas概述 202

14.1.1  添加canvas元素 202

14.1.2  绘制矩形 203

14.2  绘制基本形状 204

14.2.1  绘制圆形 204

14.2.2  绘制直线 205

14.2.3  绘制贝塞尔曲线 207

14.3  绘制渐变图形 208

14.3.1  绘制线性渐变 208

14.3.2  绘制径向渐变 210

14.4  绘制变形图形 211

14.4.1  变换原点坐标 211

14.4.2  图形缩放 212

14.4.3  图形旋转 213

14.5  图形组合 214

14.6  绘制带阴影的图形 216

14.7  使用图像 217

14.7.1  绘制图像 217

14.7.2  平铺图像 218

14.7.3  裁剪图像 219

14.8  绘制文字 221

14.9  图形的保存与恢复 223

14.9.1  保存与恢复状态 223

14.9.2  保存文件 224

14.10  项目实战—绘制商标 225

第15章  HTML5中的音频和视频 227

15.1  <audio>标签 227

15.1.1  <audio>标签概述 227

15.1.2  <audio>标签的属性 228

15.1.3  音频解码器 228

15.1.4  <audio>标签浏览器的支持情况 228

15.2  <video>标签 229

15.2.1  <video>标签概述 229

15.2.2  <video>标签的属性 230

15.2.3  视频解码器 230

15.2.4  <video>标签浏览器的支持情况 230

15.3  音频和视频中的方法 231

15.3.1  canPlayType()方法 231

15.3.2  load()方法 232

15.3.3  play()方法和pause()方法 233

15.4  音频和视频中的属性 233

15.4.1  autoplay属性 234

15.4.2  buffered属性 235

15.4.3  controls属性 235

15.4.4  currentSrc属性 237

第16章  地理定位、离线Web应用和Web存储 238

16.1  获取地理位置 238

16.1.1  地理定位的原理 238

16.1.2  地理定位的函数 238

16.1.3  指定纬度和经度坐标 239

16.1.4  目前浏览器对地理定位的支持情况 240

16.2  HTML5离线Web应用 241

16.2.1  新增的本地缓存 241

16.2.2  本地缓存的管理者—manifest文件 241

16.2.3  浏览器网页缓存与本地缓存的区别 242

16.2.4  目前浏览器对离线Web应用的支持情况 242

16.3  Web存储 243

16.3.1  本地存储和Cookie的区别 243

16.3.2  在客户端存储数据 243

16.3.3  sessionStorage函数 243

16.3.4  localStorage函数 245

16.3.5  目前浏览器对Web存储的支持情况 245

第17章  开发企业门户网站 246

17.1  构思布局 246

17.1.1  设计分析 247

17.1.2  排版架构 247

17.2  模块分割 248

17.2.1  Logo与导航菜单 248

17.2.2  左侧文本介绍 250

17.2.3  右侧导航链接 252

17.2.4  版权信息 254

17.3  整体调整 254

第18章  开发响应式购物网站 256

18.1  项目概述 256

18.1.1  项目结构目录 256

18.1.2  项目效果展示 257

18.2  首页设计 258

18.2.1  设计广告栏 258

18.2.2  设计导航栏 260

18.2.3  设计轮播 261

18.2.4  设计蔬菜栏 263

18.2.5  设计干果栏 264

18.2.6  设计底部栏 267

18.3  购买页面设计 268

18.4  蔬菜展示页面设计 270