网页设计与制作案例教程（第3版）

图书标准信息

• 作者 李敏 编
• 出版社 电子工业出版社
• 出版时间 2015-09
• 版次 1
• ISBN 9787121268496
• 定价 45.00元
• 装帧 平装
• 开本 16开
• 纸张 胶版纸
• 页数 312页
• 字数 518千字
• 正文语种 简体中文
• 丛书 高等职业院校教学改革创新示范教材·网络开发系列；“十二五”职业教育国家规划教材

【内容简介】

本书由从事Dreamweaver课程教学的优秀教师和两位网页设计制作经验丰富的企业技术人员合作共同编写而成。全书分为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 CS647
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 CS651
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布局个人
Blog199
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  搭建首页页头的DIV303
16．1．3　搭建“公司简介”部分的DIV304
16．1．4　首页主体部分的DIV305
16．2  栏目页设计307
16．2．1　Flash动画展示部分的DIV309
16．2．2　搭建“产品系列”部分
的DIV310