网页设计与制作——Dreamweaver CC标准教程(微课版 第4版)

畅销网页教材修订改版,基于Dreamweaver CC 2021版,50节微课+33个课堂案例+36个练习案例,手把手教学实现网页设计与制作
分享 推荐 0 收藏 16 阅读 2.2K
修毅 洪颖 邵熹雯 (编著) 978-7-115-60763-8

关于本书的内容有任何问题,请联系 人邮-王迎

1.紧随网页技术发展,HTML5和CSS3知识体系完整;全面融入响应式页面设计技术、移动端网页设计技术和开源代码技术。

2.交互设计与代码编程相辅相成,可以适应交互设计教学模式,也适应交互设计教学为主代码教学为辅的教学模式,还适应代码编码教学模式。

3.所有教学的案例素材、案例效果和教学代码资源,都通过Dreamweaver CC2017~2021的测试,既可以在教学中使用也可以用于实际项目开发。

内容摘要

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

本书以知识体系的构建为线索,以课堂案例为载体,在传授页面交互设计内容的同时兼顾对HTML和CSS代码的学习,不仅能让读者快速掌握网页创意、设计和制作的方法与技巧,还能够使读者理解交互设计原理和代码编程方法。书中练习案例帮助读者巩固和扩展相关的知识和技能,综合实训帮助读者理解和掌握网站制作的方法和流程。

本书配有PPT课件、教学文档、基本素材、案例素材、案例效果、本书附录等教学资源,使用本书的教师可在人邮教育社区免费下载使用。

本书既可以作为高等院校相关专业网页设计课程的教材,也可以作为网页设计培训教材,还可以作为自学人员学习网页设计和制作的参考书。

前言

目录

第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 超文本标记语言 7
1.3.2 CSS样式 7
1.3.3 脚本语言 7
1.3.4 PHP技术 8
1.4 前端UI框架技术 8
1.4.1 Bootstrap框架 8
1.4.2 MUI框架 8
1.5 网站制作流程 9
1.5.1 前期准备工作 9
1.5.2 方案实施 10
1.5.3 后期工作 11

第2章 Dreamweaver CC基础 12
2.1 Dreamweaver CC工作界面 13
2.1.1 工作环境 13
2.1.2 工作区布局 14
2.1.3 多文档的编辑界面 15
2.2 创建站点 15
2.2.1 创建新站点 15
2.2.2 新建和保存网页 16
2.2.3 管理站点文件和文件夹 17
2.2.4 课堂案例—慈善救助中心 18
2.3 管理站点 20
2.3.1 打开站点 20
2.3.2 编辑站点 21
2.3.3 复制站点 21
2.3.4 删除站点 21
2.4 页面代码 22
2.4.1 HTML代码 22
2.4.2 课堂案例—瑜伽会所 23
2.4.3 使用代码 25
2.5 网页文档头部信息设置 29
2.5.1 设置搜索关键字 29
2.5.2 设置描述信息 29
2.5.3 设置版权信息 30
2.5.4 设置刷新时间 30

第3章 页面与文本 31
3.1 页面属性 32
3.1.1 课堂案例—中国经济峰会 32
3.1.2 网页标题 36
3.1.3 文本分段与换行 36
3.1.4 输入空格 36
3.1.5 设置页面文字属性 37
3.1.6 显示或隐藏不可见元素 37
3.1.7 设置页边距 37
3.1.8 设置背景属性 38
3.2 文本属性 39
3.2.1 课堂案例—百货公司 39
3.2.2 设置文本属性 40
3.2.3 文本段落 42
3.2.4 插入日期 43
3.2.5 插入特殊字符 43
3.3 无序列表和有序列表 44
3.3.1 课堂案例—咨询网站 44
3.3.2 设置无序列表或有序列表 46
3.4 练习案例 47
3.4.1 练习案例—大学生国际电影节 47
3.4.2 练习案例—移动银行网站 47
3.4.3 练习案例—化妆品网站 48

第4章 图像、多媒体和表格 49
4.1 图像插入 50
4.1.1 课堂案例—茶叶网站 50
4.1.2 插入图像 51
4.1.3 图像源文件 51
4.1.4 图像宽度和高度 52
4.1.5 替换文本 52
4.2 HTML5网页多媒体 53
4.2.1 课堂案例—米克音乐 53
4.2.2 插入HTML5 Video元素 55
4.2.3 插入HTML5 Audio元素 56
4.3 表格简单操作 57
4.3.1 表格的组成 57
4.3.2 插入表格 58
4.3.3 表格属性 58
4.3.4 表格单元格属性 59
4.3.5 在表格中插入内容 60
4.3.6 选择表格元素 60
4.3.7 合并/拆分单元格 61
4.4 表格排版 62
4.4.1 课堂案例—融通室内装饰 62
4.4.2 复制和粘贴表格 67
4.4.3 删除表格和清除表格内容 67
4.4.4 增加或减少表格的行和列 68
4.5 表格应用 68
4.5.1 课堂案例—远景苑小区 68
4.5.2 细线表格和带状表格 69
4.6 练习案例 70
4.6.1 练习案例—五金机械 70
4.6.2 练习案例—古典音乐网 70
4.6.3 练习案例—爱丽丝家具 70
4.6.4 练习案例—逸购鲜花速递网 71

