目    录

第1章  网页标记语言HTML入门基础 1

1.1  HTML概述 1

1.2  HTML文件的构成 2

1.2.1  HTML文件结构 2

1.2.2  编写HTML文件的注意事项 3

1.3  怎样编写HTML文件 4

1.3.1  使用记事本文件编写页面 4

1.3.2  使用Dreamweaver编写HTML

页面 5

1.4  网页设计与开发的过程 6

1.4.1  明确网站定位 7

1.4.2  收集信息和素材 7

1.4.3  规划栏目结构 8

1.4.4  设计页面方案 9

1.4.5  制作页面 9

1.4.6  实现后台功能 10

1.4.7  网站的测试与发布 11

1.5  本章小结 12

1.6  练习题 12

第2章  HTML基本标记 13

2.1  HTML文档主体标记 13

2.1.1  bgcolor属性 13

2.1.2  background属性 14

2.1.3  text属性 15

2.1.4  设置链接文字属性 16

2.1.5  设置页面边距 17

2.2  头部标记 18

2.2.1  <title>标记 18

2.2.2  定义页面关键字 19

2.2.3  定义页面描述 19

2.2.4  定义编辑工具 20

2.2.5  定义作者信息 21

2.2.6  定义网页字符集类型 21

2.2.7  定义网页的定时跳转 22

2.3  设置段落的格式 23

2.3.1  <p>标记 23

2.3.2  段落对齐属性：align 24

2.3.3  <nobr>标记 25

2.3.4  <br>标记 25

2.4  水平线标记 26

2.4.1  <hr>标记 26

2.4.2  水平线宽度属性：width 27

2.4.3  水平线颜色属性：color 28

2.4.4  水平线对齐方式属性：align 29

2.5  综合实例——创建基本的HTML

文件 30

2.6  本章小结 32

2.7  练习题 33

第3章  网页图像和多媒体 34

3.1  网页中常见的图像格式 34

3.2  图像标记及其属性 35

3.2.1  <img>标记 35

3.2.2  height属性 35

3.2.3  width属性 36

3.2.4  border属性 37

3.2.5  align属性 38

3.3  添加音乐 39

3.3.1  <audio>标记 40

3.3.2  给网页添加音乐播放器 40

3.4  添加视频 41

3.4.1  <video>标记 41

3.4.2  给网页添加视频 42

3.5  综合实例——创建图文混合排版

网页 43

3.6  本章小结 45

3.7  练习题 46

第4章  用表格排列网页数据 47

4.1  表格属性 47

4.1.1  表格的基本标记：<table>、

<tr>、<td> 47

4.1.2  表格宽度和高度：width、

height 48

4.1.3  表格标题：caption 49

4.1.4  表格的表头：th 50

4.1.5  表格对齐方式：align 52

4.1.6  边框宽度：border 53

4.1.7  表格边框颜色：bordercolor 54

4.1.8  单元格间距：cellspacing 55

4.1.9  单元格边距：cellpadding 56

4.1.10  表格的背景色：bgcolor 57

4.1.11  表格的背景图像：

 background 58

4.2  表格的结构标记 59

4.2.1  设计表头：thead 59

4.2.2  设计表主体：tbody 61

4.2.3  设计表尾：tfoot 62

4.3  综合实例——使用表格排版网页 63

4.4  本章小结 68

4.5  练习题 68

第5章  HTML 5入门基础 70

5.1  初识HTML 5 70

5.1.1  HTML 5简介 70

5.1.2  HTML 5中的标记方法 71

5.1.3  HTML 5语法中的三个要点 71

5.2  新增主体结构元素 72

5.2.1  article元素 72

5.2.2  section元素 73

5.2.3  nav元素 74

5.2.4  aside元素 76

5.3  新增非主体结构元素 77

5.3.1  header元素 77

5.3.2  footer元素 78

5.3.3  address元素 79

5.4  Canvas绘制基本图形 80

5.4.1  Canvas元素 80

5.4.2  绘制直线 81

5.4.3  绘制矩形 82

5.4.4  绘制三角形 83

5.4.5  绘制圆弧 84

5.4.6  绘制贝塞尔曲线 86

5.4.7  应用不同的线型 87

5.5  变换的使用 88

5.5.1  平移变换 88

5.5.2  缩放变换 89

5.5.3  旋转变换 90

5.6  HTML 5 SVG 92

5.6.1  图形绘制 92

5.6.2  文本与图像 95

5.6.3  填充颜色 96

5.7  综合实例——绘制精美时钟 97

5.8  本章小结 100

5.9  练习题 100

第6章  CSS入门基础 102

6.1  认识CSS 102

