网页设计从零开始完全精通PDF电子书下载

网页入门篇 1

第1章 了解网页基本内容 1

1.1 了解网页基本概念 2

1.1.1 了解网页概念 2

1.1.2 了解网页分类 3

1.2 了解网页基本常识 6

1.2.1 网页专业术语介绍 6

1.2.2 HTML的组成及语法 8

1.2.3 设计网页的基本原则 9

1.3 了解网页基本组成元素 12

1.3.1 网页中的文字 12

1.3.2 网页中的图片 13

1.3.3 网页中的动画 14

1.3.4 网页中的表格 14

1.3.5 网页中的超链接 15

1.3.6 网页中的表单 16

1.4 网页的色彩搭配 16

1.4.1 网页配色基础 16

1.4.2 常见的网页配色方案 17

1.4.3 网页色彩搭配的技巧 18

1.4.4 网页色彩的注意事项 20

第2章 了解网页制作流程 21

2.1 了解网站的制作流程 22

2.1.1 定位网站主题 23

2.1.2 构建网站框架 24

2.1.3 设计网站形象 25

2.1.4 制作网站页面 27

2.1.5 发布与宣传网站 28

2.1.6 更新与维护网站内容 30

2.2 网站建设方案书写流程 31

2.2.1 获取客户需求 31

2.2.2 选择网站栏目结构 31

2.2.3 明确网站使用功能 32

2.2.4 书写网站建设方案 33

2.2.5 网站费用预算方案 33

2.2.6 部门经理审核 34

2.2.7 确认网站建设方案 34

2.3 了解网页的制作软件 35

2.3.1 网页布局软件Dreamweaver CS6 35

2.3.2 动画制作软件Flash CS6 36

2.3.3 图像处理软件Photoshop CS6 37

网页制作篇 38

第3章 从零开始学Dreamweaver CS6 38

3.1 了解Dreamweaver CS6的操作界面 39

3.1.1 菜单栏 39

3.1.2 “属性”面板 40

3.1.3 文档工具栏窗口 41

3.1.4 “插入”面板 42

3.1.5 浮动面板 45

3.2 创建网页本地站点 46

3.2.1 使用向导建立站点 46

3.2.2 设置本地或网络连接选项 47

3.2.3 创建站点文件和文件夹 47

3.3 添加与设置文本 48

3.3.1 新手练兵——在网页中添加文本 48

3.3.2 新手练兵——设置文本字体类型 50

3.3.3 新手练兵——设置文本属性 51

3.3.4 新手练兵——设置文本的颜色 52

3.4 插入常见网页元素 53

3.4.1 新手练兵——插入图像 53

3.4.2 新手练兵——插入日期 55

3.4.3 新手练兵——插入水平线 56

3.4.4 插入特殊字符 57

3.4.5 插入背景音乐 58

3.4.6 插入Flash动画 59

3.4.7 插入各种表单 61

3.5 创建常用网页链接 62

3.5.1 链接的含义 63

3.5.2 新手练兵——E-mail链接 63

3.5.3 新手练兵——图像热点链接 64

3.5.4 新手练兵——下载文件链接 66

3.5.5 新手练兵——锚点链接 67

3.5.6 脚本链接 68

3.5.7 空链接 69

第4章 创建表格与Div的布局 70

4.1 创建与设置表格 71

4.1.1 创建表格的方法 71

4.1.2 新手练兵——设置表格的属性 73

4.1.3 新手练兵——设置单元格属性 74

4.2 选择表格各元素 75

4.2.1 选取表格 75

4.2.2 新手练兵——选取行或列 77

4.2.3 新手练兵——选取单元格 78

4.3 表格的常用操作 79

4.3.1 调整表格高度和宽度 79

4.3.2 新手练兵——添加或删除行或列 81

4.3.3 新手练兵——拆分单元格 82

4.3.4 新手练兵——合并单元格 83

4.3.5 新手练兵——剪切、复制和粘贴单元格 84

4.4 Div的常用操作 85

4.4.1 了解Div的含义 85

4.4.2 新手练兵——创建Div标签 86

4.4.3 新手练兵——创建AP Div 87

4.4.4 AP Div与表格的互换 90

第5章 制作网页框架及框架集 92

5.1 认识框架及框架集 93

5.2 创建各种框架 94

5.2.1 新手练兵——创建预定义的框架集 94

5.2.2 新手练兵——创建自定义框架集 95

5.2.3 新手练兵——拆分自定义框架 95

