网页设计与制作教程

本书面向网站开发与网页制作的读者，采用全新流行的Web标准，以HTML技术为基础，由浅入深、完整详细地介绍了HTML、CSS及JavaScript网页制作的相关知识。全书以电脑商城购物网站的设计与制作为讲解主线，围绕商城栏目的设计，详细全面系统地介绍了网页制作、设计、规划的基本知识，以及网站设计、开发的完整流程。
本书适合作为高等学校、职业院校计算机及相关专业或培训班的网站开发与网页制作教材，也可作为网页制作爱好者与网站开发维护人员的学习参考书。

出版说明
前言

教学建议
第1章 HTML基础 1
1.1 HTML简介 1
1.1.1 HTML发展历史 1
1.1.2 HTML 5的特性及元素 2
1.2 HTML编写规范 3
1.2.1 HTML文档结构 3
1.2.2 HTML代码规范 4
1.2.3 使用HTML语法编写HTML 5
文档 4
1.3 网页文件的创建过程 6
1.4 搭建支持HTML 5的浏览器
环境 6
1.5 文字与段落排版 7
1.5.1 注释标签<!--...--> 7
1.5.2 强制换行标签
8
1.5.3 段落标签

...8
1.5.4 定位标签...
8
1.5.5 水平线标签


 8
1.5.6 标题文字标签... 9
1.5.7 文字与段落排版综合实例 9
1.6 超链接 10
1.7 图像 13
1.7.1 图像标签13
1.7.2 用图像作为超链接热点 14
1.7.3 图像应用综合实例 14
1.8 表格 15
1.8.1 简单表格 15
1.8.2 表格内文字的对齐方式 16
1.8.3 表格在页面中的对齐方式 16
1.8.4 表格应用综合实例 16
1.9 列表 17
1.9.1 无序列表标签

...17
1.9.2 有序列表标签

