网页设计师培训教程PDF电子书下载

第1章 网页设计基础概述 1

1．1全面认识网页 2

1．1．1网站、网页和主页 2

1．1．2 HTML的组成及语法 4

1．2网站设计的流程 7

1．2．1注册域名与申请空间 7

1．2．2新建站点与收集网页素材 8

1．2．3整合站点内容和编写服务器端代码 8

1．2．4实现FTP服务器的上传与下载 8

1．2．5对网站进行维护 9

1．3网页的基本组成元素 9

1．3．1网页中的文本 9

1．3．2网页中的图片 10

1．3．3网页中的多媒体 11

1．4申请免费空间与发布网站 11

1．41申请免费空间流程 11

1．4．2在免费空间发布网站 12

1．4．3网站的宣传与推广 13

本章小结 15

习题与动手操作 15

第2章 网页配色知识基础 17

2．1网页配色基础 18

2．1．1网页中颜色搭配与原理 18

2．1．2 RGB颜色和色相环 19

2．1．3不同颜色的含义 20

2．2按网站风格进行配色 21

2．2．1清爽风格 22

2．2．2活泼风格 22

2．2．3商业风格 22

2．2．4古典风格 23

2．2．5科技金属风格 23

2．3网站配色 24

2．3．1按企业形象进行配色 24

2．3．2按颜色对比进行配色 25

2．3．3配色后的修饰和色彩的搭配 26

本章小结 27

习题与动手操作 27

第3章 Dreamweaver CS3使用基础 29

3．1 Dreamweaver CS3的工作界面 30

3．1．1标题栏、工具栏和菜单栏 30

3．1．2属性检查器和右侧面板组 32

3．1．3文档窗口和状态栏 33

3．2网页文档的基本操作 34

3．2．1创建网页文档 34

3．2．2打开网页文档 35

3．2．3保存网页文档 35

3．2．4预览网页 35

3．2．5设置页面属性 36

3．3文本和表格的应用 36

3．3．1输入和编辑文本 36

3．3．2设置文本属性 37

3．3．3插入表格和修改表格 39

3．3．4表格属性的设置 41

3．3．5嵌套表格 42

3．3．6通过表格构造网页布局 42

3．4 Dreamweaver CS3中的表单应用 43

3．4．1创建HTML表单 43

3．4．2设计一个用户注册页面的完整表单 44

3．4．3跳转菜单的设计 48

本章小结 49

习题与动手操作 49

第4章 Dreamweaver CS3应用详解 51

4．1框架与框架集 52

4．1．1制作框架页面 52

4．1．2 Iftame标记功能 54

4．1．3制作Iftame页面 54

4．2在Dreamweaver CS3中创建超链接 56

4．2．1设置页面超链接 57

4．2．2设置下载文件超链接 57

4．2．3设置Email超链接 58

4．2．4设置图片超链接 59

4．3应用CSS样式表 61

4．3．1新CSS样式表的创建 61

4．3．2定义CSS样式表的参数 62

4．3．3应用CSS样式 62

4．4在网页中使用层和行为 63

4．4．1层的插入与基本操作 63

4．4．2转换层与表格 65

4．4．3应用行为 66

4．4．4 Dreamweaver CS3中的内置行为 67

4．5模板和库的应用 74

4．5．1模板的使用 74

4．5．2编辑和使用库 79

本章小结 81

习题与动手操作 82

第5章 Photoshop CS3使用基础 84

5．1Photoshop CS3中的常用工具 85

5．1．1选择工具 85

5．1．2画笔类工具 88

5．1．3修饰工具 89

5．1．4剪切和切片工具 93

5．1．5其他常用工具 96

5．2 Photoshop CS3中的常用调板 96

5．2．1图层调板与样式调板 97

5．2．2通道调板 98

5．2．3历史记录调板 99

5．2．4路径调板 99

5．3 Photoshop CS3中的常见滤镜 100

5．3．1扭曲滤镜组 100

5．3．2模糊滤镜组 102

5．3．3渲染滤镜组 103

5．3．4素描效果滤镜组 105

5．3．5纹理滤镜组 105

5．3．6风格化滤镜组 107

本章小结 109

习题与动手操作 110

第6章 应用Photoshop CS3文字和图层 112

6．1在Photoshop CS3中创建文字 113

6．1．1文字工具 113

6．1．2创建文字选区 113

6．1．3文字的变形 115

6．1．4实例：特殊文字效果 116

6．2 Photoshop CS3中图层的应用 118

6．2．1图层的混合模式 119

6．2．2实例：背景特效制作 121

本章小结 122

习题与动手操作 123

第7章 应用路径、色彩和通道 125

7．1在Photoshop CS3中创建路径 126

7．1．1使用路径工具 126

7．1．2编辑路径 128