6.1.1  CSS的基本概念 102

6.1.2  使用CSS的好处 103

6.1.3  编写CSS 104

6.1.4  CSS基本语法 105

6.2  在HTML中添加CSS的方法 106

6.2.1  链接外部样式表 106

6.2.2  行内样式 107

6.2.3  导入样式 107

6.2.4  内嵌样式 108

6.3  选择器类型 108

6.3.1  标签选择器 109

6.3.2  类选择器 109

6.3.3  ID选择器 111

6.4  综合实例——对网页添加CSS

样式 112

6.5  本章小结 115

6.6  练习题 116

第7章  用CSS设置文本样式 117

7.1  设计网页中的文字样式 117

7.1.1  font-family属性 117

7.1.2  font-size属性 118

7.1.3  font-weight属性 119

7.1.4  font-style属性 120

7.1.5  font-variant属性 121

7.1.6  text-decoration属性 122

7.2  设计文本的段落样式 123

7.2.1  line-height属性 123

7.2.2  text-align属性 124

7.2.3  text-indent属性 125

7.2.4  word-spacing属性 125

7.2.5  first-letter首字下沉 126

7.2.6  text-transform属性 127

7.3  综合实例——用CSS排版网页

文字 129

7.4  本章小结 131

7.5  练习题 132

第8章  用CSS设计图像和背景 133

8.1  设置网页的背景 133

8.1.1  background-color属性 133

8.1.2  background-image属性 134

8.2  设置背景图像的属性 135

8.2.1  background-repeat属性 135

8.2.2  background-attachment属性 136

8.2.3  background-position属性 137

8.3  设置网页图像的样式 138

8.3.1  border属性 138

8.3.2  图文混合排版 141

8.4  综合实例——给图片添加边框 142

8.5  本章小结 144

8.6  练习题 144

第9章  用CSS设置表单和表单样式 145

9.1  表单form 145

9.1.1  程序提交action 145

9.1.2  表单名称name 146

9.1.3  传送方法method 146

9.1.4  编码方式enctype 147

9.1.5  目标显示方式target 147

9.2  网页中的表单 148

9.2.1  表单对象 148

9.2.2  插入文本字段text 149

9.2.3  插入密码域password 149

9.2.4  插入单选按钮radio 151

9.2.5  插入复选框checkbox 151

9.2.6  插入普通按钮button 152

9.2.7 插入提交按钮submit 153

9.2.8  重置按钮reset 154

9.2.9  插入图像域image 155

9.2.10  插入隐藏域hidden 155

9.2.11  插入文件域file 156

9.2.12  插入下拉菜单 157

9.3  用CSS设计表单样式 159

9.3.1  设置边框样式 159

9.3.2  设置背景样式 159

9.3.3  设置输入文本的样式 160

9.4  综合实例——在网页中插入表单

对象 161

9.5  本章小结 167

9.6  练习题 168

第10章  用CSS制作链接与网站

 ?导航 169

10.1  超链接基础 169

10.1.1  超链接的基本概念 169

10.1.2  使用页面属性设置超链接 170

10.2  链接标记 171

10.2.1  link 171

10.2.2  visited 172

10.2.3  active 172

10.2.4  hover 173

10.3  各种形式的超链接 173

10.3.1  背景色变换链接 173

10.3.2  多姿多彩的下画线链接 175

10.3.3  图像翻转链接 176

10.3.4  边框变换链接 177

10.4  项目列表 179

10.4.1  有序列表 179

10.4.2  无序列表 183

10.5  横排导航 187

10.5.1  横排文本导航 188

10.5.2  标签式导航 189

10.6  竖排导航 191

10.7  综合实例 192

10.7.1  实例1——实现背景变换的

 导航菜单 192

10.7.2  实例2——制作树形导航

 菜单 194

10.8  本章小结 197

10.9  练习题 197

第11章  CSS+Div布局入门基础 198

11.1  Web标准 198

11.1.1  什么是Web标准 198

11.1.2  为什么要建立Web标准 199

11.1.3  怎样改进现有网站 200

11.2  Div标记与Span标记 201

11.2.1  Div概述 201

11.2.2  Div与Span的区别 202

11.3  盒子模型 203

11.3.1  盒子模型的概念 204

11.3.2  border 204

11.3.3  padding 210

11.3.4  margin 212

11.4  盒子的浮动与定位 214

11.4.1  盒子的浮动float 214

11.4.2  position定位 216

11.4.3  z-index空间位置 220

11.5  本章小结 222

11.6  练习题 222

第12章  CSS+Div布局方法 223

12.1  CSS布局理念 223

