网页设计与开发 HTML、CSS、JavaScript实例教程PDF电子书下载

第1章 网页设计简介 1

1.1 万维网概述 1

1.2 HTML语言 2

1.3 网页设计相关概念 3

1.3.1 超链接 4

1.3.2 统一资源定位器 4

1.3.3 网站 5

1.3.4 网页 5

1.3.5 首页 5

1.4 网页制作开发工具 6

1.4.1 编辑工具 6

1.4.2 浏览工具 8

1.5 网页制作相关技术 8

1.5.1 CSS 9

1.5.2 JavaScript 9

小结 9

习题 9

实验 10

第2章 HTML基础介绍 11

2.1 HTML文档结构 11

2.1.1 基本结构 11

2.1.2 头部内容 11

2.1.3 主体内容 13

2.1.4 编写网页的开头 13

2.2 HTML基本语法 14

2.2.1 标记语法 14

2.2.2 属性语法 15

2.3 注释 15

2.4 编写HTML文件时的注意事项 16

2.5 实例 16

小结 17

习题 17

实验 18

第3章 文字与段落 19

3.1 文字内容 19

3.1.1 添加文字 19

3.1.2 标题字 20

3.1.3 添加空格 21

3.1.4 添加特殊符号 21

3.1.5 注释语句 23

3.2 文字样式 24

3.3 文字的修饰 25

3.3.1 粗体、斜体、下划线 25

3.3.2 删除线 25

3.3.3 上标、下标 26

3.3.4 设置文字标注 27

3.3.5 设置地址文字 28

3.3.6 设置等宽文字 28

3.4 段落 29

3.4.1 段落标记 29

3.4.2 换行标记 30

3.4.3 居中标记 31

3.4.4 水平分隔线 32

3.4.5 预格式化标记 33

3.4.6 设置段落缩进 34

3.5 小实例 35

小结 36

习题 37

实验 37

第4章 列表 39

4.1 列表简介 39

4.2 无序列表 39

4.3 有序列表 40

4.3.1 有序列表及其编号样式 40

4.3.2 编号起始值 41

4.3.3 列表项样式 42

4.3.4 列表项编号 43

4.4 嵌套列表 44

4.5 定义列表 46

4.6 菜单列表和目录列表 47

4.7 小实例 49

小结 50

习题 50

实验 50

第5章 超链接 52

5.1 超链接简介 52

5.2 创建超链接 53

5.2.1 设置超链接路径 55

5.2.2 内部链接 56

5.2.3 外部链接 56

5.3 链接对象 57

5.3.1 图片链接 57

5.3.2 书签链接 58

5.3.3 电子邮件链接 61

5.3.4 FTP链接 63

5.3.5 下载文件的链接 63

5.4 小实例 65

小结 67

习题 67

实验 68

第6章 表格 70

6.1 表格简介 70

6.2 表格标记和表格标题 70

6.2.1 表格标记 70

6.2.2 表格标题 72

6.2.3 表格表头 73

6.3 表格的属性修饰 74

6.3.1 设置表格的边框属性 75

6.3.2 设置表格的宽度和高度 75

6.3.3 设置表格的背景颜色 76

6.3.4 设置表格的背景图像 76

6.3.5 设置边框样式 77

6.3.6 设置表格的单元格间距 78

6.3.7 设置表格的单元格边距 78

6.3.8 设置表格的水平对齐属性 79

6.4 设置表格行的属性 79

6.4.1 行内容水平对齐 80

6.4.2 行内容垂直对齐 81

6.5 设置表格中某一单元格的属性 82

6.5.1 设置单元格跨行 82

6.5.2 设置单元格跨列 84

6.6 表格嵌套 85

6.7 小实例 86

小结 90

习题 90

实验 91

第7章 表单 92

7.1 表单简介 92

7.1.1 表单的结构 92

7.1.2 get方法与post方法 93

7.2 输入 94

7.2.1 单行文本输入框 94

7.2.2 提交按钮和重置按钮 95

7.2.3 密码输入框 96

7.2.4 复选框 97

7.2.5 单选按钮 98

7.2.6 图像按钮 99

7.2.7 文件选择输入框 100

7.2.8 隐藏框 101

7.3 多行文本输入框 102

7.4 下拉列表框 103

7.5 小实例 106

小结 108

习题 109

实验 110

第8章 使用CSS格式化网页 111

8.1 理解CSS 111

8.1.1 CSS简介 111

8.1.2 CSS的构造 112

8.2 样式表的定义与使用 113

8.2.1 定义标记的style属性 113

8.2.2 定义内部样式表 114

8.2.3 嵌入外部样式表 115

8.2.4 链接外部样式表 116

8.3 定义选择符 117

8.3.1 按照名称选择元素 117

8.3.2 按照id和class选择元素 118

8.3.3 按照上下文选择元素 119

8.3.4 选择元素的一部分 120

8.3.5 指定元素组 121

8.4 文字与排版样式的使用 121

8.4.1 长度、百分比单位 121

8.4.2 文字样式属性 122

8.4.3 排版样式属性 129

8.5 背景与颜色的使用 134

8.5.1 设置颜色方法 134

8.5.2 背景颜色的属性 135

8.5.3 背景图片的属性 136

8.6 美化网页与超链接的设置 140

8.6.1 设置网页链接属性 140

8.6.2 设置滚动条属性 141

8.6.3 设置光标属性 142

8.7 矩形模块的概念与使用 144

8.7.1 矩形模块 144

