网页设计基础教程 Dreamweaver+Photoshop+FlashPDF电子书下载

第1章 网页设计基础知识 1

1.1网站与网站开发 1

1.1.1网站的概念 1

1.1.2网站的构成 1

1.1.3 HTTP与FTP 2

1.1.4 IP地址与域名 2

1.1.5网站开发语言 2

1.2网页与网页设计 2

1.2.1了解网页 2

1.2.2网页构成元素 3

1.2.3了解网页设计 3

1.3网站规划设计 3

1.3.1了解客户的需求 3

1.3.2制作项目规划文案 3

1.3.3规划网站主题及风格 4

1.3.4规划网站内容 5

1.3.5设计网站栏目及地图 5

1.3.6发布与推广网站 5

1.4认识网页页面元素 5

1.4.1网页页面元素的种类 5

1.4.2网页图像元素的格式 8

1.5网页版式与配色 9

1.5.1页面版式 9

1.5.2认识网页安全色 10

1.5.3基本配色的方法 10

1.6设计网页图像元素 10

1.6.1 LOGO设计 10

1.6.2设计横幅广告条 11

1.6.3设计按钮 12

1.6.4设计导航栏 12

1.7设计网页动画元素 13

1.7.1设计按钮动画 13

1.7.2设计横幅动画 13

1.7.3设计动画广告 13

1.8思考与练习 13

第2章 初识Dreamweaver CS5 14

2.1 Dreamweaver CS5的工作界面 14

2.2创建站点 16

2.3管理站点内容 17

2.3.1添加文件或文件夹 17

2.3.2删除文件或文件夹 17

2.3.3重命名文件或文件夹 18

2.4网页文档的基本操作 18

2.4.1创建空白网页 18

2.4.2打开网页文档 18

2.5设置网页文本 19

2.5.1为网页输入文本 19

2.5.2设置文本属性 19

2.5.3设置段落格式 21

2.5.4设置列表 22

2.5.5设置特殊字符 23

2.6为网页添加图像 24

2.6.1插入图像 24

2.6.2鼠标经过图像 25

2.6.3添加背景图像 27

2.7设置超级链接 28

2.7.1文本和图像链接 28

2.7.2 E-mail链接 29

2.7.3锚记链接 30

2.7.4空链接 32

2.7.5下载链接 33

2.8添加多媒体文件 34

2.9上机练习——制作简单网页 36

2.9.1制作图文混排网站页面 36

2.9.2创建具有链接的网页 38

2.10思考与练习 39

第3章 页面布局 40

3.1利用表格布局页面 40

3.1.1插入表格 40

3.1.2设置表格属性 41

3.1.3插入嵌套表格 42

3.2表格基本操作 43

3.2.1改变表格和单元格的大小 43

3.2.2表格数据的导入与导出 44

3.3使用AP Div 46

3.3.1创建AP Div 47

3.3.2设置AP Div的属性 47

3.4使用Spry布局对象 48

3.4.1使用Spry菜单栏导航菜单 48

3.4.2创建Spry选项卡式面板 49

3.4.3以Spry折叠式显示选项卡 50

3.4.4使用Spry可折叠面板管理内容 52

3.5创建框架网页 52

3.5.1创建框架和框架集 53

3.5.2保存框架 54

3.6上机练习——制作产品展示界面 54

3.7思考与练习 60

第4章 使用CSS美化网页 61

4.1 CSS的概念 61

4.1.1 CSS的特点 61

4.1.2 CSS的基本语法 62

4.1.3 CSS样式表的选择器类型 63

4.2创建CSS样式 63

4.2.1创建新的CSS样式 64

4.2.2设置CSS属性 65

4.2.3创建嵌入式CSS样式 70

4.2.4链接外部样式表 71

4.2.5使用CSS布局模板 72

4.3 CSS样式的编辑 73

4.3.1修改CSS样式 73

4.3.2删除CSS样式 74

4.3.3复制CSS样式 74

4.4上机练习——用CSS样式美化 75

页面内容 75

4.5思考与练习 78

第55章 使用模板与库 79

5.1使用模板 79

5.1.1使用模板的优点 79

5.1.2创建空白模板 80

5.1.3创建和删除可编辑区域 80

5.1.4创建可选区域和重复区域 82

5.1.5从模板中分离 84

5.1.6更新模板及基于模板的网页 85

5.2使用库项目 87

5.2.1认识库项目 87

5.2.2创建库项目 87

5.2.3插入库项目 89

5.2.4编辑库项目 89

5.3上机练习——制作模板和基于模板的网页 91

5.4思考与练习 94

第6章 使用表单 95

6.1表单概述 95

6.2表单域 95

6.3表单对象 97

6.4表单对象的创建 97

6.4.1文本域 98

6.4.2插入多行文本域 99

6.4.3复选框 101

6.4.4单选按钮 102

