网页设计完全学习手册PDF电子书下载

01 网页设计基础知识 2

1.1 网页基础知识 2

1.1.1 网页、网站和主页 2

1.1.2 网页的基本功能元素 3

1.1.3 网页的基本组成元素 5

1.1.4 网页中的色彩 7

1.1.5 网站的类型 8

1.2 网页设计的原则 11

1.3 网页常用页面结构 12

1.3.1 左右对称型结构 13

1.3.2 上下分割型结构 13

1.3.3 “同”字型结构 13

1.3.4 T字型结构 14

1.3.5 “三”字型结构 14

1.3.6 封面型结构 14

1.3.7 Flash型结构 15

1.4 网页设计工作流程 15

1.5 网页设计的发展趋势 17

02 初识Dreamweaver CS5 21

2.1 Dreamweaver CS5简介 21

2.2 Dreamweaver CS5的工作界面 21

2.2.1 菜单栏 22

2.2.2 “插入”面板 22

2.2.3 文档工具栏 23

2.2.4 文档窗口 24

2.2.5 状态栏 24

2.2.6 “属性”面板 26

2.2.7 面板组 27

2.3 网页文档的基本操作 27

2.3.1 创建空白文档 27

2.3.2 保存和关闭网页文档 28

2.3.3 打开网页文档 29

2.3.4 预览网页 30

2.4 页面设置属性 30

2.4.1 设置外观属性 31

2.4.2 设置链接属性 33

03 创建网页对象 36

3.1 文本的添加 36

3.1.1 “文本”插入面板 36

3.1.2 普通文本的添加 36

3.1.3 特殊符号的添加 36

3.2 给网页添加图像 37

3.2.1 为网页添加图像 37

3.2.2 用占位符插入图像 38

3.2.3 图像属性的设置 39

3.3 使用超链接 41

3.3.1 超链接的类型 41

3.3.2 创建超链接 41

3.4 插入多媒体元素 45

3.4.1 插入Flash动画 45

3.4.2 插入FLV视频 46

3.4.3 添加背景音乐 47

04 使用表格布局网页 50

4.1 创建表格 50

4.1.1 创建普通表格 50

4.1.2 创建嵌套表格 51

4.2 在表格单元格中添加内容 51

4.2.1 在表格中插入图像 51

4.2.2 在表格中添加文本 52

4.3 表格的编辑方法 52

4.3.1 选择表格 53

4.3.2 单元格的拆分与合并 53

4.3.3 行和列的添加与删除 55

4.3.4 表格属性设置 57

4.3.5 单元格属性设置 62

4.4 运用表格制作新闻列表 65

05 使用CSS样式表 71

5.1 了解CSS样式表 71

5.1.1 认识CSS 71

5.1.2 CSS的基本语法 71

5.1.3 引用CSS的方式 71

5.2 创建样式表 72

5.2.1 认识“CSS样式”面板 72

5.2.2 新建层叠样式表 73

5.3 设置CSS样式表属性 74

5.3.1 类型属性的设置 74

5.3.2 背景属性的设置 76

5.3.3 区块属性的设置 77

5.3.4 方框属性的设置 79

5.3.5 边框属性的设置 80

5.3.6 列表属性的设置 82

5.3.7 定位属性的设置 82

5.3.8 扩展属性的设置 83

5.4 层叠样式表的管理 84

5.4.1 编辑CSS层叠样式 84

5.4.2 链接外部CSS样式表文件 85

5.4.3 删除CSS层叠样式 86

5.5 应用CSS样式表 86

06 使用AP Div布局网页 89

6.1 AP元素面板 89

6.2 AP Div的创建与设置 89

6.2.1 创建AP Div 89

6.2.2 创建嵌套AP Div 91

6.2.3 AP Div的属性 92

6.3 AP Div的编辑 92

6.3.1 选择AP Div 92

6.3.2 移动AP Div 94

6.3.3 对齐AP Div 95

6.3.4 调整AP Div的大小 95

6.3.5 设置AP Div的堆叠顺序 97

6.3.6 改变AP Div的可见性 98

6.3.7 防止AP Div重叠 100

6.4 AP Div与表格的相互转换 100

6.4.1 将AP Div转换为表格 100

6.4.2 将表格转换为AP Div 101

07 应用表单和行为 104

7.1 创建表单 104

7.1.1 了解表单 104

7.1.2 创建表单 104

7.1.3 表单属性的设置 104

7.2 表单对象的添加 105

7.2.1 文本字段的添加 105

7.2.2 隐藏域的添加 107

7.2.3 复选框的添加 107

7.2.4 单选按钮的添加 108

7.2.5 单选按钮组的添加 108

7.2.6 列表和菜单的添加 109

7.2.7 跳转菜单的添加 110

7.2.8 文件域的添加 110

7.2.9 按钮的添加 111

7.2.10 图像域的添加 111

7.3 行为和事件 112

7.3.1 行为和事件简介 112

7.3.2 “行为”面板 113

7.4 常用行为的使用 115

7.4.1 弹出信息 115

7.4.2 打开浏览器窗口 116

7.4.3 改变属性 117

08 网页制作精彩实例 121