8.7.2 设置边界 144

8.7.3 设置元素边框 145

8.7.4 设置元素内边界 150

8.8 列表样式 151

8.9 DIV应用 154

8.10 小实例 157

小结 159

习题 159

实验 160

第9章 CSS应用 162

9.1 CSS与文字段落 162

9.1.1 CSS文字与段落修饰 162

9.1.2 新闻页面的设计实例 162

9.2 CSS与列表 167

9.2.1 CSS列表修饰 167

9.2.2 导航条的设计实例 168

9.3 CSS与超链接 170

9.3.1 CSS超链接修饰 170

9.3.2 电子相册的设计实例 171

9.4 CSS与表格 174

9.4.1 CSS表格修饰 174

9.4.2 产品介绍页面的设计实例 175

9.5 CSS与表单 178

9.5.1 CSS表单修饰 178

9.5.2 在线预订页面的设计实例 180

小结 183

习题 183

实验 184

第10章 JavaScript基础 186

10.1 JavaScript起步 186

10.1.1 JavaScript简介 186

10.1.2 JavaScript的实例 187

10.1.3 JavaScript的放置 189

10.2 JavaScript程序 191

10.2.1 语句和语句块 191

10.2.2 函数 192

10.2.3 常用系统函数 197

10.2.4 消息对话框 198

10.2.5 注释 199

10.3 标识符和变量 200

10.3.1 关于命名的规定 200

10.3.2 JavaScript的数据类型 201

10.3.3 变量 202

10.3.4 转义字符 203

10.4 运算符和表达式 204

10.4.1 算术运算符和表达式 204

10.4.2 赋值运算符和表达式 205

10.4.3 关系运算符和表达式 206

10.4.4 逻辑运算符和表达式 208

10.4.5 条件运算符和表达式 209

10.4.6 其他运算符和表达式 209

10.5 JavaScript程序控制结构 210

10.5.1 顺序程序 210

10.5.2 分支程序 210

10.5.3 循环程序 216

10.6 常用对象 221

10.6.1 对象简介 221

10.6.2 核心对象 222

10.6.3 文档 229

10.6.4 窗口 234

10.7 事件编程 239

10.7.1 事件简介 239

10.7.2 表单事件 241

10.7.3 鼠标事件 243

10.7.4 键盘事件 243

10.7.5 页面的载入和离开 244

10.8 小实例 244

小结 246

习题 247

实验 249

第11章 Web设计基础 250

11.1 Web设计原则 250

11.1.1 明确站点类型 250

11.1.2 保持界面简洁、内容明确 253

11.1.3 保持页面设计的一致性 254

11.1.4 注重用户体验 254

11.2 网站结构规划 255

11.2.1 网站栏目规划 255

11.2.2 目录结构规划 256

11.3 网页布局 257

11.3.1 布局设计原则 257

11.3.2 布局设计类型 259

11.3.3 布局设计元素 262

11.3.4 布局设计技术 263

11.4 内容设计 265

11.4.1 文本 265

11.4.2 多媒体 266

11.4.3 内容排版 268

11.5 色彩设计 269

11.5.1 色彩基础 269

11.5.2 网页中的色彩设计 270

小结 271

实验 271

第12章 页面布局技术 272

12.1 表格布局方法 272

12.1.1 表格布局的案例分析 272

12.1.2 表格布局的操作方法 274

12.1.3 表格布局实例制作 275

12.2 DIV+CSS布局方法 277

12.2.1 DIV+CSS布局的优势 278

12.2.2 DIV+CSS布局的案例分析 278

12.2.3 DIV+CSS布局的操作方法 280

12.2.4 DIV+CSS页面布局实例制作 282

12.3 页面导航布局方法 285

12.3.1 页面导航案例分析 285

12.3.2 页面导航实例制作 286

小结 289

实验 290

第13章 HTML5开发 291

13.1 HTML5概述 291

13.1.1 HTML5发展历程 291

13.1.2 HTML5新特性 292

13.1.3 HTML5浏览器支持 293

13.2 HTML5语义化标签 293

13.3 Canvas应用 297

13.3.1 Canvas概述 297

13.3.2 坐标与路径 298

13.3.3 绘制矩形 300

13.3.4 绘制圆形 301

13.3.5 绘制图像 302

13.3.6 图形渐变 304

13.3.7 空间转换 305

13.3.8 样式特效 307

13.4 表单 310

13.4.1 新增输入元素 310

13.4.2 新增其他元素 312

13.4.3 新增属性 314

13.5 HTML5中的多媒体应用 316

13.5.1 音频的应用 317

13.5.2 视频的应用 318

13.6 HTML5中的其他应用 320

13.6.1 Web存储 320

13.6.2 地理定位 322

13.6.3 应用缓存 322

13.6.4 Web Workers 322

小结 323

习题 323

实验 324

第14章 综合网站制作实例 325

14.1 班级网站的规划与设计 325

14.1.1 网站定位 325

14.1.2 需求分析 325

14.1.3 栏目设计 326

14.1.4 站点定义与目录管理 326

14.1.5 网站的风格设计 327

14.2 网页设计与制作 327

14.2.1 页面布局 327

14.2.2 全局CSS的定义 328

14.2.3 首页的制作 330

14.2.4 二级页面的制作 336

14.2.5 内容页面的制作 338

14.3 网站的测试与发布 339

14.3.1 安装IIS服务器 339

14.3.2 建立虚拟目录 339

14.3.3 管理站点 340

小结 341