6.4.5列表和菜单 104

6.4.6跳转菜单 105

6.4.7表单按钮 106

6.4.8创建图像域 108

6.5上机练习——会员注册表单 109

6.6思考与练习 114

第7章 为网页添加行为及第三方插件 115

7.1行为概述 115

7.1.1行为 115

7.1.2事件 116

7.1.3行为面板 117

7.1.4打开浏览器窗口 117

7.1.5修改行为 118

7.1.6删除行为 118

7.1.7交换图像 118

7.1.8创建弹出信息 120

7.1.9状态栏文本 121

7.1.10检查表单 123

7.2Dreamweaver CS5插件简介 124

7.3插件的管理和安装 125

7.3.1安装第三方插件 125

7.3.2删除第三方插件 126

7.4上机练习——制作网页中的行为效果 127

7.4.1制作网页背景音乐 127

7.4.2制作浮动图片 129

7.4.3不同时段显示不同问候语 131

7.5思考与练习 134

第8章 网站的上传与维护 135

8.1网站上传前的准备工作 135

8.1.1注册域名 135

8.1.2申请空间 136

8.1.3上传网站 138

8.2站点的测试 140

8.2.1报告 140

8.2.2检查站点范围的链接 140

8.2.3改变站点范围的链接 141

8.2.4查找和替换 142

8.2.5清理文档 142

8.2.6同步 143

8.3网站宣传 144

8.3.1利用大众传媒 144

8.3.2利用网络传媒 145

8.3.3利用电子邮件 145

8.3.4使用留言板、博客和论坛 145

8.3.5注册搜索引擎 145

8.3.6和其他网站交换链接 146

8.4思考与练习 146

第9章 初识Flash CS5 147

9.1 Flash CS5工作界面 147

9.1.1菜单栏 148

9.1.2工具箱 149

9.1.3时间轴面板 150

9.1.4属性面板 150

9.1.5舞台和工作区 150

9.1.6辅助工具 151

9.2常用面板 154

9.2.1【颜色】面板 154

9.2.2【样本】面板 154

9.2.3【库】面板 158

9.3场景 160

9.3.1编辑场景 160

9.3.2改变场景背景 160

9.3.3场景跳转 161

9.4时间轴 162

9.4.1帧和帧频 162

9.4.2编辑帧 164

9.4.3使用绘图纸 165

9.5输出和发布 166

9.5.1测试Flash影片 166

9.5.2输出Flash作品 167

9.5.3输出设置 167

9.5.4发布预览 171

9.6上机练习——制作热气飘动动画 172

9.7思考与练习 175

第10章 图形的绘制与编辑 176

10.1绘图工具 176

10.1.1线条工具 176

10.1.2矩形工具与基本矩形工具 178

10.1.3椭圆工具与基本椭圆工具 179

10.1.4多角星形工具 180

10.1.5钢笔工具 181

10.1.6铅笔工具 182

10.1.7刷子工具 184

10.2选择对象工具 185

10.2.1选择工具 185

10.2.2部分选取工具 187

10.3任意变形工具 188

10.4橡皮擦工具 190

10.5颜色工具 191

10.5.1颜料桶工具 191

10.5.2墨水瓶工具 192

10.5.3滴管工具 193

10.6图形的其他编辑操作 194

10.6.1对象的组合与分解 194

10.6.2对象的对齐与排列次序 194

10.6.3修饰图形 195

10.7上机练习——绘制卡通人物头部 197

10.8思考与练习 202

第11章 元件、实例和素材文件的使用 203

11.1元件 203

11.1.1元件概述 203

11.1.2创建元件 205

11.1.3编辑元件 206

11.1.4元件类型的相互转换 208

11.2实例 208

11.2.1实例的编辑 209

11.2.2编辑实例的属性 209

11.3导入素材 212

11.3.1导入的基本方法 212

11.3.2导入PNG文件 213

11.3.3导入视频 213

11.3.4设置导入的位图属性 215

11.4在动画中使用声音 216

11.4.1导入声音 216

11.4.2压缩声音 217

11.4.3编辑声音 218

11.5上机练习——制作文字变色动画 220

11.6思考与练习 223

第12章 制作网页动画 224

12.1逐帧动画 224

12.2传统补间动画 224

12.2.1传统补间动画基础 225

12.2.2创建传统补间动画 225

12.3补间形状动画 230

12.3.1补间形状动画基础 230

12.3.2创建补间形状动画 231

12.4上机练习——飘落的树叶 234

12.5思考与练习 240

第13章 认识Photoshop CS5 241

13.1初识Photoshop CS5 241

13.2 Photoshop CS5的工作界面 241

13.2.1菜单栏 241

13.2.2工具箱 243

13.2.3选项栏 244

13.2.4面板 244

13.2.5图像窗口 244

13.2.6状态栏 245

13.3 Photoshop CS5的基本操作 246

