本书详细、全面地介绍了使用Dreamweaver、Flash、Photoshop设计网页和制作网页的知识。制作一个网站需要很多技术, 包括图像设计和处理、网页动画的制作和网页版面的布局编辑等。随着网页制作技术的不断发展和完善, 产生了众多网页制作与网站建设软件。但是目前使用最多的是Photoshop, Dreamweaver, Flash这3个软件, 这3个软件的组合完全能高效地实现网页的各种功能, 所以称这3个软件的组合为黄金搭档。它们已经成为网页制作的梦幻工具组合, 以其强大的功能和易学易用的特性, 赢得了广大网页制作与网站建设人员的青睐。
实用性强:专业设计师及教学专家倾力奉献,案例全部来源于工作一线与教学实践。
系统全面:Dreamweaver Flash Photoshop使用方法和技巧全面剖析,网页制作从入门到精通。
案例专业:包括声音和视频动画、网站的发布与维护、网站的宣传推广、设计制作公司宣传网站等。
体系完善:对每个知识点从实例的角度进行介绍,制作流程进行详细讲解,使读者轻松上手,举一反三。
随着计算机和网络技术的飞速发展,目前网页设计与网站建设技术成了热门。页面设计、动画设计、图形图像设计是网页设计与网站建设的三大核心。随着网页设计与网站建设技术的不断发展和完善,产生了众多网页制作软件。
Dreamweaver、Flash和Photoshop三剑客的组合,是大家在网页设计时经常使用的,这三款软件的共同点就是简单易懂、容易上手,而且可以保证你的设计能展现出不同的风采。这三款软件的组合完全能高效地实现网页的各种功能,所以称它们为黄金搭档。现在它们已经成为网页设计与网站建设的梦幻工具组合,以其强大的功能和易学易用的特性,赢得了广大网页设计人员的青睐。本书的特色本书面向网页设计制作的初、中级用户,采用由浅入深、循序渐进的方式进行讲解,内容丰富,结构安排合理,实例均来自设计一线,特别适合作为教材。
实战性强
本书的最大特点是对每个知识点从实例的角度进行介绍,这些实例均采用循序渐进的制作流程进行详细讲解,使读者轻松上手,举一反三。
结构完整
本书以实用功能讲解为核心,每小节分为基本知识学习和课堂练一练两部分。
基本知识学习部分以基本知识为主,讲解每个知识点的操作和用法,操作步骤详细,目标明确;课堂练一练部分则相当于一个学习任务或案例制作,并结合大量实例分述三款软件和动态网页技术。
最后通过综合实例讲述网站建设的全过程。
案例丰富
本书把知识点融汇于系统的案例实训当中,并且结合经典案例进行讲解和拓展,进而达到“知其然,并知其所以然”的效果,力求达到理论知识与实际操作的完美结合。
读者对象网页设计与制作人员网站建设与开发人员大中专院校相关专业师生
网页制作培训班学员
个人网站爱好者与自学读者
本书能够在这么短的时间内出版,是与很多人的努力分不开的。我要感谢很多在我写作的过程中给予帮助的朋友们,他们为此书的编写和出版做了大量的工作,在此向他们致以深深的谢意。
本书由著名网页设计培训专家张忠琼主笔,另外参加编写的还有程振宏、冯雷雷、晁辉、陈石送、何琛、吴秀红、王冬霞、何本军、乔海丽、邓仰伟、孙雷杰、孙文记、何立、倪庆军、胡秀娥、赵良涛、徐曦、刘桂香、葛俊科、葛俊彬等。由于作者水平有限,加之创作时间仓促,书中的不足之处在所难免,欢迎广大读者批评指正。
作者
2017年7月
第1章 网页设计与网站建设基础 1
1.1 预备知识 2
1.1.1 什么是网站 2
1.1.2 静态网页和动态网页 2
1.1.3 申请域名 3
1.1.4 申请服务器空间 7
1.2 常用的网页设计软件 9
1.2.1 网页设计软件Dreamweaver 9
1.2.2 图像设计软件Photoshop 10
1.2.3 动画设计软件Flash 10
1.2.4 HTML标记 11
1.2.5 FTP软件 12
1.3 网站建设的一般流程 13
1.3.1 网站的定位 13
1.3.2 规划站点结构 14
1.3.3 网站整体规划 14
1.3.4 收集资料与素材 15
1.3.5 设计网页页面 15
1.3.6 切图并制作成页面 16
1.3.7 开发动态网站模块 16
1.3.8 发布与上传 18
1.3.9 后期更新与维护 18
1.3.10 网站的推广 18
第2章 网页版面设计和布局 19
2.1 网页版面布局设计 20
2.1.1 网页版面布局原则 20
2.1.2 点、线、面的构成 22
2.2 网页布局方法 24
2.2.1 纸上布局法 24
2.2.2 软件布局法 25
2.3 常见的网页结构类型 26
2.3.1 “厂”字型布局 26
2.3.2 “国”字型布局 26
2.3.3 “框架”型布局 27
2.3.4 “封面”型布局 27
2.3.5 Flash型布局 28
2.4 文字与版式设计 28
2.4.1 文字的字体、字号、行距 28
2.4.2 文字的颜色 29
2.4.3 文字的图形化 30
2.5 图像设计排版 30
2.5.1 网页中应用图像的注意要点 30
2.5.2 让图片更合理 31
第3章 网页色彩的选择及搭配 33
3.1 色彩基础知识 34
3.1.1 色彩的基本概念 34
3.1.2 网页安全色 35
3.2 色彩的三要素 36
3.2.1 色相 36
3.2.2 明度 36
3.2.3 纯度 37
3.3 各种颜色的色彩搭配 37
3.3.1 红色 37
3.3.2 黄色 38
3.3.3 蓝色 38
3.3.4 绿色 39
3.3.5 紫色 39
3.3.6 橙色 40
3.3.7 白色 40
3.3.8 黑色 40
3.3.9 灰色 41
3.4 页面色彩搭配 42
3.4.1 网页色彩搭配原理 42
3.4.2 网页设计中色彩搭配的技巧 43
第4章 熟悉Dreamweaver CC 47
4.1 认识Dreamweaver CC界面 48
4.1.1 文档工具栏 48
4.1.2 常用菜单命令 49
4.1.3 插入工具栏 49
4.1.4 属性面板 50
4.1.5 面板组 50
4.2 创建本地站点 51
4.3 管理站点 52
4.3.1 打开站点 52
4.3.2 编辑站点 53
4.3.3 删除站点 53
4.3.4 复制站点 54
4.4 综合实例—创建本地站点 54
第5章 给网页添加文字和图像 56
5.1 文本的输入和编辑 57
5.1.1 输入文本 57
5.1.2 设置文本属性 58
5.1.3 输入特殊字符 60
5.2 在网页中插入图像 61
5.2.1 插入图像 61
5.2.2 设置图像属性 63
5.2.3 插入鼠标经过图像 65
5.3 链接的设置 67
5.3.1 链接的类型 67
5.3.2 设置文本链接和图像链接 67
5.3.3 创建图像热点链接 68
5.3.4 创建电子邮件链接 70
5.3.5 创建下载文件的链接 71
5.4 插入媒体 72
5.4.1 插入Flash动画 72
5.4.2 插入视频 74
5.4.3 插入网页背景音乐网页 76
5.5 综合实例—制作图文混排的多媒体页面 78
第6章 使用行为和JavaScript添加网页特效 81
6.1 特效中的行为和事件 82
6.1.1 动作 82
6.1.2 事件 83
6.2 使用Dreamweaver内置行为 84
6.2.1?交换图像 84
6.2.2 弹出提示信息 86
6.2.3 打开浏览器窗口 87
6.2.4 转到URL 88
6.2.5 预先载入图像 90
6.2.6 检查表单 92
6.2.7?设置状态栏文本 93
6.3 利用脚本制作特效网页 94
6.3.1 制作滚动公告网页 94
6.3.2 制作自动关闭网页 96
第7章 创建表单 98
7.1 表单概述 99
7.2 插入输入类表单对象 99
7.2.1 插入表单域 99
7.2.2 插入文本域 101
7.2.3 插入密码域 103
7.2.4 插入多行文本域 103
7.2.5 插入隐藏域 104
7.2.6 插入复选框 104
7.2.7 插入单选按钮 105
7.2.8 插入列表/菜单 106
7.2.9 插入Tel 108
7.2.10 插入文件域 108
7.2.11 插入图像域 109
7.2.12 插入按钮 110
7.3 综合实例—制作电子邮件表单 110
第8章 用表格排版网页 115
8.1 在网页中插入表格 116
8.1.1 插入表格 116
8.1.2 添加内容到单元格 117
8.2 设置表格属性 118
8.2.1 设置单元格属性 118
8.2.2 设置表格属性 118
8.3 表格的基本操作 119
8.3.1 选定表格 119
8.3.2 添加行或列 120
8.3.3 删除行或列 121
8.3.4 合并单元格 122
8.3.5 拆分单元格 122
8.3.6 调整表格大小 123
8.4 表格的其他功能 124
8.4.1 导入表格式数据 124
8.4.2 排序表格 126
8.5 综合实例 128
实战1—利用表格排版页面 128
实战2—创建网页圆角表格 133
第9章 使用模板和库快速
创建网页 137
9.1 认识模板 138
9.2 创建模板 138
9.2.1 在空白文档中创建模板 138
9.2.2 从现有文档创建模板 139
9.2.3 创建可编辑区域 140
9.3 创建基于模板的页面 142
9.4 库的创建、管理与应用 144
9.4.1 创建库项目 144
9.4.2 库项目的应用 146
9.4.3 编辑库项目 148
9.5 综合实例—创建完整的企业网站模板 149
实战1—创建模板 150
实战2—利用模板创建网页 154
第10章 使用CSS样式美化网页 158
10.1 初识CSS 159
10.1.1 CSS概述 159
10.1.2 CSS的作用 159
10.1.3 基本CSS语法 160
10.2 添加CSS的方法 161
10.3 定义CSS样式的属性 162
10.3.1 文本样式的定义 162
10.3.2 背景样式的定义 162
10.3.3 区块样式的定义 163
10.3.4 方框样式的定义 164
10.3.5 边框样式的定义 164
10.3.6 列表样式的定义 165
10.3.7 定位样式的定义 165
10.3.8 扩展样式的定义 166
10.3.9 CSS过渡 167