5.2.4 新手练兵——创建嵌套框架 96

5.3 框架及框架集常用操作 97

5.3.1 选择框架和框架集 98

5.3.2 删除框架和框架集 99

5.3.3 保存框架和框架集 99

5.4 设置框架及框架集的属性 101

5.4.1 新手练兵——设置框架的属性 101

5.4.2 新手练兵——设置框架集的属性 102

5.4.3 新手练兵——设置框架集的网页标题 103

5.4.4 新手练兵——使用链接控制框架的内容 103

5.4.5 新手练兵——为不支持框架的网页设置内容 105

5.5 创建与设置浮动框架 106

5.5.1 新手练兵——创建浮动框架 106

5.5.2 新手练兵——设置浮动框架属性 107

第6章 使用CSS修饰美化网页 109

6.1 CSS概述 110

6.1.1 什么是CSS 110

6.1.2 如何编写CSS 111

6.1.3 新手练兵——创建CSS样式表 112

6.2 设置CSS属性 114

6.2.1 新手练兵——设置类型属性 114

6.2.2 新手练兵——设置背景属性 116

6.2.3 新手练兵——设置区块属性 117

6.2.4 新手练兵——设置方框属性 118

6.2.5 设置边框属性 119

6.2.6 设置列表属性 120

6.2.7 设置定位属性 120

6.2.8 设置扩展属性 121

6.3 管理CSS样式表 122

6.3.1 新手练兵——外联样式表 122

6.3.2 新手练兵——内嵌样式表 124

6.4 使用CSS滤镜 124

6.4.1 滤镜基本概述 125

6.4.2 新手练兵——光晕（Glow）滤镜 125

6.4.3 新手练兵——模糊（Blur）滤镜 126

6.4.4 新手练兵——遮罩（Mask）滤镜 127

6.4.5 透明色（Chroma）滤镜 128

6.4.6 阴影（Dropshadow）滤镜 129

6.4.7 波浪（Wave）滤镜 130

6.4.8 X射线（Xrav）滤镜 130

第7章 使用CSS和Div布局网页 132

7.1 初步了解CSS与Div 133

7.1.1 Web标准的基本含义 133

7.1.2 Div基本功能 134

7.1.3 Div与Span的区别 135

7.1.4 ID与Class的区别 135

7.1.5 CSS+Div布局的优势 135

7.1.6 新手练兵——设置AP Div的属性 136

7.2 CSS常用布局方法 138

7.2.1 将页面用Div分块 138

7.2.2 CSS定位的定义 139

7.2.3 利用CSS堆定位元素位置 139

7.2.4 用CSS定位各块的位置 139

7.3 常见的布局类型 140

7.3.1 单行单列固定宽度 141

7.3.2 两列右列宽度自适应 141

7.3.3 一列宽度自适应 143

7.3.4 一列固定宽度居中 143

7.3.5 两列固定宽度 144

7.3.6 两列宽度自适应 146

7.3.7 两列固定宽度居中布局 147

7.3.8 三列浮动中间列宽度自适应 148

7.3.9 高度自适应 149

第8章 运用行为制作交互网页 151

8.1 了解行为含义 152

8.1.1 认识“行为”面板 152

8.1.2 “事件”菜单 153

8.1.3 熟悉动作类型 154

8.1.4 新手练兵——添加行为 154

8.2 设置网络浏览器环境 156

8.2.1 新手练兵——检查表单 156

8.2.2 新手练兵——打开浏览器窗口 158

8.2.3 新手练兵——转到URL网页 160

8.2.4 检查插件 161

8.3 设置网页图像的动作 162

8.3.1 新手练兵——交换图像 162

8.3.2 新手练兵——预先载入图像 164

8.4 设置不同的网页文本 165

8.4.1 新手练兵——设置状态栏文本 165

8.4.2 新手练兵——设置容器中的文本 167

8.4.3 新手练兵——设置框架文本 168

8.5 设置特殊的网页效果 169

8.5.1 新手练兵——增大／收缩效果 170

8.5.2 新手练兵——挤压效果 171

8.5.3 新手练兵——晃动效果 172

8.5.4 显示／渐隐效果 173

8.5.5 遮帘效果 174

网页动画篇 176

第9章 从零开始学Flash CS6 176

9.1 了解Flash CS6工作界面 177

9.1.1 菜单栏 177

9.1.2 工具箱 178

9.1.3 时间轴面板 180