第5章 超链接 72
5.1 超链接的概念与路径知识 73
5.1.1 按超链接端点分类 73
5.1.2 按超链接路径分类 73
5.2 文本超链接 73
5.2.1 课堂案例—婚礼公司 73
5.2.2 创建文本链接 76
5.2.3 页面文本链接状态 77
5.2.4 下载文件链接 78
5.2.5 电子邮件链接 78
5.2.6 空链接 79
5.3 图像超链接 79
5.3.1 课堂案例—手机商城 79
5.3.2 创建图像超链接 81
5.3.3 创建鼠标经过图像超链接 81
5.4 热点链接 81
5.4.1 课堂案例—儿童课堂 82
5.4.2 创建热点链接 83
5.5 锚点链接 84
5.5.1 课堂案例—数码商城 84
5.5.2 创建锚点链接 86
5.6 链接管理 86
5.6.1 课堂案例—百适易得商城 86
5.6.2 自动更新链接 89
5.6.3 链接检查 89
5.6.4 修复链接 90
5.7 练习案例 91
5.7.1 练习案例—室内设计网 91
5.7.2 练习案例—多美味餐厅 91
5.7.3 练习案例—生物科普网 92

第6章 CSS样式 93
6.1 CSS样式 94
6.1.1 CSS样式标准 94
6.1.2 CSS样式构造规则 94
6.1.3 CSS样式种类 94
6.1.4 CSS样式应用范围 95
6.2 CSS样式设计器 95
6.2.1 CSS样式选择器 95
6.2.2 课堂案例—美好摄影 97
6.2.3 CSS样式的使用 102
6.2.4 CSS样式的编辑 103
6.3 CSS属性 104
6.3.1 课堂案例—走进台湾 104
6.3.2 用<ul>和<li>创建导航条 107
6.3.3 布局 107
6.3.4 文字 108
6.3.5 边框 109
6.3.6 背景 110
6.4 CSS过渡效果 110
6.4.1 CSS样式私有属性 110
6.4.2 课堂案例—墙体装饰 111
6.4.3 CSS过渡属性 113
6.5 CSS动画 113
6.5.1 课堂案例—校园统一认证 113
6.5.2 animation属性和@keyframes规则 114
6.6 练习案例 115
6.6.1 练习案例—航空旅游 115
6.6.2 练习案例—狗狗俱乐部 116
6.6.3 练习案例—养生美容 116

第7章 CSS+Div布局 117
7.1 盒子模型 118
7.1.1 盒子结构 118
7.1.2 盒子属性 118
7.2 布局方法 119
7.2.1 <div>标签 119
7.2.2 position属性 120
7.2.3 浮动方式 121
7.3 “上中下”布局 123
7.3.1 课堂案例—网页设计大赛 123
7.3.2 在Dreamweaver CC中插入<div>标签 128
7.4 “左中右”布局 129
7.4.1 课堂案例—连锁餐厅 129
7.4.2 使用CSS样式布局 135
7.5 练习案例 137
7.5.1 练习案例—电子产品 137
7.5.2 练习案例—装修公司 138

第8章 行为 139
8.1 行为简介 140
8.1.1 事件 140
8.1.2 动作 141
8.1.3 行为面板 142
8.2 制作图像特效 142
8.2.1 课堂案例—吉太美食 143
8.2.2 交换图像 146
8.2.3 显示-隐藏元素 147
8.3 改变属性 148
8.3.1 课堂案例—绿野网站建设 148
8.3.2 改变属性 151
8.4 打开浏览器窗口 151
8.4.1 课堂案例—儿童摄影 151
8.4.2 打开浏览器窗口 152
8.5 JavaScript代码 153
8.6 练习案例 154
8.6.1 练习案例—甜品饮料吧 154
8.6.2 练习案例—校园信息中心 154

第9章 模板和库 155
9.1 模板 156
9.1.1 课堂案例—花仙子园艺 156
9.1.2 创建模板 159
9.1.3 定义可编辑区域 161
9.1.4 定义可编辑重复区域 161
9.1.5 创建基于模板的网页 162
9.1.6 管理模板 163
9.2 库 164
9.2.1 课堂案例—时尚女性网 164
9.2.2 创建库项目 166
9.2.3 向页面添加库项目 167
9.2.4 更新库项目文件 167
9.3 练习案例 168
9.3.1 练习案例—旗袍文化 168
9.3.2 练习案例—恒生国际老年公寓 169

