《网页设计与製作案例教程（第3版）》是2015年出版的图书，作者是李敏。
基本介绍
- 中文名：《网页设计与製作案例教程（第3版）》
- 作译者：李敏
- 出版时间：2015年09月
- 千字数：518
图书信息
作 译 者：李敏
出版时间：2015-09
千 字 数：518
内容简介
全书分为16章，第1～2章介绍了网页、网站建设流程、HTML、网页版式设计与色彩搭配等基础知识；第3～14章系统地介绍了网页设计製作软体Dreamweaver CS6的功能和设计製作各类网页的方法技巧；第15～16章以Div+CSS作为技术架构，分别介绍了网站前台设计製作的综合套用实例，综合套用实例也可作为实训周的实训参考内容。 本书配有丰富的教学资源，书中重要知识要点和操作技能可以通过配套的微课进行学习。通过学习任务和“由简到繁、由易到难、承前启后”的阶梯式系列案例，使读者轻鬆地掌握设计製作各类网页的方法和技能，并起到举一反三的作用。本书内容组织形式新颖、学习任务明确、操作步骤讲解详尽、重点突出，非常符合高职高专学生的认知规律。
目录
第1章 网页设计与製作基础 1
1.1 学习任务：认识网页 1
1.1.1 什幺是网页 1
1.1.2 网页类型 2
1.1.3 网页基本元素 3
1.1.4 网页製作常用软体和技术 5
1.2 学习任务：认识网站 7
1.2.1 什幺是网站 7
1.2.2 网址与域名 7
1.2.3 网站建设的一般流程 8
1.3 学习任务：HTML基础知识 11
1.3.1 HTML简介 11
1.3.2 HTML的基本语法与结构 12
1.3.3 常用的HTML标籤 14
1.3.4 HTML5.0标籤及属性 25
1.4 实训 28
1.4.1 实训一 使用记事本编辑
简单的网页 28
1.4.2 实训二 製作滚动图片
连结 28
1.5 习题 29
第2章 网页版式设计与色彩搭配 32
2.1 案例分析：不同风格网页作品
欣赏与解析 32
2.2 学习任务：网页版式设计 34
2.2.1 版式设计概述 35
2.2.2 网页版式的尺寸和构成
要素 35
2.2.3 网页的版式设计风格 36
2.2.4 网页版式设计原则 38
2.2.5 网页版式设计的视觉流程 38
2.2.6 网页版式设计的步骤 38
2.3 学习任务：色彩的基本理论及
其视觉效果 39
2.3.1 色彩的基本理论 39
2.3.2 色彩的视觉效果 40
2.4 学习任务：网页中的色彩及配色 41
2.4.1 网页色彩 42
2.4.2 网页中色彩的作用 42
2.4.3 网页配色原理 42
2.4.4 网页配色技巧 43
2.5 实训 44
2.5.1 实训一 总结不同主题网站的版
式设计及配色 44
2.5.2 实训二 网页配色练习 44
2.5.3 实训三 校友网首页效果图
设计 45
2.6 习题 46
第3章 Dreamweaver CS6入门 47
3.1 学习任务：认识中文版
Dreamweaver CS6 47
3.1.1 Dreamweaver CS6的特点 47
3.1.2 Dreamweaver CS6的新增
功能 48
3.1.3 Dreamweaver CS6的安装
与卸载 49
3.2 学习任务：Dreamweaver CS6
工作区介绍 51
3.2.1 启动Dreamweaver CS6 51
3.2.2 Dreamweaver CS6工作区布局
介绍 52
3.3 学习任务：规划与创建站点 57
3.3.1 站点概述 57
3.3.2 规划站点 56
3.3.3 创建本地站点 57
3.3.4 管理站点 59
3.4 案例：创建欢迎光临网页 60
3.4.1 创建网页文档 60
3.4.2 设定页面属性 62
3.4.3 保存网页文档 66
3.4.4 预览网页文档 67
3.5 实训：製作网上家园欢迎页面 68
3.6 习题 69
第4章 CSS样式基础 70
4.1 学习任务：CSS概述 70
4.1.1 CSS的基本概念 70
4.1.2 使用HTML和CSS格式
化网页 71
4.1.3 CSS样式面板 72
4.1.4 CSS基本语法 73
4.1.5 CSS样式表的引用 74
4.2 学习任务：CSS样式的创建与
属性设定 77
4.2.1 创建CSS样式 77
4.2.2 设定CSS属性 78
4.2.3 使用CSS样式面板设定
CSS属性 85
4.3 学习任务：管理CSS样式 85
4.3.1 连结或导入外部CSS样式 86
4.3.2 查看CSS样式 87
4.3.3 编辑与删除CSS样式 87
4.4 案例：使用CSS样式美化网页 88
4.5 实训 91
4.5.1 实训一 为网页元素套用
CSS样式 91
4.5.2 实训二 新浪新闻头条 91
4.6 习题 92
第5章 网页的文本和图像 94
5.1 案例1：设计唐诗赏析网页 94
5.1.1 在网页中添加文本 95
5.1.2 设定项目符号或编号 97
5.1.3 插入特殊字元、水平线
和日期 98
5.1.4 设定文本属性 100
5.1.5 使用CSS设定段落样式 103
5.2 学习任务：网页图像 104
5.2.1 网页中常用的图像格式 105
5.2.2 在网页中添加图像 105
5.2.3 设定网页图像属性 106
5.2.4 用CSS设定网页图像
样式 107
5.2.5 用CSS设定网页的背景
图像 109
5.2.6 插入图像占位符和滑鼠
经过图像 110
5.3 案例2：图文混排——设计电影介绍
网站页面 112
5.4 实训：设计畅销书介绍网页 113
5.5 习题 114
第6章 网页超连结与导航 116
6.1 案例1：设计製作过节乐网页 116
6.1.1 超连结概述 117
6.1.2 创建各类超连结 118
6.1.3 用CSS设定超连结样式 122
6.2 案例2：图像地图——设计国家地理
网站页面 123
6.3 学习任务：网页导航设计 125
6.3.1 网页导航概述 125
6.3.2 网页导航分类 126
6.3.3 网页导航方向 128
6.4 案例3：设计製作网页导航 129
6.5 实训：设计製作点点星空
网站页面 131
6.6 习题 132
第7章 使用表格布局网页 134
7.1 案例1：设计学生成绩单 134
7.1.1 创建表格 135
7.1.2 设定表格属性 136
7.1.3 编辑表格 137
7.1.4 使用CSS美化表格 140
7.2 学习任务：表格标籤 141
7.2.1 使用表格标籤製作网页
表格 141
7.2.2 在标籤选择器中设定表格
的属性 142
7.3 案例2：使用表格布局图书
资源网 143
7.3.1 使用表格布局网页 144
7.3.2 导入Excel文档 145
7.3.3 使用CSS美化页面 147
7.4 案例3：设计旅游信息网 148
7.4.1 使用表格布局页面 149
7.4.2 在表格中插入网页元素 149
7.4.3 使用CSS美化页面 151
7.5 实训 151
7.5.1 实训一 设计健康
美食网 151
7.5.2 实训二 设计时尚
礼品网 152
7.6 习题 155
第8章 使用框架布局网页 156
8.1 案例1：使用框架布局休闲
音乐网页 156
8.1.1 认识框架与框架集 157
8.1.2 创建框架和框架集 157
8.1.3 保存框架和框架集 158
8.1.4 向框架中添加内容 159
8.2 学习任务：框架标籤 160
8.3 案例2：使用框架布局校园
论坛页面 161
8.3.1 选择框架 162
8.3.2 拆分框架 162
8.3.3 设定框架集和框架属性 163
8.3.4 在框架中添加页面内容 164
8.3.5 通过连结框架製作导航 165
8.3.6 使用CSS美化页面 166
8.4 案例3：使用浮动框架布局宝贝
相册网页 167
8.5 实训：设计花园式楼盘网页 169
8.6 习题 171
第9章 使用流体格线布局网页 173
9.1 学习任务：流体格线布局概述 173
9.2 案例:使用流体格线布局购物网 173
9.2.1 创建流体格线布局 174
9.2.2 创建模组内容 175
9.3 实训：使用流体格线布局
宠物网 180
9.4 习题 181
第10章 使用Div布局网页 182
10.1 案例1：使用AP Div布局电影
资讯网页 182
10.1.1 AP Div概述 183
10.1.2 AP Div属性面板 183
10.1.3 “AP元素”面板 184
10.1.4 在AP Div中添加
网页元素 185
10.1.5 使用CSS美化页面 187
10.2 学习任务：使用CSS+Div布局
网页基础 187
10.2.1 AP Div标籤与Div
标籤 188
10.2.2 Div标籤与span标籤 189
10.2.3 盒子模型 190
10.2.4 元素的定位 192
10.2.5 常用CSS+Div布局
版式 193
10.3 案例2：定位在网页布局中
的套用 197
10.4 案例3：使用CSS+Div布局个人
Blog 199
10.5 实训 203
10.5.1 实训一 网页定位与
布局 203
10.5.2 实训二 使用Div+CSS布局
页面 204
10.6 习题 205
第11章 多媒体网页与网页
特效设计 207
11.1 学习任务：在网页中插入多
媒体对象 207
11.1.1 插入Flash动画 207
11.1.2 添加声音 210
11.1.3 插入FLV视频 211
11.2 学习任务：认识行为 212
11.2.1 行为概述 213
11.2.2 动作与事件 214
11.2.3 添加行为 216
11.3 学习任务：使用行为创建
网页特效 217
11.3.1 製作网页载入时弹出
公告页 217
11.3.2 使用行为设定图像
特效 218
11.3.3 使用行为设定状态栏
文本 220
11.3.4 使用行为设定跳转选单
效果 222
11.4 实训 224
11.4.1 实训一 为宝贝相册网页
添加背景音乐 224
11.4.2 实训二 设定变换图像的
导航栏 224
11.5 习题 225
第12章 使用表单对象 227
12.1 学习任务：表单和表单对象 227
12.1.1 表单 227
12.1.2 表单对象 229
12.2 案例1：设计网页中的留言簿 231
12.2.1 留言簿界面设计 231
12.2.2 创建文本域 233
12.2.3 创建按钮 235
12.2.4 使用CSS样式美化留言
簿网页 236
12.3 案例2：设计会员注册页面 237
12.3.1 会员注册界面设计 237
12.3.2 创建单选按钮 239
12.3.3 创建複选框 241
12.3.4 创建列表选单 241
12.4 案例3：在网页中使用Spry
布局对象 243
12.4.1 插入Spry选单栏 244
12.4.2 插入Spry选项卡式
面板 245
12.4.3 插入Spry摺叠式控制项 246
12.4.4 插入Spry可摺叠面板
控制项 247
12.5 实训 248
12.5.1 实训一 设计网上报名
页面 248
12.5.2 实训二 设计客户调查
页面 249
12.6 习题 250
第13章 创建基于模板的网页 252
13.1 案例1：创建基于模板的时尚
礼品网 252
13.1.1 模板概述 252
13.1.2 创建模板 253
13.1.3 定义模板的可编辑
区域 256
13.1.4 创建基于模板的网页 257
13.1.5 管理模板 258
13.2 案例2：套用库项目 260
13.2.1 库概述 260
13.2.2 创建库项目 261
13.2.3 在网页中套用库项目 262
13.2.4 更新库项目 263
13.3 实训：设计製作朱古力网 264
第14章 测试、发布与维护网站 266
14.1 学习任务：测试站点 266
14.1.1 测试浏览器的兼容性 266
14.1.2 测试连结 268
14.1.3 使用报告测试站点 269
14.2 学习任务：注册域名、申请空间
及发布网站 270
14.2.1 注册域名 270
14.2.2 申请空间 271
14.2.3 发布站点 272
14.3 案例：为网站在Internet
上安个家 273
14.4 学习任务：网站的宣传 277
14.4.1 提交搜寻引擎 277
14.4.2 友情连结 278
14.4.3 网路广告 278
14.4.4 邮件广告 279
14.4.5 使用留言板、部落格 280
14.5 实训：注册免费空间并提交
搜寻引擎 280
14.6 习题 280
第15章 综合套用案例1：设计製作
工作室网站 281
15.1 网站建设流程 281
15.2 网站需求分析 282
15.3 网站原型设计 283
15.3.1 首页效果图的作用 283
15.3.2 首页效果图的设计 284
15.4 创建站点 285
15.5 网站首页设计 286
15.5.1 设定固定宽度且
居中版式 286
15.5.2 顶部Banner设计 287
15.5.3 导航栏设计 288
15.5.4 插入Flash动画 291
15.5.5 最新作品模组设计 292
15.5.6 底部导航栏设计 293
15.5.7 版权资讯模组设计 294
15.6 栏目页设计 294
15.7 type.css参考代码 295
第16章 综合套用案例2：设计製作
企业类网站 301
16.1 规划网站首页的布局 301
16.1.1 网站首页的布局 302
16.1.2 搭建首页页头的DIV 303
16.1.3 搭建“公司简介”部分的DIV 304
16.1.4 首页主体部分的DIV 305
16.2 栏目页设计 307
16.2.1 Flash动画展示部分的DIV 309
16.2.2 搭建“产品系列”部分
的DIV 310