网页美工设计 Dreamweaver/FlashPDF电子书下载

第1章 网页美工设计岗位概述 1

1.1 深入了解网页美工设计行业 1

1.1.1 网站开发的技术层面 1

1.1.2 网站开发行业的现状与发展 4

1.1.3 网站开发的常规工作流程 5

1.1.4 网页美工设计的基本原则 5

1.1.5 网页美工设计从业人员的必备素质 6

1.1.6 网页美工设计岗位的求职技巧 7

1.1.7 网页美工设计师岗位求职简历的参考模板 8

1.2 网页美工设计的技术要求 10

1.2.1 严格遵循网站的CIS 10

1.2.2 严格控制图像与多媒体对象的文件大小 10

1.2.3 设计风格符合网站既定的目标用户群 10

1.2.4 色彩搭配与版式设计要统一规范 11

1.3 网页美工设计的常用软件 11

1.3.1 Macromedia Dreamweaver 11

1.3.2 Macromedia Flash 12

1.3.3 Adobe Photoshop/Macromedia Fireworks 12

1.4 网页美工设计的范畴及其作品赏析 13

1.4.1 色彩方案设计 13

1.4.2 网站引导动画设计 16

1.4.3 网页版式设计 17

1.4.4 网页背景图案设计 18

1.4.5 网页中的常规按钮设计 19

1.4.6 多媒体对象设计 20

1.4.7 导航栏设计 21

1.4.8 菜单与滚动字幕设计 22

1.4.9 鼠标特效设计 23

1.4.10 浏览器特效设计 23

1.4.11 网页对象的样式设计 23

第2章 网站的色彩方案设计 25

2.1 相关知识点 25

2.1.1 网页美工设计中的色彩应用原则 25

2.1.2 色彩的对比 25

2.1.3 色彩的大小和形状 27

2.1.4 色彩的位置 28

2.1.5 网页色彩的搭配 28

2.2 案例指导 31

2.3 色彩方案设计的技巧 37

2.3.1 色彩的运用和搭配技巧 37

2.3.2 色彩方案设计中的注意事项 38

2.4 色彩方案设计案例实践 38

2.4.1 艺术空间网站的色彩方案设计 38

2.4.2 多来米中文网的色彩方案设计 39

第3章 网站引导动画的设计 40

3.1 相关知识点 40

3.1.1 使用JavaScript创建引导动画的相关知识点 40

3.1.2 使用Flash创建引导动画的相关知识点 50

3.2 案例指导 68

3.2.1 JavaScript创建的引导动画 68

3.2.2 Flash创建的引导动画 71

3.3 网站引导动画的设计技巧 77

3.3.1 使用JavaScript创建引导动画的技巧 77

3.3.2 使用Flash创建引导动画的技巧 78

3.4 网站引导动画设计案例实践 78

3.4.1 训练题（一） 79

3.4.2 训练题（二） 79

第4章 网页版式设计 80

4.1 相关知识点 80

4.1.1 网页版式设计的内容 80

4.1.2 网页版式的基本类型 89

4.1.3 表格在网页版式设计中的应用 92

4.1.4 网页版式设计中的注意事项 93

4.2 案例指导 94

4.2.1 阳光图书工作室网站版式设计 95

4.2.2 梦想科技网站版式设计 103

4.2.3 阳光IT教育网站版式设计 110

4.2.4 天籁在线音乐网站版式设计 122

4.2.5 滴摘坊（中国）有限公司网站版式设计 132

4.3 网页版式设计技巧 137

4.3.1 网页版式整体风格的定位技巧 137

4.3.2 网页版式的页面编排技巧 141

4.3.3 网页版式中线条与形状的组合技巧 143

4.3.4 网页版式中色彩的搭配技巧 145

4.4 网页版式设计案例实践 147

4.4.1 IBM公司网站的版式设计 147

4.4.2 HP公司网站的版式设计 148

4.4.3 万维中国网站的版式设计 148

4.4.4 左邦设计工作室网站的版式设计 149

4.4.5 深圳人才网的版式设计 150

第5章 网页背景图案设计 152

5.1 相关知识点 152

5.1.1 Photoshop中选择区的相关操作 152

5.1.2 在Dreamweaver中应用背景图像 155

5.1.3 设计背景图像的注意事项 157

5.2 案例指导 157

5.2.1 网格背景图像 157

5.2.2 点状背景图像 159

5.2.3 虚线效果的背景图像 161

5.3 网页背景图像的设计技巧 164

5.4 网页背景图案设计案例实践 165

