网页设计与制作Dreamweaver CS6标准教程(微课版 第3版)

网页设计与制作,网页设计,网页制作,Dreamweaver CS6,修毅
分享 推荐 1 收藏 3 阅读 320
修毅等 (作者)

关于本书的内容有任何问题,请联系 武恩玉

1.突出“完善知识体系,引导艺术创意,面向实际应用,促进艺工融合”的特点,让学生熟悉完整的软件设计平台,在实际应用场景中进行艺术创意,并完成网站的工程设计。

2.面向网页技术的发展,全面引入CSS技术,归纳出“上中下”和“左中右”两种CSS+Div布局技术,提供一个CSS+Div布局的商业网站设计和制作过程,实战性强。

3.引入“布局图”概念,提供了表格布局、CSS+Div布局、框架布局和AP Div布局等多种方式,同时在模板和页面背景的设置与实现中,也融入了布局概念和方法,帮助初学者真正掌握网页设计技术。

4.以创意效果好、应用背景全的案例为载体,为学生构建知识体系,提炼操作和创意技巧,使初学者学会网站制作的同时,学会网页艺术创意的方法和技巧;教材以网站客户端技术为主体,兼顾服务器端技术,使学生全面理解网站设计与制作技术。

5.利用本教材的多媒体资源和精品课网站资源,向广大教师和学生提供丰富的教学资源和全天候的教学和自主学习环境。

内容摘要

本书全面系统地讲解了网页设计与制作的相关知识。全书共15章,包括网页设计基础、Dreamweaver CS6基础、页面与文本、图像与多媒体、超链接、表格、CSS样式、CSS+Div布局、AP Div和Spry、行为、模板和库、表单、jQuery Mobile、动态网页技术以及综合实训等内容。

本书以网页设计知识的演进为线索,以课堂案例为载体,将理论与实践相结合,帮助读者快速掌握网页创意、设计和制作的方法与技巧。读者通过练习案例可以巩固和扩展相关的知识与技能,通过综合实训可以理解和掌握网站制作的方法与流程。

本书可以作为高等院校相关专业网页设计课程的教材,也可以作为培训机构的培训教材或自学人员的参考用书。

前言