12.1.1  CSS布局概述 223

12.1.2  用CSS定位 224

12.2  固定宽度布局 225

12.2.1  一列固定宽度 225

12.2.2  圆角框 227

12.3  可变宽度布局 229

12.3.1  一列自适应 229

12.3.2  两列宽度自适应 230

12.3.3  三列浮动中间宽度自适应 231

12.3.4  三行二列居中高度自适应

 布局 232

12.4  CSS布局与传统的表格方式布局

 分析 234

12.5  本章小结 236

12.6  练习题 236

第13章  CSS 3网页开发 238

13.1  CSS 3概述 238

13.1.1  CSS 3的发展历史 238

13.1.2  CSS 3的新增特性 239

13.1.3  主流浏览器对CSS 3的

 支持 243

13.2  边框 244

13.2.1  圆角边框border-radius 244

13.2.2  边框图片border-image 245

13.2.3  边框阴影box-shadow 246

13.3  背景 248

13.3.1  背景图片尺寸background-

 size 248

13.3.2  背景图片定位区域background-

 origin 249

13.3.3  背景绘制区域background-

 clip 251

13.4  文本 252

13.4.1  文本阴影text-shadow 252

13.4.2  强制换行word-wrap 253

13.4.3  文本溢出text-overflow 254

13.5  多列 255

13.5.1  创建多列column-count 255

13.5.2  列的宽度column-width 256

13.6  实例应用——鼠标放上去显示全部

 内容 257

13.7  本章小结 258

13.8  练习题 259

第14章  JavaScript语法基础 260

14.1  JavaScript简介 260

14.1.1  JavaScript的历史 260

14.1.2  JavaScript的特点 261

14.1.3  JavaScript的添加方法 261

14.2  JavaScript运算符 263

14.2.1  算术运算符 263

14.2.2  逻辑运算符 263

14.2.3  比较运算符 264

14.3  基本数据类型 264

14.3.1  使用字符串型数据 264

14.3.2  使用数值型数据 265

14.3.3  使用布尔型数据 266

14.3.4  使用Undefined和Null

 类型 266

14.4  常量和变量 267

14.4.1  常量的使用 267

14.4.2  常量的使用方法 269

14.4.3  变量的定义 269

14.5  JavaScript程序语句 270

14.5.1  使用if…else语句 270

14.5.2  使用for循环 272

14.5.3  使用switch语句 273

14.5.4  使用while语句 274

14.6  综合实例——制作倒计时特效 275

14.7  本章小结 276

14.8  练习题 276

第15章  JavaScript中的事件 278

15.1  事件概述 278

15.2  常用事件分析 279

15.2.1  click事件 279

15.2.2  change事件 280

15.2.3  select事件 281

15.2.4  focus事件 282

15.2.5  load事件与unload事件 284

15.2.6  鼠标移动事件 285

15.2.7  onBlur事件 286

15.3  其他常用事件 287

15.4  综合实例——将事件应用于

 按钮中 289

15.5  本章小结 289

15.6  练习题 290

第16章  JavaScript中的函数和对象 291

16.1  什么是函数 291

16.2  函数的定义 292

16.2.1  函数的普通定义方式 292

16.2.2  函数的变量定义方式 293

16.2.3  函数的指针调用方式 294

16.3  JavaScript对象的声明和引用 296

16.3.1  声明和实例化 297

16.3.2  对象的引用 298

16.4  浏览器对象 299

16.4.1  navigator对象 299

16.4.2  window对象 301

16.4.3  location对象 302

16.4.4  history对象 303

16.4.5  document对象 304

16.5  内置对象 306

16.5.1  Date对象 306

16.5.2  数学对象Math 309

16.5.3  字符串对象String 309

16.5.4  数组对象Array 311

16.6  综合实例——改变网页背景颜色 312

16.7  本章小结 313

16.8  练习题 313

第17章  企业网站制作的布局方法 315

17.1  企业网站设计指南 315

17.1.1  企业网站分类 315

17.1.2  色彩搭配与风格设计 317

17.1.3  企业网站主要功能栏目 318

17.2  分析架构 318

17.2.1  网站内容分析 318

17.2.2  HTML结构设计 320

17.2.3  方案设计 322

17.2.4  定义整体样式 323

17.3  各模块设计 325

17.3.1  制作页面顶部 325

17.3.2  制作左侧导航 327

17.3.3  制作“联系我们”部分 329

17.3.4  制作“企业介绍”部分 330

17.3.5  制作图片展示和新闻动态 331

17.3.6  制作订购部分 332

17.3.7  制作底部部分 333

17.4  本章小结 334

17.5  练习题 334