图书简介:
第1章 网页设计与制作综述 /1
1.1 学习任务:认识网页 /1
1.1.1 什么是网页 /1
1.1.2 网页类型 /2
1.2 学习任务:认识网站 /3
1.2.1 什么是网站 /3
1.2.2 网址与域名 /4
1.2.3 网页基本元素 /5
1.2.4 网页制作常用软件和技术 /7
1.3 学习任务:网站建设的一般流程 /8
1.3.1 网站策划 /8
1.3.2 收集网站的素材和内容 /10
1.3.3 设计与制作网站 /10
1.3.4 网站的测试与发布 /12
1.3.5 网站的推广与维护 /12
1.4 学习任务:HTML基础知识 /12
1.4.1 HTML简介 /12
1.4.2 常用文本标签 /16
1.4.3 列表标签 /18
1.4.4 超链接标签 /19
1.4.5 图像标签 /21
1.4.6 表格标签 /22
1.4.7 表单标签 /23
1.4.8 框架标签 /27
1.4.9 其他标签 /30
1.5 学习任务:初识HTML5.0 /31
1.5.1 HTML5.0简介 /31
1.5.2 HTML5.0标签 /31
1.5.3 HTML5.0事件属性 /35
1.5.4 HTML5.0标准属性 /36
1.6 实训 /37
1.6.1 实训一 使用记事本编辑简单的网页 /37
1.6.2 实训二 制作滚动图片链接 /37
1.7 习题 /39
第2章 网页版式设计与色彩搭配 /40
2.1 案例分析:不同风格网页作品欣赏与解析 /40
2.2 学习任务:网页版式设计 /43
2.2.1 版式设计概述 /43
2.2.2 网页版式的尺寸和构成要素 /43
2.2.3 网页版式设计风格 /44
2.2.4 网页版式设计原则 /46
2.2.5 网页版式设计的视觉流程 /46
2.2.6 网页版式设计的步骤 /47
2.3 学习任务:色彩的基本理论及视觉效果 /47
2.3.1 色彩的基本理论 /48
2.3.2 色彩的视觉效果 /48
2.4 学习任务:网页中的色彩及配色 /50
2.4.1 网页色彩 /50
2.4.2 网页中色彩的作用 /51
2.4.3 网页配色原理 /51
2.4.4 网页配色技巧 /52
2.5 实训 /53
2.5.1 实训一 总结不同主题网站的版式设计及配色 /53
2.5.2 实训二 网页配色练习 /53
2.6 习题 /54
第3章 Dreamweaver CS5入门 /55
3.1 学习任务:初识Dreamweaver CS5 /55
3.1.1 Dreamweaver CS5的主要功能 /55
3.1.2 Dreamweaver CS5的安装需求 /56
3.2 学习任务:Dreamweaver CS5工作区布局 /57
3.2.1 启动Dreamweaver CS5 /57
3.2.2 Dreamweaver CS5工作区布局介绍 /58
3.3 学习任务:规划与创建站点 /62
3.3.1 站点概述 /62
3.3.2 规划站点 /63
3.3.3 创建本地站点 /64
3.3.4 管理站点 /65
3.4 案例 创建欢迎光临网页 /66
3.4.1 创建网页文档 /66
3.4.2 设置页面属性 /68
3.4.3 保存网页文档 /72
3.4.4 预览网页文档 /72
3.5 实训 /73
3.5.1 实训一 熟悉Dreamweaver CS5工作区布局 /73
3.5.2 实训二 制作网上家园欢迎页面 /73
3.6 习题 /74
第4章 CSS样式基础 /75
4.1 学习任务:CSS概述 /75
4.1.1 CSS的概念 /75
4.1.2 使用HTML和CSS格式化网页 /76
4.1.3 CSS样式面板 /77
4.1.4 CSS基本语法 /77
4.1.5 CSS样式表的引用 /79
4.2 学习任务:CSS样式的创建与属性设置 /81
4.2.1 创建CSS样式 /81
4.2.2 设置CSS属性 /82
4.2.3 通过CSS样式面板设置CSS属性 /88
4.3 学习任务:管理CSS样式 /89
4.3.1 链接或者导入外部CSS样式 /89
4.3.2 查看CSS样式 /90
4.3.3 编辑与删除CSS样式 /90
4.4 案例 使用CSS样式美化网页 /91
4.5 实训 为网页元素应用CSS样式 /94
4.6 习题 /94
第5章 网页文本和图像 /96
5.1 案例1 设计唐诗赏析网页 /96
5.1.1 输入文本 /97
5.1.2 复制文本 /97
5.1.3 导入文本 /98
5.1.4 设置项目符号或编号 /99
5.1.5 插入特殊字符、水平线和日期 /100
5.1.6 设置文本属性 /103
5.2 案例2 设计制作特效文字展示页面 /106
5.2.1 CSS滤镜概述 /107
5.2.2 用CSS滤镜设计模糊字 /108
5.2.3 用CSS滤镜设计阴影字 /108
5.2.4 用CSS滤镜设计发光字 /109
5.2.5 用CSS滤镜设计遮罩字 /109
5.2.6 用CSS滤镜设计波浪字 /109
5.2.7 用CSS滤镜设计射线字 /110
5.3 学习任务:网页图像 /110
5.3.1 网页中常用的图像格式 /110
5.3.2 插入图像 /111
5.3.3 设置图像属性 /112
5.3.4 用CSS设置图像样式 /113
5.3.5 插入图像占位符和鼠标经过图像 /115
5.4 案例3 图文混排——设计电影介绍网站页面 /117
5.5 实训 /119
5.5.1 实训一 设计文本页面 /119
5.5.2 实训二 设计畅销书介绍网页 /120
5.6 习题 /122
第6章 网页超链接与导航 /123
6.1 案例1 设计制作过节乐网页 /123
6.1.1 超链接概述 /124
6.1.2 创建各类超链接 /124
6.1.3 用CSS设置超链接样式 /129
6.2 案例2 图像地图——设计国家地理网站页面 /130
6.3 学习任务:网页导航概述 /132
6.3.1 网页导航作用 /132
6.3.2 网页导航分类 /133
6.3.3 网页导航方向 /135
6.4 案例3 用CSS设计制作网页导航 /136
6.5 实训 设计制作点点星空网站页面 /138
6.6 习题 /140
第7章 表格 /142
7.1 案例1 设计学生成绩单 /142
7.1.1 创建表格 /143
7.1.2 设置表格属性 /144
7.1.3 编辑表格 /145
7.1.4 使用CSS美化表格 /148
7.2 学习任务:表格标签 /149
7.2.1 使用表格标签制作网页表格 /150
7.2.2 在标签选择器中设置表格的属性 /151
7.3 案例2 使用表格布局图书资源网 /152
7.3.1 使用表格布局网页 /152
7.3.2 导入Excel文档 /153
7.3.3 导入表格式数据 /154
7.3.4 排序表格 /156
7.3.5 使用CSS美化页面 /157
7.4 案例3 设计旅游信息网 /158
7.4.1 使用表格布局页面 /159
7.4.2 在表格中插入网页元素 /159
7.4.3 使用CSS美化页面 /161
7.5 实训 /162
7.5.1 实训一 设计健康美食网 /162
7.5.2 实训二 设计时尚礼品网 /163
7.6 习题 /166
第8章 框架 /167
8.1 案例1 使用框架布局休闲音乐网页 /167
8.1.1 认识框架与框架集 /168
8.1.2 创建框架和框架集 /168
8.1.3 保存框架和框架集 /169
8.1.4 向框架中添加内容 /170
8.2 学习任务:框架标签 /171
8.3 案例2 使用框架布局校园论坛页面 /172
8.3.1 选择框架 /173
8.3.2 拆分框架 /174
8.3.3 设置框架集和框架属性 /175
8.3.4 在框架中添加页面内容 /176
8.3.5 通过链接框架制作导航 /177
8.3.6 使用CSS美化页面 /178
8.4 案例3 使用浮动框架布局宝贝相册网页 /179
8.5 实训 设计花园式楼盘网 /182
8.6 习题 /183
第9章 使用Div布局网页 /185
9.1 学习任务:Div标签 /185
9.1.1 Div标签与网页布局 /185
9.1.2 初识Div标签 /186
9.2 学习任务:AP Div基础 /187
9.2.1 AP Div概述 /187
9.2.2 AP Div元素的“属性”面板 /187
9.2.3 “AP元素”面板 /188
9.3 案例1 使用AP Div布局简单网页 /189
9.4 学习任务:AP Div与表格相互转换 /191
9.4.1 将AP Div元素转换为表格 /192
9.4.2 将表格转换为AP Div元素 /193
9.5 学习任务:Div与网页布局 /193
9.5.1 Div标签 /193
9.5.2 盒子模型 /194
9.5.3 元素的定位 /195
9.6 案例2 定位在网页布局中的应用 /196
9.7 案例3 使用CSS+Div布局个人Blog /199
9.8 实训 /204
9.8.1 实训一 使用AP Div制作下拉菜单 /204
9.8.2 实训二 网页定位与布局 /206
9.9 习题 /207
第10章 使用行为制作网页特效 /209
10.1 学习任务:认识行为 /209
10.1.1 行为概述 /209
10.1.2 “标签检查器”面板 /210
10.1.3 事件 /210
10.1.4 Dreamweaver CS5的标准行为 /212
10.2 案例1 制作网页加载时弹出公告页 /213
10.3 案例2 利用JavaScript实现加载网页时弹出消息框 /214
10.3.1 认识JavaScript /215
10.3.2 使用行为调用JavaScript脚本 /216
10.4 案例3 使用行为设置图像特效 /217
10.5 案例4 使用行为设置文本 /219
10.6 案例5 使用行为设置跳转菜单效果 /221
10.7 案例6 制作网页拼图游戏 /223
10.8 实训 /226
10.8.1 实训一 使用行为创建图像收缩特效 /226
10.8.2 实训二 设置变换图像的导航栏 /227
10.9 习题 /228
第11章 使用表单 /229
11.1 学习任务:表单和表单对象 /229
11.1.1 表单 /229
11.1.2 表单对象 /231
11.2 案例1 设计网页中的留言簿 /234
11.2.1 留言簿界面设计 /235
11.2.2 创建文本域 /236
11.2.3 创建按钮 /237
11.2.4 使用CSS样式美化留言簿网页 /239
11.3 案例2 设计会员注册页面 /240
11.3.1 会员注册界面设计 /240
11.3.2 创建单选按钮 /242
11.3.3 创建复选框 /243
11.3.4 创建列表/菜单 /243
11.4 案例3 在网页中使用Spry布局对象 /245
11.4.1 插入Spry菜单栏 /246
11.4.2 插入Spry选项卡式面板 /247
11.4.3 插入Spry折叠式控件 /248
11.4.4 插入Spry可折叠面板控件 /249
11.5 实训 /250
11.5.1 实训一 设计网上报名页面 /250
11.5.2 实训二 设计客户调查页面 /251
11.6 习题 /252
第12章 制作多媒体网页 /254
12.1 案例1 制作电子相册网页 /254
12.1.1 插入Flash动画 /255
12.1.2 使用CSS样式美化页面 /256
12.2 案例2 设计休闲娱乐网页 /257
12.2.1 添加音频文件 /258
12.2.2 插入FLV视频 /260
12.2.3 使用CSS样式美化页面 /264
12.3 案例3 为电子相册网页添加背景音乐 /264
12.4 学习任务:其他多媒体对象 /266
12.4.1 Shockwave影片 /266
12.4.2 插入Applet /266
12.4.3 插入ActiveX控件 /267
12.5 实训 /267
12.5.1 实训一 为宝贝相册网页添加背景音乐 /267
12.5.2 实训二 制作简单的美食展示网 /268
12.6 习题 /269
第13章 模板和库 /270
13.1 案例1 设计时尚礼品网页 /270
13.1.1 模板概述 /270
13.1.2 创建模板 /271
13.1.3 定义模板的可编辑区域 /273
13.1.4 应用模板制作网页 /275
13.1.5 管理模板 /276
13.2 案例2 应用库项目 /277
13.2.1 库概述 /278
13.2.2 创建库项目 /278
13.2.3 在网页中应用库项目 /279
13.2.4 更新库项目 /280
13.3 实训 /281
13.3.1 实训一 使用模板制作网页 /281
13.3.2 实训二 在网页中应用库项目 /282
13.4 习题 /283
第14章 Dreamweaver与ASP协同工作 /284
14.1 学习任务:动态网页及实现技术 /284
14.1.1 认识动态网页 /284
14.1.2 常见的动态网页实现技术 /286
14.2 学习任务:搭建动态网页平台 /287
14.2.1 安装IIS /287
14.2.2 配置IIS /288
14.3 学习任务:ASP基础 /289
14.3.1 ASP文件的组成 /290
14.3.2 ASP的内置对象 /290
14.4 案例 在Dreamweaver中制作简单ASP动态网页 /292
14.4.1 创建虚拟目录 /292
14.4.2 创建动态网页文档 /293
14.4.3 浏览动态网页 /295
14.5 实训 制作注册及确认网页 /297
14.6 习题 /298
第15章 测试、发布、管理和维护网站 /300
15.1 学习任务:测试站点 /300
15.1.1 测试浏览器的兼容性 /300
15.1.2 测试链接 /302
15.1.3 使用报告测试站点 /303
15.2 学习任务:注册域名、申请空间及发布网站 /303
15.2.1 注册域名 /303
15.2.2 申请空间 /304
15.2.3 发布站点 /306
15.3 案例 为网站在Internet上安个家 /308
15.4 学习任务:网站的宣传 /311
15.4.1 提交搜索引擎 /311
15.4.2 友情链接 /311
15.4.3 网络广告 /312
15.4.4 邮件广告 /313
15.4.5 使用留言板、博客 /313
15.5 实训 注册免费空间并提交搜索引擎 /314
15.6 习题 /314
第16章 综合应用实例 /315
16.1 网站建设流程 /315
16.2 网站需求分析 /316
16.3 网站原型设计 /317
16.3.1 首页效果图的作用 /317
16.3.2 首页效果图的设计 /317
16.4 创建站点 /319
16.5 网站首页设计 /320
16.5.1 设置固定宽度且居中版式 /320
16.5.2 顶部Banner设计 /321
16.5.3 导航栏设计 /322
16.5.4 插入Flash动画 /326
16.5.5 最新作品模块设计 /327
16.5.6 底部导航栏设计 /329
16.5.7 版权信息模块设计 /329
16.6 栏目页设计 /330
16.7 type.css参考代码 /331
展开
本书第1版自2009年8月问世以来,以其新颖的编写体例和丰富的案例、实训内容,赢得了广大读者的普遍欢迎,很多学校的老师选择本书作为授课教材。随着Dreamweaver软件版本的升高,结合广大用户的反馈信息和编写人员的反复斟酌,对本书第1版进行了修订。修订后的《网页设计与制作案例教程(第2版)》体系结构更加合理,编排条理更加清晰,学习任务更加明确,案例和实训更加实用、时尚,内容更加通俗易懂,教材配备的素材更加丰富。
本书由从事Dreamweaver CS5课程教学的教师和两位经验丰富的企业网页设计师合作共同编写而成,主要特点有以下几点。
任务驱动教学。本书围绕学习任务,详细介绍了网页设计制作基础知识和基本操作技能,使学生轻松掌握网页设计制作技术的有关基础知识和基本操作技能。
案例目标明确、具有一定的代表性。本书按照网页设计与制作的知识点,通过一系列“由简到繁、由易到难、承前启后”的阶梯式案例进行讲解。每个案例目标明确,并能起到举一反三的作用。学生在案例学习过程中,能有效地掌握网页设计与制作的知识要点,并有效地掌握解决实际问题的方法和能力。
编写体例合理。编者对本书的编写体例做了精心设计。全书分为16章,第1~2章介绍了网页及网站建设流程、网页基本语言HTML、网页版式设计与色彩搭配,第3~15章系统地介绍了网页设计软件Dreamweaver CS5的主要功能和设计制作各类网页的方法和技能;第16章以DIV+CSS作为技术架构,介绍了网站前台设计的综合实例。
内容安排科学、恰当。本书以网页设计由浅入深的学习过程为主线,结合任务驱动、案例教学进行讲解,把介绍知识与案例学习融于一体;章节组织以案例贯穿,任务明确,条例清晰,内容通俗易懂,用户只需按照书中案例的操作步骤学习,就可以轻松地掌握网页设计制作的技能和技巧。
本书非常适合高职高专院校学生学习,也可作为社会各类培训机构进行网页设计培训的教程,或广大网页设计爱好者的自学参考书。
本书由李敏主编和统稿。全书编写分工如下:第1、7、8、11、12、13章由李敏编写,第2、4、9、10、15、16章由刘建超编写,第3、5、6、14章由刘春艳编写。来自企业的孙绪江高级工程师、王洵网页设计师对教材进行了策划和案例选材的指导,并参与了部分案例的编写工作。本书配套的素材、电子教案和课后习题答案请登录华信教育资源网免费下载。
虽然对于本书编者已尽可能做到更好,但是书中疏漏和不足之处在所难免,欢迎读者朋友在选择本书的同时,也能够把对本书的意见和建议告诉我们,谢谢。联系邮箱:lmbook@126.com。
编 者
展开