9.1.4 舞台 182

9.1.5 “属性”面板 183

9.1.6 面板组 184

9.2 场景的基本操作 185

9.2.1 新手练兵——添加场景 185

9.2.2 新手练兵——查看场景 186

9.2.3 新手练兵——使用标尺 186

9.2.4 新手练兵——使用网格 187

9.2.5 新手练兵——使用辅助线 188

9.3 文本工具的基本使用 190

9.3.1 新手练兵——创建静态文本 190

9.3.2 新手练兵——创建动态文本 191

9.3.3 新手练兵——创建输入文本 192

9.3.4 新手练兵——制作阴影文字 193

9.4 Flash动画的测试与发布 194

9.4.1 新手练兵——测试Flash作品 195

9.4.2 优化动画 197

9.4.3 新手练兵——发布动画 198

第10章 Flash CS6绘图基础 200

10.1 绘制图形对象 201

10.1.1 新手练兵——线条工具 201

10.1.2 新手练兵——铅笔工具 202

10.1.3 新手练兵——钢笔工具 203

10.1.4 新手练兵——椭圆工具 205

10.1.5 新手练兵——矩形工具 207

10.1.6 新手练兵——多角星形工具 208

10.2 填充图形对象 209

10.2.1 新手练兵——墨水瓶工具 209

10.2.2 新手练兵——颜料桶工具 210

10.2.3 新手练兵——刷子工具 212

10.2.4 新手练兵——渐变变形工具 213

10.3 编辑图形对象 215

10.3.1 新手练兵——选择工具 215

10.3.2 新手练兵——套索工具 216

10.3.3 新手练兵——任意变形工具 217

10.3.4 新手练兵——移动对象 218

10.3.5 新手练兵——复制对象 219

10.3.6 新手练兵——删除对象 220

第11章 应用库面板制作网页 222

11.1 元件的应用 223

11.1.1 元件的类型 223

11.1.2 新手练兵——创建图形元件 224

11.1.3 新手练兵——创建按钮元件 226

11.1.4 将图形转换为影片剪辑元件 229

11.1.5 在不同模式下编辑元件 230

11.1.6 新手练兵——复制与删除元件 231

11.2 实例的应用 233

11.2.1 新手练兵——创建实例 233

11.2.2 新手练兵——交换元件实例 234

11.2.3 新手练兵——改变实例类型 235

11.2.4 新手练兵——分离实例 236

11.2.5 新手练兵——查看实例信息 236

11.2.6 新手练兵——复制实例 238

11.2.7 改变实例的颜色和透明度 239

11.3 库的应用 242

11.3.1 库面板的组成 242

11.3.2 新手练兵——编辑元件 243

11.3.3 新手练兵——调用其他库元件 245

11.3.4 新手练兵——使用共享替换元件 246

第12章 制作简单的网页动画 248

12.1 创建简单Flash动画 249

12.1.1 新手练兵——创建逐帧动画 249

12.1.2 新手练兵——导入逐帧动画 251

12.1.3 新手练兵——创建引导动画 253

12.1.4 新手练兵——创建形状渐变动画 255

12.1.5 新手练兵——创建动作渐变动画 256

12.1.6 新手练兵——创建遮罩层动画 257

12.1.7 新手练兵——创建被遮罩层动画 259

12.2 了解ActionScript脚本 260

12.2.1 ActionScript脚本含义 260

12.2.2 使用ActionScript脚本 261

12.2.3 整理ActionScript脚本 262

12.2.4 编写ActionScript脚本 262

12.3 制作ActionScript特效 263

12.3.1 新手练兵——制作隐形按钮 263

12.3.2 新手练兵——创建文本链接 265

12.3.3 新手练兵——创建跳转网页 267

12.3.4 新手练兵——制作网页特效 268

网页图像篇 271

第13章 从零开始学Photoshop CS6 271

13.1 网页图像的基本常识 272

13.1.1 了解矢量图和位图 272

13.1.2 熟悉各种颜色模式 273

13.1.3 了解各种图像格式 276

13.2 了解Photoshop工作界面 277

13.2.1 菜单栏 278

13.2.2 状态栏 278

13.2.3 工具箱 279

13.2.4 工具属性栏 280

13.2.5 图像编辑窗口 280

13.2.6 浮动面板 281

13.3 掌握页面布局辅助工具 282

13.3.1 新手练兵——使用标尺 282

13.3.2 新手练兵——使用参考线 283