...18
1.10 实训 19
习题1 20
第2章 表单 22
2.1 表单的工作原理 22
2.2 表单标签 22
2.3 表单元素 22
2.3.1 元素 23
2.3.2 选择栏 26 2.3.3 多行文本域...
<br/>    27
2.4 表单的高级用法 27
2.5 实训 28
习题2 30
第3章 HTML高级应用 31
3.1 使用结构元素构建网页布局 31
3.2 音频和视频 36
3.2.1 音频和视频格式 36
3.2.2 音频标签 37
3.2.3 视频标签 39
3.3 canvas绘图 40
3.3.1 创建元素 40
3.3.2 构建绘图环境 40
3.3.3 通过JavaScript绘制图形 41
3.4 HTML 5的发展前景 49
3.5 实训 49
习题3 50
第4章 CSS基础 52
4.1 CSS概述 52
4.1.1 CSS的基本概念 52
4.1.2 CSS的发展历史 53
4.1.3 CSS 3的特点 53
4.1.4 CSS的代码规范 54
4.2 CSS与HTML文档的结合
方法 55
4.2.1 定义内部样式表 55
4.2.2 定义行内样式表 57
4.2.3 链入外部样式表 58
4.2.4 导入外部样式表 60
4.3 样式表语法 62
4.3.1 CSS的定义组成 62
4.3.2 常用的选择符 62
4.4 多重样式表的层叠 76
4.5 CSS的属性单位 78
4.5.1 长度、百分比单位 78
4.5.2 颜色单位 79
4.6 实训 80
习题4 81
第5章 Div+CSS布局方法 82
5.1 Div布局理念 82
5.1.1 Div布局页面的优点 82
5.1.2 Div标签 82
5.2 CSS盒模型 85
5.2.1 盒模型的概念 85
5.2.2 盒模型的属性 86
5.2.3 盒模型的宽度与高度 90
5.2.4 外边距的叠加 91
5.2.5 盒模型综合案例 91
5.3 CSS的定位 93
5.3.1 静态定位 93
5.3.2 相对定位 95
5.3.3 绝对定位 95
5.3.4 相对定位与绝对定位的混合
使用 96
5.3.5 固定定位 97
5.4 浮动与清除浮动 98
5.4.1 浮动 98
5.4.2 清除浮动 102
5.4.3 定位与浮动综合案例 103
5.5 CSS常用布局样式 106
5.5.1 两列布局样式 106
5.5.2 三列布局样式 110
5.6 Div+CSS布局综合案例 114
5.6.1 页面布局规划 114
5.6.2 页面的制作过程 114
5.7 实训 122
习题5 127
第6章 用CSS设置文本和图像 129
6.1 设置文字的样式 129
6.1.1 设置文字的字体 129
6.1.2 设置字体的大小 130
6.1.3 设置字体的粗细 131
6.1.4 设置字体的倾斜 132
6.1.5 设置字体的修饰效果 133
6.1.6 设置字体的阴影 135
6.2 设置段落的样式 135
6.2.1 设置文字的对齐方式 135
6.2.2 设置首行缩进 136
6.2.3 设置首字下沉 137
6.2.4 设置行高 137
6.2.5 设置文本换行 139
6.3 设置图片样式 139
6.3.1 图片的边框 139
6.3.2 图片的缩放 141
6.4 设置背景 142
6.4.1 设置背景颜色 143
6.4.2 设置背景图像 143
6.4.3 设置背景重复 144
6.4.4 设置背景定位 145
6.4.5 设置背景大小 147
6.5 图文混排 148
6.6 用CSS设置文本和图像综合
案例 150
6.6.1 页面布局规划 150
6.6.2 页面的制作过程 151
6.7 实训 156
习题6 163
第7章 用CSS设置超链接和导航
菜单 165
7.1 用CSS设置超链接 165
7.1.1 超链接伪类 165
7.1.2 改变文字超链接的外观 166
7.1.3 创建按钮式超链接 168
7.1.4 图文超链接 170
7.2 用CSS设置列表 171
7.2.1 设置列表类型 172
7.2.2 设置列表项图像 175
7.2.3 设置列表项位置 176
7.2.4 图文信息列表 177
7.3 创建导航菜单 182
7.3.1 普通的超链接导航菜单 182
7.3.2 纵向列表模式的导航菜单 184
7.3.3 横向列表模式的导航菜单 186
7.4 用CSS设置超链接与导航菜单
综合案例 188
7.4.1 页面布局规划 188
7.4.2 页面的制作过程 189
7.5 实训 196
习题7 202
第8章 JavaScript脚本语言 203
8.1 JavaScript简介 203
8.2 在网页中插入JavaScript的方法
及定义 203
8.2.1 在HTML文档中嵌入脚本
程序 203
8.2.2 链接脚本文件 205
8.2.3 在标记内添加脚本 205
8.3 JavaScript的基本数据类型和
表达式 206
8.3.1 基本数据类型 206
8.3.2 常量 206
8.3.3 变量 207
8.3.4 运算符和表达式 208
8.4 JavaScript的程序结构 209
8.4.1 简单语句 209
8.4.2 程序控制流程 211
8.4.3 函数 216
8.5 基于对象的JavaScript语言 219
8.6 DOM对象及编程 222
8.6.1 窗口对象 223
8.6.2 文档对象 225
8.6.3 位置对象 226
8.6.4 历史对象 227
8.7 JavaScript的对象事件处理
程序 227
8.7.1 对象的事件 227
8.7.2 常用的事件及处理 228
8.7.3 表单对象与交互性 234
8.8 实训 237
习题8 238
第9章 使用JavaScript制作网页
特效 240
9.1 制作循环滚动的字幕 240
9.2 制作幻灯片切换的广告 243
9.3 实训 245
习题9 249
第10章 购物商城首页的制作 250
10.1 网站的开发流程 250
10.1.1 规划站点 250
10.1.2 网站制作 252
10.1.3 测试网站 252
10.1.4 发布站点 252
10.2 设计首页布局 252
10.2.1 使用Dreamweaver创建
站点 252
10.2.2 页面布局规划 255
10.3 首页的制作 255
习题10 270
第11章 商品列表和详细信息
页面的制作 271
11.1 制作商品搜索列表页面 271
11.2 制作商品详细信息页面 274
习题11 281
第12章 购物商城后台管理
页面的制作 282
12.1 商城后台管理登录页面的
制作 282
12.2 查询商品页面的制作 286
12.3 添加商品页面的制作 295
12.4 页面的整合 300
习题12 300
参考文献 302


XIV


IX


8