5.4.1 横向条纹状的背景图像 165

5.4.2 纵向条纹状的背景图像 166

5.4.3 纵向虚线的背景图像 166

第6章 多媒体对象的设计 168

6.1 相关知识点 168

6.1.1 多媒体的关键技术 168

6.1.2 一般多媒体系统的组成 169

6.2 案例指导 169

6.2.1 Banner设计 169

6.2.2 创建电子相册 172

6.2.3 JavaScript实现页面漂浮的游标特效 174

6.2.4 JavaScript实现页面中跟随滚动条移动的游标特效 179

6.3 媒体对象设计案例实践 181

6.3.1 网页的Banner版式设计 181

6.3.2 创建网页相册集 182

第7章 菜单与滚动字幕设计 183

7.1 相关知识点 183

7.1.1 网页下拉菜单设计 183

7.1.2 滚动字幕 184

7.2 案例指导 185

7.2.1 JavaScript创建的多格式下拉菜单 185

7.2.2 JavaScript创建的多层展开菜单 189

7.2.3 Flash创建磁性菜单 201

7.2.4 Flash创建3D螺旋菜单 205

7.2.5 Flash创建惯性菜单 209

7.3 菜单与滚动字幕设计案例实践 211

7.3.1 网页半透明三级菜单栏设计 212

7.3.2 飞行菜单栏设计 212

7.3.3 滚动字幕设计 212

第8章 鼠标特效设计 213

8.1 相关知识点 213

8.1.1 检测鼠标单击 213

8.1.2 检测双击 213

8.2 案例指导 214

8.2.1 JavaScript创建的图片跟随鼠标 214

8.2.2 Flash创建图片跟随鼠标动画 217

8.2.3 JavaScript创建的文字跟随鼠标 218

8.2.4 Flash创建文字跟随鼠标动画 221

8.2.5 JavaScript创建鼠标滚动字幕 223

8.2.6 JavaScript创建鼠标指针网线特效 226

8.2.7 JavaScript创建感应指针方向移动特效 230

8.2.8 JavaScript实现屏蔽鼠标右键特效 232

8.2.9 JavaScript实现鼠标右键菜单特效 234

8.3 鼠标特效设计案例实践 238

8.3.1 跟随鼠标的时钟特效设计 238

8.3.2 发光球跟随鼠标特效设计 238

8.3.3 三色鼠标特效设计 239

8.3.4 鼠标赶走跟随毛毛虫特效设计 239

第9章 浏览器特效设计 240

9.1 相关知识点 240

9.1.1 window对象 240

9.1.2 document对象 249

9.2 案例指导 251

9.2.1 JavaScript创建在状态栏中显示的页面载入进度 251

9.2.2 JavaScript创建闪动的标题栏特效 253

9.3 浏览器特效设计案例实践 254

9.3.1 页面下沉抖动效果设计 254

9.3.2 定制当前窗口的宽和高度特效设计 254

9.3.3 关闭窗口后弹出对话框特效设计 255

9.3.4 标题打字效果设计 255

第10章 网页对象的样式设计 256

10.1 设置链接效果 256

10.1.1 效果说明 256

10.1.2 样式表的基本结构 256

10.1.3 设置链接效果的样式规则 258

10.1.4 将样式表嵌入到HTML文档头 258

10.1.5 样式表和HTML的关系 259

10.2 设置鼠标光标的形状 259

10.2.1 效果说明 259

10.2.2 用于设置鼠标形状的样式规则 260

10.2.3 在代码行中加入样式 261

10.2.4 指定鼠标光标的形状 262

10.3 首字下沉与首行字母大写 266

10.3.1 效果说明 266

10.3.2 分类 266

10.3.3 使用分类实现首字下沉和首行字母大写 269

10.3.4 情景选择 271

10.3.5 使用情景选择实现首字下沉和首行字母大写 272

10.4 为不同文本定义不同样式 274

10.4.1 效果说明 274

10.4.2 class属性 275

10.4.3 id属性 278

10.4.4 span元素 278

10.4.5 div元素 281

10.4.6 使用多个样式规则时的优先级 281

10.5 外部CSS文件 282

10.5.1 将样式表嵌入HTML文档的方法 282

10.5.2 链接到外部CSS文件 282

10.5.3 输入外部样式表 284

10.6 浏览器特效设计案例实践 286

10.6.1 首字母大写、字母全部大字、字母全部小写样式设计 286

10.6.2 定制鼠标各种样式 287

10.6.3 文字样式设计 287

10.6.4 背景样式设计 287