本教材第1版《网页设计与制作——Dreamweaver CS5标准教程》自2013年2月出版以来,受到广大读者的喜爱,被全国多所院校选为网页设计课程的教材,成为高等院校艺术类专业的首选教材。本教材以网页设计知识的演进为线索,以课堂案例为载体,采用“课堂案例+知识点讲解+操作实践”的模式组织教学内容,力求贴合学生的认知特点,从知识体系构建、应用主题展现及实践技能培养3个方面实现教学与实践关系的平衡。
2015年2月出版发行的《网页设计与制作——Dreamweaver CS6标准教程》(第2版)根据Dreamweaver CS6软件的内容,对第1版教材进行了全面修订,理顺了教材章节顺序,更换和优化了若干教学和练习案例,全面改写了各章练习案例的操作要点,更加明确了教学和实践要求。
以上两个版本的Dreamweaver CS教材强调如下几点。
1.强调CSS+Div布局技术的重要地位。该技术在网站工程设计、移动终端页面设计技术中具有重要作用。
2.采取“布局图”的概念和方法,介绍表格布局、CSS+Div布局、框架布局和AP Div布局等多种方案,解决页面布局教学难点。
3.随书免费提供大量的电子资源,包括PPT课件、教学视频、基本素材、案例素材、案例效果文件等,用书教师可登录人邮教育社区(https://www.ryjiaoyu.com)免费下载。
以Dreamweaver CC 2017软件为蓝本,我们撰写了《网页设计与制作——Dreamweaver CC标准教程》(附微课视频 第3版),并已于2018年9月出版发行。与上述两个版本教材相比,Dreamweaver CC教材全面引入HTML5技术和CSS3样式,增强对移动端网页设计技术的支持,在力求保持前两版教材内容和优势的前提下具有如下特点。
1.基于Dreamweaver CC的技术体系,对全书内容进行重构,删除了过时内容,新增HTML5、弹性布局和jQuery Mobile技术等内容。
2.详尽描述了HTML5技术,包括HTML5多媒体元素、HTML5结构语义标签、HTML5表单元素,以及利用弹性盒子实现响应式布局等内容。
3.深入剖析了CSS3技术,增加了CSS过渡效果和CSS动画内容,以及媒体查询的使用方法。
4.顺应开源技术应用的发展趋势,引入了PHP动态网页开发技术和MySQL数据库技术,以及jQuery UI的相关内容和使用方法。
根据教学一线教师、学生和其他读者的反馈,我们对《网页设计与制作——Dreamweaver CS6标准教程》(第2版)一书进行了改版,在保持其内容与结构的前提下,删除框架部分内容,引入移动网页设计的内容,推出《网页设计与制作——Dreamweaver CS6标准教程》(微课版 第3版)教材。
本书由修毅、洪颖、邵熹雯共同编写。修毅统稿并编写了第1章网页设计基础、第7章CSS样式、第8章CSS+Div布局、第9章AP Div和Spry、第13章jQuery Mobile和第14章动态网页技术,洪颖编写了第2章Dreamweaver CS6基础、第3章页面与文本、第4章图像与多媒体、第5章超链接、第12章表单和第15章综合实训,邵熹雯编写了第6章表格、第10章行为和第11章模板和库。
本书在编写过程中得到了北京服装学院计算机应用教研室、信息中心老师们的大力支持和帮助,部分案例采用了学生优秀作品,在此深表感谢。
由于编者水平和经验有限,书中难免有欠妥和错误之处,恳请广大读者批评指正。编者电子邮箱:jsjxy @bift.edu.cn。

编 者
2020年4月

目录

第1章 网页设计基础 1
1.1 互联网基础 2
1.1.1 Internet与Web服务 2
1.1.2 URL路径 2
1.1.3 服务器与客户机 2
1.1.4 互联网数据中心 3
1.2 网页设计知识 3
1.2.1 颜色 3
1.2.2 网页设计元素 4
1.2.3 页面布局 6
1.3 网页标准化技术 7
1.3.1 结构化语言 8
1.3.2 CSS样式 8
1.3.3 脚本语言 8
1.3.4 ASP技术 8
1.4 网站设计软件 9
1.4.1 Dreamweaver 9
1.4.2 Flash 9
1.4.3 Photoshop 10
1.5 网站制作流程 10
1.5.1 前期准备工作 10
1.5.2 方案实施 11
1.5.3 后期工作 12
1.6 HTML 13
1.6.1 文件结构标签 14
1.6.2 表格标签 14
1.6.3 文本段落标签 14
1.6.4 图像标签 14
1.6.5 链接标签 15
1.6.6 框架标签 15
1.6.7 表单标签 15
1.6.8 块标签 15
第2章 Dreamweaver CS6基础 16
2.1 Dreamweaver CS6工作界面 17
2.1.1 开始界面 17
2.1.2 工作环境 17
2.1.3 工作区布局 19
2.1.4 多文档的编辑界面 19
2.2 创建网站站点 20
2.2.1 创建新站点 20
2.2.2 新建和保存网页 21
2.2.3 管理站点文件和文件夹 21
2.2.4 课堂案例——慈善救助中心 22
2.3 管理站点 25
2.3.1 打开站点 25
2.3.2 编辑站点 25
2.3.3 复制站点 25
2.3.4 删除站点 26
2.4 网页文档头部信息设置 26
2.4.1 插入搜索关键字 26
2.4.2 设置描述信息 27
2.4.3 插入版权信息 27
2.4.4 设置刷新时间 27
第3章 页面与文本 29
3.1 页面属性 30
3.1.1 课堂案例——香格里湾峰会 30
3.1.2 网页的标题 33
3.1.3 文本分段与换行 33
3.1.4 输入空格 33
3.1.5 页面文字属性 34
3.1.6 显示不可见元素 35
3.1.7 设置页边距 35
3.1.8 背景属性 36
3.1.9 跟踪图像 36
3.2 文本属性 36
3.2.1 课堂案例——百货公司 36
3.2.2 设置文本属性 39
3.2.3 文本段落 40
3.2.4 插入日期 41
3.2.5 插入特殊字符 41
3.3 项目列表和编号列表 42
3.3.1 课堂案例——咨询网站 42
3.3.2 设置项目列表或编号列表 44
3.3.3 修改项目列表或编号列表 45
3.4 练习案例 45
3.4.1 练习案例——北京大学生国际电影节 45
3.4.2 练习案例——移动银行网站 46
3.4.3 练习案例——化妆品网站 47
第4章 图像与多媒体 48
4.1 图像插入 49
4.1.1 课堂案例——茶叶网站 49
4.1.2 插入图像 50
4.1.3 图像源文件 50
4.1.4 替换文本 51
4.1.5 图像占位符 51
4.2 调整图像 51
4.2.1 课堂案例——墙体装饰 51
4.2.2 图像效果 53
4.3 网页中的多媒体 54
4.3.1 课堂案例——度假村 54
4.3.2 插入Flash动画 56
4.3.3 插入FLV影片 56
4.3.4 课堂案例——瑜伽会所 56
4.3.5 插入Applet 59
4.4 练习案例 59
4.4.1 练习案例——五金机械 59
4.4.2 练习案例——心缘咖啡屋 59
第5章 超链接 61
5.1 超链接的概念与路径知识 62
5.1.1 按超链接端点分类 62
5.1.2 按超链接路径分类 62
5.2 文本链接 62
5.2.1 课堂案例——婚礼公司 62
5.2.2 文本链接 65
5.2.3 页面文本链接的状态 66
5.2.4 下载文件链接 66
5.2.5 电子邮件链接 66
5.2.6 空链接 67
5.3 图像超链接 67
5.3.1 课堂案例——手机商城 67
5.3.2 图像超链接 69
5.3.3 鼠标指针经过图像超链接 69
5.4 热点链接 69
5.4.1 课堂案例——儿童课堂 69
5.4.2 创建热点链接 71
5.5 锚点链接 71
5.5.1 课堂案例——数码商城 71
5.5.2 创建锚点链接 73
5.6 链接管理 73
5.6.1 课堂案例——百适易得商城 74
5.6.2 自动更新链接 76
5.6.3 检查链接 77
5.6.4 修复链接 78
5.7 练习案例 78
5.7.1 练习案例——室内设计网 78
5.7.2 练习案例——多美味餐厅 79
5.7.3 练习案例——生物科普网 79
第6章 表格 81
6.1 表格的简单操作 82
6.1.1 表格的组成 82
6.1.2 插入表格 82
6.1.3 表格属性 83
6.1.4 单元格属性 83
6.1.5 在表格中插入内容 84
6.1.6 选择表格元素 84
6.1.7 合并和拆分单元格 85
6.2 简单表格的排版 85
6.2.1 课堂案例——融通室内装饰 85
6.2.2 复制和粘贴表格 90
6.2.3 删除表格和清除表格内容 91
6.2.4 增加或减少表格的行和列 91
6.3 复杂表格的排版 91
6.3.1 课堂案例——江雨桥的博客 91
6.3.2 表格的嵌套 96
6.3.3 单元格与表格背景 96
6.3.4 细线表格 97
6.4 表格的数据功能 98
6.4.1 课堂案例——远景苑小区 98
6.4.2 导入Word或Excel数据 99
6.4.3 排序 100
6.5 练习案例 100
6.5.1 练习案例——爱丽丝家具 100
6.5.2 练习案例——逸购鲜花速递网 101
第7章 CSS样式 103
7.1 CSS样式概述 104
7.1.1 CSS样式标准 104
7.1.2 CSS样式构造规则 104
7.1.3 CSS样式种类 104
7.1.4 CSS样式应用范围 105
7.2 CSS样式控制面板 105
7.2.1 CSS样式选择器 105
7.2.2 课堂案例——美好摄影 106
7.2.3 CSS样式的使用 112
7.2.4 编辑样式 114
7.3 CSS样式的属性 114
7.3.1 课堂案例——走进台湾 114
7.3.2 类型 117
7.3.3 背景 118
7.3.4 区块 118
7.3.5 方框和边框 119
7.3.6 列表 120
7.3.7 定位 120
7.3.8 扩展 120
7.3.9 过渡 121
7.4 CSS过滤器 121
7.4.1 课堂案例——养生美容 121
7.4.2 CSS静态过滤器 123
7.4.3 CSS动态过滤器 124
7.5 练习案例 124
7.5.1 练习案例——航空旅游 124
7.5.2 练习案例——狗狗俱乐部 125
7.5.3 练习案例——鲜花店 126
第8章 CSS+Div布局 127
8.1 盒子模型 128
8.1.1 盒子结构 128
8.1.2 盒子属性 128
8.2 布局方法 129
8.2.1 div 标签 129
8.2.2 position属性 130
8.2.3 浮动方式 130
8.3 “上中下”布局 132
8.3.1 课堂案例——网页设计大赛 132
8.3.2 在Dreamweaver中插入 div 标签 138
8.4 “左中右”布局 139
8.4.1 课堂案例——连锁餐厅 139
8.4.2 使用CSS样式布局 145
8.5 练习案例 146
8.5.1 练习案例——电子产品 146
8.5.2 练习案例——装修公司 147
第9章 AP Div和Spry 149
9.1 AP Div的基本操作 150
9.1.1 课堂案例——少儿培训 150
9.1.2 创建AP Div 152
9.1.3 选择AP Div 153
9.1.4 AP Div的大小和位置 153
9.1.5 AP Div的背景颜色和图像 154
9.1.6 AP Div的可见性 154
9.1.7 AP Div溢出 154
9.2 使用AP Div布局 155
9.2.1 课堂案例——Windows Phone 155
9.2.2 靠齐到网格 159
9.2.3 AP Div叠放 160
9.2.4 对齐AP Div 161
9.2.5 AP Div与表格的相互转换 161
9.2.6 AP Div嵌套 162
9.3 Spry菜单栏 162
9.3.1 课堂案例——西式餐厅 162
9.3.2 了解Spry菜单栏 164
9.4 其他Spry 165
9.4.1 Spry选项卡面板 165
9.4.2 Spry折叠式面板 167
9.5 练习案例 168
9.5.1 练习案例——产品设计 168
9.5.2 练习案例——摄影作品集 169
9.5.3 练习案例——高尔夫俱乐部 170
第10章 行为 171
10.1 行为概述 172
10.1.1 事件 172
10.1.2 动作 173
10.1.3 行为面板 174
10.2 制作图像特效 174
10.2.1 课堂案例——吉太美食 175
10.2.2 交换图像 178
10.2.3 显示-隐藏元素 178
10.3 拖动AP元素概述 179
10.3.1 课堂案例——卡通人物 179
10.3.2 拖动AP元素 180
10.4 启用浏览器窗口 181
10.4.1 课堂案例——儿童摄影 181
10.4.2 打开浏览器窗口 182
10.4.3 转到URL 183
10.5 效果 183
10.5.1 课堂案例——绿野网站建设 183
10.5.2 增大/收缩 185
10.5.3 显示/渐隐 185
10.5.4 晃动 185
10.5.5 挤压 186
10.5.6 滑动 186
10.6 JavaScript代码 187
10.7 练习案例 187
10.7.1 练习案例——甜品饮料吧 187
10.7.2 练习案例——美达人寿 188
10.7.3 练习案例——我们爱猫网 189
第11章 模板和库 190
11.1 模板 191
11.1.1 课堂案例——花仙子园艺 191
11.1.2 创建模板 195
11.1.3 定义可编辑区域 196
11.1.4 定义可编辑重复区域 197
11.1.5 创建基于模板的网页 198
11.1.6 管理模板 198
11.2 库 199
11.2.1 课堂案例——时尚女性网 200
11.2.2 创建库项目 202
11.2.3 向页面中添加库项目 203
11.2.4 更新库项目文件 203
11.3 练习案例 204
11.3.1 练习案例——旗袍文化 204
11.3.2 练习案例——恒生国际老年公寓 206
第12章 表单 207
12.1 使用表单 208
12.1.1 课堂案例——办公用品公司 208
12.1.2 表单及其属性 212
12.1.3 文本域 212
12.1.4 单选按钮和单选按钮组 214
12.1.5 复选框和复选框组 215
12.1.6 选择列表/菜单 215
12.1.7 跳转菜单 216
12.1.8 文件域 217
12.1.9 图像域 217
12.1.10 提交和重置按钮 218
12.2 Spry验证 219
12.2.1 课堂案例——网页设计 219
12.2.2 Spry验证文本域 221
12.2.3 Spry验证密码 222
12.2.4 Spry验证复选框 223
12.2.5 Spry验证单选按钮组 223
12.2.6 Spry验证确认 224
12.3 练习案例 224
12.3.1 练习案例——咖啡餐厅 224
12.3.2 练习案例——儿童培训 225
第13章 jQuery Mobile 227
13.1 jQuery Mobile概述 228
13.1.1 jQuery Mobile简介 228
13.1.2 jQuery Mobile框架 228
13.1.3 data-属性 229
13.1.4 jQuery Mobile样式 229
13.2 使用jQuery Mobile  230
13.2.1 课堂案例——服装定制I 230
13.2.2 jQuery Mobile页面 236
13.2.3 jQuery Mobile列表视图 239
13.2.4 jQuery Mobile布局网格 239
13.2.5 jQuery Mobile可折叠区块 239
13.3 jQuery Mobile应用 240
13.3.1 jQuery Mobile版本 240
13.3.2 面板panel 240
13.3.3 弹窗popup 241
13.3.4 课堂案例——服装定制II 242
13.3.5 打包jQuery Mobile应用 245
13.4 练习案例 245
13.4.1 练习案例——男人会装I 245
13.4.2 练习案例——男人会装II 246
第14章 动态网页技术 248
14.1 动态网页技术概述 249
14.2 开发环境设置 249
14.2.1 安装IIS 250
14.2.2 设置IIS 250
14.3 设计数据库 252
14.3.1 数据库简介 252
14.3.2 创建数据库 252
14.4 数据库连接 254
14.4.1 创建DSN 254
14.4.2 创建数据库连接 255
14.5 数据库使用 255
14.5.1 定义记录集 255
14.5.2 数据绑定 256
14.5.3 添加服务器行为 257
14.6 课堂案例——美容美发 259
14.6.1 开始创建数据库 259
14.6.2 创建虚拟路径和数据源 261
14.6.3 创建动态站点和数据库连接 262
14.6.4 发表留言页面 264
14.6.5 留言详细内容页面 266
14.6.6 留言列表页面 266
14.7 练习案例——电子商务 268
第15章 综合实训 270
15.1 网站规划 271
15.2 网站设计 271
15.2.1 网站logo设计 271
15.2.2 banner设计 271
15.2.3 页面设计 271
15.3 制作主页面 272
15.3.1 主页面切图 272
15.3.2 创建站点 275
15.3.3 制作header区域 275
15.3.4 制作导航栏区域 278
15.3.5 制作banner区域 279
15.3.6 制作内容区域 279
15.3.7 制作footer区域 284
15.4 制作子页面 285
15.4.1 家园简介子页面切图 285
15.4.2 新建子页面模板 286
15.4.3 新建家园简介子页面 288
15.5 制作其他子页面 291
15.6 页面超链接设置 292
参考文献 294

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

修毅
北京服装学院计算机信息中心,我社畅销书作者

教学研究项目:
1.计算机公共课教学模式、方法及手段的创新研究,北京服装学院重点课题,主要参与者; 2.艺术类本科生web网页设计类课程体系构建及教学模式研究,北京服装学院课题,主持人;
3.《网页设计》精品课建设,北京服装学院,主持人;
4.《网页设计》精品课程建设团队项目,北京服装学院,主持人。

科学研究项目:
1.基于图和几何约束的智能服装制板技术的研究,北京市教委科技面上项目,2010-2012,主持人;
2.基于WEB技术的服装企业信息集成与发布系统的开发,北京秋水丽人服装服饰有限公司,2012-2013,主持人;
3.服装图像情感语义理解研究,北京自然科学基金(合作单位),2010-2012,主要参与者;
4.数字化人台和虚拟立体裁剪系统,北京市教育委员会,2003-2006,主要参与者;
5.服装企业计算机网站的设计与开发,深圳市威仕度服装有限公司,2004-2005,主持人; 6.服装纸样的制作与输出,Italy Bellantuono Diffusione,2004-2005,主持人;
7.三维参数化服装造型与虚拟展示技术科研创新团队项目,北京服装学院,2014-2017,主持人。

相关研究领域:
参数化设计技术、三维造型和设计技术、虚拟现实技术。

推荐用户

相关图书

  • Vue应用程序开发

    刘海 王美妮 艾迪 王爱华 刘斌

    本书较为全面的介绍了Vue.js技术的基础入门到工程化项目开发,每个章节都以案例教学为引导,以培养能力为目的,...

    ¥49.80
  • Axure RP 9 网站与App原型设计实战案例教程

    王鹏

    本书详细介绍了Axure RP 9.0的所有基础操作和元件使用方法,共分为11章,从浅入深地介绍了基础操作、元...

    ¥79.80
  • After Effects UI动效设计案例教程

    肖睿 何晶 王小涛 戚大为 张恒睿 高丽

    本书由浅入深地讲解After Effects中常见的动效设计类型,它们的应用领域涵盖品牌标志、网页界面、App...

    ¥69.80
  • 图像处理和分析教程(微课版 第3版)

    章毓晋

    本书系统地介绍图像处理和分析的基本原理、典型方法和实用技术,主要内容包括绪论、图像采集、空域图像增强、频域图像...

    ¥69.80
  • Web应用程序全栈开发

    龙军 陈显军 纪洲鹏 樊宇

    本书以Web应用系统的全栈开发为主线,对界面设计、网页制作、页面美化、脚本交互、Web及移动APP前端开发、服...

    ¥59.80
联系客服
联系客服
人邮微信
人邮微信
微信二维码
返回顶部
返回顶部