网页美工设计Photoshop+Flash+Dreamweaver从入门到精通 第2版 李洪雷,侯水生 著 专业科技

   第1章初识网页设计与配色1

1.1网页设计的相关术语1

1.1.1什么是静态网页1

1.1.2什么是动态网页1

1.2网页美工常用工具2

1.2.1掌握网页编辑排版软件Dreamweaver2

1.2.2掌握网页图像制作软件Photoshop2

1.2.3掌握网页动画制作软件Flash3

1.3网页版面布局设计3

1.3.1网页版面布局原则4

1.3.2点、线、面的构成4

1.4常见的版面布局形式6

1.5文字与图像版式设计8

1.5.1文字的字体、字号、行距8

1.5.2文字的图形化8

1.6网页配色安全9

1.6.1216网页安全色9

1.6.2网页安全色配色辞典9

1.7不同色彩的网页11

1.8网页配色技巧14

1.8.1背景与文字颜色搭配14

1.8.2使用一种色彩15

1.8.3两色搭配是用色的基础15

第2章PhotoshopCC入门基础17

2.1PhotoshopCC工作界面17

2.1.1菜单命令17

2.1.2工具箱20

2.1.3工具选项栏21

2.1.4浮动面板21

2.1.5文档窗口21

2.2设置前景色和背景色22

2.3创建选择区域23

2.3.1选框工具24

2.3.2套索工具25

2.3.3魔棒工具25

2.4基本绘图工具27

2.4.1画笔工具27

2.4.2铅笔工具28

2.4.3加深和减淡工具的应用29

2.5创建文字30

2.5.1输入文字30

2.5.2设置文字属性31

2.5.3文字的变形32

2.6图层与图层样式34

2.6.1图层基本操作34

2.6.2设置图层样式35

2.7应用滤镜35

2.7.1渲染35

2.7.2风格化36

2.7.3模糊滤镜37

2.8实战—滤镜制作蓝色光束38

第3章处理设计网页图片42

3.1几种常见的抠图工具及方法42

3.1.1通道抠图42

3.1.2魔棒抠图45

3.1.3蒙版抠图46

3.2制作商品倒影的方法48

3.3制作格子效果图片51

3.4更换图片背景55

3.5制作木纹背景图片56

第4章设计网页特效文字59

4.1设计火焰字59

4.2设计多彩发光字63

4.3设计绿色清新风格文字65

4.4设计蓝色荧光字68

4.5金色质感立体文字71

4.6设计黄金立体字74

第5章设计网页Logo与按钮77

5.1网站Logo的制作77

5.1.1网站Logo设计的标准77

5.1.2网站Logo的规范78

5.2制作绿色环保Logo78

5.3网站动态Logo的制作82

5.4网页按钮设计技巧87

5.4.1按钮的视觉表现87

5.4.2网页按钮制作技巧88

5.5制作透明按钮88

5.6制作高光质感水晶按钮90

5.7制作放射灯光按钮92

第6章设计网络广告和海报98

6.1网络广告的制作98

6.2促销广告100

6.3设计圣诞贺卡105

6.4时尚产品海报110

第7章创建切片与设计网页动画115

7.1快速切割网页文件115

7.2创建与编辑切片117

7.2.1创建切片117

7.2.2编辑切片117

7.3优化与导出切片图像118

7.4动画面板119

7.4.1时间轴动画面板119

7.4.2帧动画面板119

7.5横幅动态Banner120

第8章FlashCC绘图基础124

8.1FlashCC简介124

8.2FlashCC的工作界面125

8.2.1菜单栏125

8.2.2舞台126

8.2.3工具箱126

8.2.4时间轴127

8.2.5属性面板128

8.3绘制图形工具128

8.3.1线条工具128

8.3.2椭圆工具与矩形工具130

8.3.3多角星形工具131

8.3.4铅笔工具132

8.3.5刷子工具133

8.3.6钢笔工具134

8.4选择对象工具134

8.4.1选择工具134

8.4.2部分选取工具135

8.5编辑图形工具136

8.5.1颜料桶工具136

8.5.2墨水瓶工具137

8.5.3滴管工具137

8.6创建文字138

8.7实战—制作立体投影文字139

第9章使用元件与库管理动画素材141

9.1元件和实例的概念141

9.2创建元件142

9.3编辑元件143

9.3.1复制元件143

9.3.2编辑元件143

9.4创建与编辑实例144

9.4.1创建实例144

9.4.2编辑实例145

9.5创建和管理库147

9.5.1创建项目147

9.5.2删除项目148

9.6实战148

实战1—制作按钮148

实战2—利用元件制作动画150

第10章创建基本Flash动画154

10.1创建逐帧动画154

10.2创建补间动画156

10.2.1创建动画补间动画156