13.3.1新建空白文档 246

13.3.2打开文档 247

13.3.3保存文档 247

13.3.4关闭文档 248

13.4认识色彩模式 248

13.4.1 RGB颜色模式 249

13.4.2 CMYK颜色模式 250

13.4.3 Lab颜色模式 251

13.4.4灰度模式 251

13.4.5位图模式 252

13.4.6索引颜色模式 253

13.4.7双色调模式 253

13.5使用形状工具 254

13.5.1绘制规则形状 254

13.5.2绘制不规则形状 258

13.6对图像进行修饰处理 259

13.6.1变换图形 259

13.6.2变形效果应用 262

13.6.3图章工具 263

13.6.4污点修复画笔工具 265

13.6.5修复画笔工具 265

13.6.6修补工具 266

13.6.7红眼工具 267

13.6.8模糊工具 267

13.6.9锐化工具 268

13.6.10涂抹工具 268

13.6.11减淡工具 269

13.6.12加深工具 269

13.6.13海绵工具 270

13.7上机练习——为人物衣服替换颜色 270

13.8思考与练习 273

第14章 图层的应用 275

14.1认识图层 275

14.1.1图层概述 275

14.1.2图层面板 275

14.1.3图层菜单 276

14.2创建图层 277

14.2.1新建图层 277

14.2.2图层的类型 278

14.2.3将背景层转换为普通图层 281

14.2.4重命名图层 282

14.3图层组的应用 282

14.3.1创建与重命名图层组 282

14.3.2将图层移入与移出图层组 283

14.3.3删除图层组 283

14.4图层基本操作 284

14.4.1选择图层 284

14.4.2复制图层 286

14.4.3隐藏与显示图层 287

14.4.4图层不透明度与图层顺序 288

14.4.5链接图层 288

14.4.6锁定图层 289

14.4.7删除图层 290

14.4.8图层的合并 290

14.5图层对象的对齐与分布 291

14.5.1对齐图层对象 291

14.5.2分布图层对象 292

14.6图层混合模式 292

14.7图层样式 293

14.7.1添加图层样式 293

14.7.2清除图层样式 294

14.8上机练习——制作个性按钮 295

14.9思考与练习 301

第15章 选区的创建及通道的使用 303

15.1使用工具创建几何选区 303

15.1.1矩形选框工具 303

15.1.2椭圆选框工具 305

15.1.3单行选框工具 306

15.1.4单列选框工具 306

15.2使用工具创建不规则选区 307

15.2.1套索工具 307

15.2.2多边形套索工具 307

15.2.3磁性套索工具 308

15.2.4魔棒工具 309

15.2.5快速选择工具 310

15.3使用命令创建随意选区 310

15.3.1全部选择 311

15.3.2反向选择 311

15.3.3使用【色彩范围】命令创建选区 312

15.3.4使用【选取相似】命令创建相似选区 314

15.4编辑选区 314

15.4.1移动选区 315

15.4.2取消选择与重新选择 315

15.4.3变换选区 317

15.4.4使用【调整边缘】命令调整选区边缘 318

15.4.5按特定数量的像素扩展或收缩选区 319

15.4.6使用【扩大选取】命令扩大选区 320

15.5填充选区 321

15.5.1前景色与背景色 321

15.5.2使用拾色器 323

15.5.3吸管工具 324

15.6使用通道 325

15.6.1认识通道 325

15.6.2【通道】面板 327

15.6.3重命名和删除通道 328

15.6.4分离和合并通道 329

15.6.5载入通道中的选区 330

15.7上机练习——使用通道替换背景 331

15.8思考与练习 336

第16章 使用文字、路径和切片 337

16.1文字的输入与设置 337

16.1.1输入文字 337

16.1.2载入文本路径 341

16.1.3设置文字属性 341

16.1.4设置段落属性 343

16.2编辑文本 344

16.2.1设置文字变形 344

16.2.2栅格化文字 345

16.3认识路径 346

16.3.1路径形态 346

16.3.2路径的组成 346

16.3.3【路径】面板 346

16.4创建路径 347

16.4.1使用【钢笔工具】创建路径 347

16.4.2使用【自由钢笔工具】 348

16.4.3将选区转换为路径 349

16.5编辑路径 349

16.5.1使用【路径选择工具】 349

16.5.2使用【直接选择工具】 350

16.5.3添加/删除锚点 351

16.5.4转换点工具 352

16.6使用路径面板 353

16.6.1填充路径 353

16.6.2描边路径 354

16.6.3路径和选区的转换 355

16.6.4工作路径 356

16.6.5使用【创建新路径】和【删除当前路径】按钮 356

16.6.6复制路径 356

16.7网页切片输出 357

16.7.1创建切片 357

16.7.2编辑切片 358

16.7.3输出切片 360

16.8上机练习——绘制京剧脸谱 360

16.9思考与练习 367