13.3.3 新手练兵——应用网格 285

13.3.4 新手练兵——应用注释工具 286

13.4 设置网页图像的颜色 286

13.4.1 新手练兵——设置前景色和背景色 286

13.4.2 新手练兵——运用菜单命令填充颜色 289

13.4.3 新手练兵——使用油漆桶工具设置颜色 290

13.4.4 新手练兵——使用渐变工具设置颜色 291

第14章 创建选区与文本 294

14.1 创建网页图像选区 295

14.1.1 新手练兵——创建不规则的选区 295

14.1.2 新手练兵——创建几何选区 296

14.1.3 新手练兵——创建随意的选区 297

14.1.4 新手练兵——创建颜色选区 299

14.2 编辑网页图像选区 301

14.2.1 新手练兵——羽化选区 301

14.2.2 新手练兵——变换选区 302

14.2.3 新手练兵——描边选区 304

14.2.4 新手练兵——填充选区 305

14.2.5 新手练兵——剪切图像选区 306

14.2.6 新手练兵——拷贝选区图像 308

14.3 编辑网页图像文本 309

14.3.1 认识文字工具组 309

14.3.2 新手练兵——输入横排文字 310

14.3.3 新手练兵——输入直排文字 312

14.3.4 新手练兵——设置文本格式 313

14.3.5 新手练兵——设置变形文字 314

第15章 修饰与调整网页图像 316

15.1 裁剪网页图像 317

15.1.1 新手练兵——运用工具裁剪图像 317

15.1.2 新手练兵——运用命令裁切图像 318

15.1.3 新手练兵——精确裁剪网页图像 318

15.2 修饰网页图像 320

15.2.1 修饰类工具 320

15.2.2 擦除类工具 322

15.2.3 图章类工具 323

15.2.4 新手练兵——修复类工具 325

15.2.5 新手练兵——调色类工具 327

15.3 调整网页图像的颜色 330

15.3.1 查看网页图像的颜色 330

15.3.2 新手练兵——调整网页图像的色彩 331

15.3.3 新手练兵——调整网页图像的色调 335

第16章 创建网页动画特效 343

16.1 优化网络图像 344

16.1.1 优化GIF格式图像 344

16.1.2 优化JPEG格式 345

16.2 制作动态图像 346

16.2.1 “时间轴”面板 346

16.2.2 新手练兵——创建动态图像 347

16.2.3 新手练兵——制作动态图像 347

16.2.4 新手练兵——保存动态效果 349

16.2.5 新手练兵——创建过渡动画 350

16.2.6 新手练兵——制作图像切换动画 352

16.2.7 新手练兵——创建文字变形动画 353

16.3 编辑切片图像 355

16.3.1 了解切片对象种类 356

16.3.2 新手练兵——创建切片 356

16.3.3 创建自动切片 357

16.4 管理切片 358

16.4.1 新手练兵——选择、移动与调整切片 358

16.4.2 新手练兵——转换与锁定切片 359

16.4.3 新手练兵——组合与删除切片 360

16.4.4 设置切片选项 362

案例实战篇 363

第17章 网页设计案例实战 363

17.1 微博注册页面 364

17.1.1 制作页面框架 364

17.1.2 制作页面内容 367

17.2 个性时尚主页 373

17.2.1 制作文字效果 374

17.2.2 制作动作效果 377

第18章 网页动画案例实战 379

18.1 商业广告动画 380

18.1.1 制作渐变动画 380

18.1.2 制作遮罩动画 385

18.2 网站导航条 390

18.2.1 制作主体效果 390

18.2.2 输入动作代码 392

第19章 网页图像案例实战 394

19.1 图片导航条 395

19.1.1 制作导航按钮 395

19.1.2 制作图片导航 400

19.2 美化淘宝照片 403

19.2.1 制作背景效果 404

19.2.2 制作整体效果 407

第20章 综合案例实战：幸福婚恋网 410

20.1 网站规划 411

20.1.1 确定网站主题 411

20.1.2 设计网站版式 411

20.2 设计网站的图像 412

20.2.1 设计网站Logo 412

20.2.2 制作宣传广告 415

20.3 设计网站的动画 419

20.3.1 制作首页动画 419

20.3.2 制作子页动画 423

20.4 制作网站主页 427

20.4.1 制作主页效果 427

20.4.2 制作子页和超链接 432

20.5 测试网站 436

20.5.1 测试网站的兼容性 436

20.5.2 测试网站的超链接 436