10.2.2创建形状补间动画158

10.3遮罩动画的创建161

10.3.1创建遮罩层161

10.3.2遮罩文本应用实例162

10.4运动引导层动画的创建163

10.4.1创建运动引导层163

10.4.2运动引导层动画应用实例164

第11章使用Dreamweaver轻松创建多彩的文本网页167

11.1DreamweaverCC的工作界面167

11.1.1菜单栏167

11.1.2插入栏168

11.1.3属性面板169

11.1.4面板组170

11.1.5文档窗口170

11.2创建本地站点171

11.3插入文本172

11.3.1插入普通文本172

11.3.2设置文本属性173

11.3.3插入特殊字符175

11.4使用列表176

11.4.1插入项目列表177

11.4.2插入编号列表178

11.5创建超级链接179

11.5.1创建下载文件链接179

11.5.2创建电子邮件链接180

11.5.3创建图像热点链接182

11.6实战—创建基本文本网页183

第12章巧用绚丽的图像和多媒体让网页动起来185

12.1在网页中插入图像185

12.1.1在网页中插入图像185

12.1.2设置图像属性187

12.1.3裁剪图像188

12.1.4调整图像的亮度和对比度189

12.1.5锐化图像190

12.2插入鼠标经过图像191

12.3添加声音和视频文件193

12.3.1添加声音194

12.3.2插入视频文件195

12.4添加Flash动画197

12.5实战198

实战1—创建图文混排网页198

实战2—在网页中插入媒体实例199

第13章使用表格轻松排列和布局网页元素201

13.1插入表格和表格元素201

13.1.1插入表格201

13.1.2设置表格属性202

13.1.3添加内容到单元格203

13.2选择表格元素203

13.2.1选取表格204

13.2.2选取行或列204

13.2.3选取单元格205

13.3表格的基本操作205

13.3.1调整表格和单元格的大小205

13.3.2添加或删除行或列206

13.3.3拆分单元格207

13.3.4合并单元格207

13.4排序及整理表格内容208

13.4.1导入表格式数据208

13.4.2排序表格210

13.5实战211

实战1—创建细线表格211

实战2—利用表格排列数据213

第14章用CSS+DIV灵活布局页面217

14.1CSS基本语法217

14.2链接或导出外部CSS样式表218

14.2.1创建内部样式表218

14.2.2创建外部样式表220

14.2.3链接外部样式表221

14.3初识DIV223

14.3.1DIV概述223

14.3.2CSS+DIV布局的优势223

14.4CSS定位与DIV布局224

14.4.1盒子模型224

14.4.2元素的定位225

14.4.3position定位226

14.5CSS+DIV布局的常用方法227

14.5.1使用DIV对页面整体规划227

14.5.2设计各块的位置228

14.5.3使用CSS定位228

14.6使用CSS+DIV布局的典型模式230

14.6.1一列固定宽度230

14.6.2一列自适应230

14.6.3两列固定宽度231

14.6.4两列宽度自适应232

14.6.5两列右列宽度自适应233

14.6.6三列浮动中间宽度自适应233

第15章使用模板和库提高网页制作效率235

15.1创建模板235

15.1.1直接创建模板235

15.1.2从现有文档创建模板237

15.1.3创建可编辑区域237

15.2模板的应用238

15.2.1应用模板创建网页239

15.2.2更新模板及其他网页241

15.3创建和应用库242

15.3.1将现有内容创建为库242

15.3.2在网页中应用库243

15.3.3编辑并更新网页244

15.3.4将库项目从源文件中分离245

15.4实战246

实战1—创建企业网站模板246

实战2—利用模板创建网页249

第16章利用行为轻易实现网页特效253

16.1行为概述253

16.1.1使用行为面板253

16.1.2关于动作254

16.1.3关于事件255

16.2使用Dreamweaver内置行为256

16.2.1交换图像256

16.2.2恢复交换图像258

16.2.3打开浏览器窗口259

16.2.4调用JavaScript260

16.2.5转到URL262

16.2.6弹出信息263

16.2.7预先载入图像264

16.2.8设置状态栏文本266

16.2.9检查表单267

16.2.10Blind效果268

16.2.11Bounce效果269

16.3使用JavaScript270

16.3.1利用JavaScript函数实现打印功能270

16.3.2利用JavaScript函数实现关闭窗口功能272

第17章设计制作企业网站273

17.1网站策划273

17.1.1为什么要进行网站策划273

17.1.2主要功能页面274

17.2设计网站封面页275

17.2.1设计网站封面首页图像276

17.2.2设计网站封面首页图像280

17.3创建本地站点281

17.4使用Dreamweaver制作页面282

17.4.1制作网站顶部导航282

17.4.2制作左侧导航公告栏284

17.4.3制作产品展示287