8.1 企业网站首页的制作 121

8.2 美容网站首页的制作 135

09 Flash CS5基本操作 148

9.1 了解Flash动画 148

9.2 Flash文档的基本操作 149

9.2.1 新建Flash文档 149

9.2.2 设置动画场景 149

9.2.3 保存Flash文档 150

9.2.4 打开Flash文档 151

9.2.5 程序个性化设置 152

9.3 Flash CS5绘图工具 154

9.3.1 选取工具 154

9.3.2 绘图工具 156

9.3.3 填充工具 161

9.3.4 文本工具 166

9.3.5 辅助工具 167

9.4 绘制图形 168

10 使用元件和库 172

10.1 创建元件 172

10.1.1 图形元件 172

10.1.2 按钮元件 173

10.1.3 影片剪辑元件 174

10.2 元件的编辑 175

10.3 库的使用 176

10.3.1 认识“库”面板 176

10.3.2 库的管理和使用 177

11 时间轴与动画 181

11.1 时间轴与关键帧 181

11.1.1 时间轴 181

11.1.2 图层 181

11.1.3 帧 183

11.2 创建基本动画 187

11.2.1 补间动画 187

11.2.2 补间形状动画 188

11.2.3 传统补间动画 189

11.3 创建其他类型动画 191

11.3.1 逐帧动画 191

11.3.2 引导层 192

11.3.3 遮罩层 194

11.4 导入声音的应用 195

11.4.1 声音简介 195

11.4.2 音频格式 197

11.4.3 导入声音 197

11.4.4 输出声音设置 199

12 Flash动画制作实例 201

12.1 网页Banner制作 201

12.1.1 古典型 201

12.1.2 商务型 204

12.2 动画广告设计 206

12.2.1 条形广告 206

12.2.2 矩形广告 208

12.3 对联式广告制作 214

12.4 网站引导页制作 219

13 Photoshop CS5应用基础 219

13.1 网页图片基础知识 225

13.1.1 矢量图和位图 225

13.1.2 颜色模式 226

13.2 Photoshop CS5基本操作 226

13.2.1 新建网页图片文件 226

13.2.2 保存网页图片文件 227

13.2.3 打开网页图片文件 227

13.3 辅助绘图工具 229

13.3.1 使用标尺 229

13.3.2 使用参考线 229

13.3.3 使用网格 230

13.3.4 抓手与缩放工具 231

13.3.5 文档大小设置 232

13.4 设置颜色 233

13.4.1 设置前景色和背景色 233

13.4.2 使用油漆桶工具 234

13.4.3 使用渐变工具 235

14 使用图层、通道与路径 235

14.1 图层的应用 238

14.1.1 “图层”面板 238

14.1.2 “图层”面板相关操作 238

14.2 使用图层样式 242

14.2.1 投影、内阴影样式 242

14.2.2 外发光、内发光样式 243

14.2.3 斜面和浮雕样式 244

14.2.4 编辑图层样式 245

14.2.5 图层的混合模式 247

14.3 通道的应用 250

14.3.1 通道的概念 250

14.3.2 用通道创建选区 251

14.4 路径的应用 253

14.4.1 路径与“路径”面板 253

14.4.2 创建路径 255

14.4.3 编辑路径 257

14.4.4 路径与选区相互转换 259

15 网页图像的修饰与调整 259

15.1 创建与编辑选区 263

15.1.1 选区的创建 263

15.1.2 修改选区 267

15.2 修改图像 273

15.2.1 橡皮擦工具组 273

15.2.2 图章工具组 276

15.2.3 修复工具组 276

15.3 调整网页图片的颜色 279

16 Photoshop滤镜的使用 285

16.1 认识滤镜 285

16.2 常用滤镜介绍 285

16.2.1 “液化”滤镜 285

16.2.2 “风格化”滤镜组 286

16.2.3 “画笔描边”滤镜组 289

16.2.4 “模糊”滤镜组 290

16.2.5 “扭曲”滤镜组 292

16.2.6 “锐化”滤镜组 293

16.2.7 “素描”滤镜组 294

16.2.8 “纹理”滤镜组 295

16.2.9 “像素化”滤镜组 296

16.2.10 “渲染”滤镜组 297

16.2.11 “艺术效果”滤镜组 298

16.3 滤镜应用实例 299

17 网页效果图切片与输出 299

17.1 创建与编辑切片 310

17.1.1 划分切片 310

17.1.2 编辑切片选项 311

17.1.3 修改切片 312

17.2 存储为Web页格式 313

17.3 将图片输出为网页 313

18 设计首页效果图 317

18.1 企业网站首页的设计 317

18.1.1 页面头部的制作 317

18.1.2 主体部分背景的制作 321

18.1.3 公告部分的制作 323

18.1.4 产品展示部分的制作 325

18.1.5 客服部分的制作 327

18.1.6 底部的制作 329

18.2 美食网站首页的制作 330

18.2.1 Logo和导航栏的制作 330

18.2.2 Banner部分的制作 333

18.2.3 主体最新菜品部分的制作 336

18.2.4 主体右侧部分的制作 340

18.2.5 底部的制作 344