第10章 表单和jQuery UI 170
10.1 表单 171
10.1.1 课堂案例—网页设计 171
10.1.2 表单及属性 174
10.1.3 文本元素 175
10.1.4 单选按钮和单选按钮组 177
10.1.5 复选框和复选框组 178
10.1.6 选择 179
10.1.7 文件元素 180
10.1.8 按钮 181
10.1.9 其他表单元素 182
10.2 jQuery UI 184
10.2.1 课堂案例—创意家居 184
10.2.2 折叠面板Accordion 186
10.2.3 选项卡Tabs 188
10.2.4 日期选择器Datepicker 189
10.2.5 对话框Dialog 190
10.3 练习案例 191
10.3.1 练习案例—咖啡餐厅 191
10.3.2 练习案例—网上生活超市 192

第11章 HTML5和弹性布局 193
11.1 HTML5概述 194
11.1.1 HTML5简介 194
11.1.2 HTML5特性 194
11.2 HTML5布局 195
11.2.1 HTML5语义结构标签 195
11.2.2 课堂案例—在线课程 196
11.3 弹性盒子布局 203
11.3.1 弹性盒子概念 203
11.3.2 弹性容器属性 203
11.3.3 弹性容器项目属性 207
11.3.4 课堂案例—尚品家居 209
11.4 媒体查询应用 215
11.4.1 媒体查询 215
11.4.2 课堂案例—健康大步走 215
11.5 练习案例 219
11.5.1 练习案例—优胜企业网站 219
11.5.2 练习案例—雅派服饰 220

第12章 jQuery Mobile 221
12.1 jQuery Mobile概述 222
12.1.1 jQuery Mobile简介 222
12.1.2 jQuery Mobile框架 222
12.1.3 data-属性 223
12.1.4 jQuery Mobile样式 223
12.2 使用jQuery Mobile 224
12.2.1 课堂案例—服装定制I 224
12.2.2 jQuery Mobile页面 230
12.2.3 jQuery Mobile列表视图 231
12.2.4 jQuery Mobile布局网格 231
12.2.5 jQuery Mobile可折叠区块 232
12.2.6 jQuery Mobile表单 232
12.3 jQuery Mobile应用 234
12.3.1 jQuery Mobile版本 234
12.3.2 面板panel 234
12.3.3 弹窗popup 235
12.3.4 课堂案例—服装定制II 235
12.3.5 视口viewport 239
12.3.6 自定义jQuery Mobile主题 239
12.3.7 打包jQuery Mobile应用 240
12.4 练习案例 241
12.4.1 练习案例—男人会装I 241
12.4.2 练习案例—男人会装II 242

第13章 动态网页技术 243
13.1 动态网页技术概述 244
13.2 开发环境设置 244
13.2.1 安装WAMP 245
13.2.2 设置WAMP 246
13.3 设计数据库 247
13.3.1 MySQL数据库 247
13.3.2 使用phpMyAdmin创建数据库 248
13.4 在Dreamweaver CC中创建PHP环境 250
13.4.1 建立动态站点 250
13.4.2 创建数据库连接 252
13.5 数据库使用 253
13.5.1 定义记录集 253
13.5.2 数据绑定 254
13.5.3 添加服务器行为 255
13.6 课堂案例—美容美发 256
13.6.1 设计数据库 257
13.6.2 创建动态站点 258
13.6.3 创建数据库连接 259
13.6.4 发表留言页面 260
13.6.5 留言详细内容页面 261
13.6.6 留言列表页面 262
13.7 练习案例—电子商务 264

第14章 综合实训 266
14.1 网站规划 267
14.2 网站设计 267
14.2.1 Logo设计 267
14.2.2 banner设计 267
14.2.3 页面设计 267
14.3 主页制作 268
14.3.1 主页面切图 268
14.3.2 前期工作 270
14.3.3 主页布局分析 271
14.3.4 header区域制作 272
14.3.5 导航栏区域制作 275
14.3.6 banner区域制作 279
14.3.7 内容区域制作 279
14.3.8 footer区域制作 284
14.4 子页面制作 284
14.4.1 家园简介子页面切图 284
14.4.2 制作子页面模板 285
14.4.3 新建家园简介子页面 287
14.5 其他子页面制作 289
14.6 页面超链接设置 291

参考文献 292

读者评论

赶紧抢沙发哦!

我要评论

作者介绍

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

教学研究项目:
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,主持人。

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

购买本书用户

相关图书

人邮微信
本地服务
教师服务
教师服务
读者服务
读者服务
返回顶部
返回顶部