7．1．3实例：绘制网站Logo 130

7．2调整图像色彩和色调 131

7．2．1调整图像的色彩 131

7．2．2调整图像的色调 137

7．2．3实例：校正网页中的偏色图片 141

7．3应用通道 142

7．3．1通道的操作 142

7．3．2专色通道 147

7．3．3实例：对图片进行处理 149

本章小结 151

习题与动手操作 152

第8章 Flash CS3使用基础 153

8．1熟悉Flash CS3的工具界面 154

8．1．1标题栏、菜单栏和工具栏 154

8．1．2绘图工具箱 155

8．1．3时间轴面板 155

8．1．4舞台和工作区 156

8．1．5属性面板 156

8．2 Flash CS3中的常用工具 156

8．2．1线条工具和形状工具 157

8．2．2铅笔工具、钢笔工具和橡皮擦工具 159

8．2．3填充图形 161

8．2．4文本的添加与编辑 162

8．2．5对象的变形 163

8．3元件、实例与元件库 164

8．3．1元件的创建 164

8．3．2元件库的类型 167

8．3．3将元件库里的元件加到舞台中 168

8．3．4元件库面板操作 168

8．3．5编辑舞台中的实例 171

本章小结 173

习题与动手操作 174

第9章 Flash CS3动画制作基础 176

9．1时间轴和帧 177

9．1．1插入帧、选择并移动帧 177

9．1．2帧的删除与清除 178

9．1．3转换关键帧为普通帧 178

9．1．4翻转帧与更改帧频 179

9．1．5洋葱皮技术 179

9．1．6时间轴特效 181

9．2 Action Script脚本应用 182

9．2．1将Action Script建立在帧中 182

9．2．3将Action Script建立在影片剪辑中 183

9．3 Flash CS3中的影音特效 183

9．3．1添加声音元件至按钮 183

9．3．2将声音加入拖到舞台中 185

9．3．3设置声音效果 186

9．3．4压缩并导出声音 187

9．4测试与发布动画 189

9．4．1优化与测试动画 189

9．4．2 Flash CS3文档的导出 191

9．4．3发布Flash CS3文档 193

本章小结 194

习题与动手操作 195

第10章 在Dreamweaver中插入动画 197

10．1插入Flash对象 198

10．1．1插入Flash按钮 198

10．1．2插入Flash文本 199

10．1．3插入Flash动画 200

10．1．4插入Flash视频 201

10．1．5插入Flash Paper 202

10．2插入其他媒体对象 204

10．2．1插入ActiveX 204

10．2．2插入Java Applet 205

10．2．3插入插件 205

10．3插入声音 206

10．3．1嵌入声音文件 206

10．3．2链接到声音文件 207

本章小结 207

习题与动手操作 208

第11章 构建房地产类网站 209

11．1实例分析 210

11．2主要知识点 210

11．3设计流程 211

11．4在Photoshop CS3中设计页面效果 211

11．4．1设置背景图片 211

11．4．2制作网站的Logo 214

11．4．3添加广告语 217

11．4．4对图片进行裁剪 219

11．4．5制作新闻元素 220

11．5在Flash CS3中编辑网页动画 222

11．5．1制作网页导航栏 222

11．5．2设计文字滚动效果 225

11．5．3制作Flash动画 229

11．6在Dreamweaver CS3中编辑网页 231

11．6．1创建并设置站点 231

11．6．2设置页面属性 233

11．6．3添加Logo和顶部图片 234

11．6．4添加Flash CS3动画 236

11．6．5添加图片和文字 238

11．6．6网页底部制作 239

11．6．7创建超级链接 241

本章小结 243

习题与动手操作 243

第12章 构建IT类商务网站 245

12．1实例分析 246

12．1．1背景概述 246

12．1．2实例简介 246

12．2主要知识点 246

12．3设计流程 247

12．4在Photoshop中设计页面效果 247

12．4．1设计页面顶部显示部分 247

12．4．2设置banner和导航栏效果图 253

12．4．3设计用户登录面板 255

12．4．4设置商品链接面板 259

12．4．5设计页面中间部分 263

12．4．6 设计公告栏面板 267

12．4．7制作页面底部效果 269

12．4．8对图片进行裁剪 271

12．5在Flash CS3中编辑网页动画 271

12．5．1在Flash CS3中设计Banner动画 271

12．5．2设计图片动画展示效果 277

12．6在Dreamweaver CS3中编辑网页 279

12．6．1添加Logo与顶部导航 279

12．6．2添加Flash动画 281

12．6．3添加图片与文字 282

12．6．4添加友情链接 286

12．6．5添加其他链接和栏目 287

本章小结 290

习题与动手操作 290

附录A 习题参考答案 292

附录B 模拟试卷及参考答案 301

参考文献 310