网页设计与网站建设自学经典

　　《网页设计与网站建设自学经典》一书由浅入深地介绍了使用Dreamweaver、Flash以及Photoshop等软件进行网站设计和网页制作的方法。全书共分25章，详细介绍网站设计和网页制作相关知识。第1~2章主要介绍网站制作的基础知识，如网站基础知识概况等。第3~25章详细介绍用Photoshop处理网页图像、设计网页界面以及用Flash制作网页动画，用Dreamweaver设计网页文本、图像、链接和多媒体等元素的方法；使用XHTML、CSS以及JavaScript等Web标准化技术制作网页，以及应用网页行为、表单、框架和模板的技术。

　　郑国强，资深设计人员，资深图书策划人员，现任妙思品位广告公司总经理，总策划。编写出版了《设计师专业色谱与配色设计（协调配色）》《中国风花纹图库宝典》等书。

第1章  网站建设基础知识... 1

1.1  网站基础知识概况... 2

1.1.1 什么是网站... 2

1.1.2 静态网站... 2

1.1.3 动态网站... 3

1.1.4 申请域名... 4

1.1.5 申请服务器空间... 4

1.2  网页界面构成元素... 5

1.2.1 Logo和导航条... 5

1.2.2 Banner和内容版块... 6

1.2.3 版尾版块... 6

1.3  网页版块结构... 7

1.3.1 “国”字框架... 7

1.3.2 拐角框架... 7

1.3.3 左右框架... 8

1.3.4 上下框架... 8

1.3.5 封面框架... 9

1.4  网页设计目的... 9

1.4.1 资讯类网站... 10

1.4.2 艺术资讯类和艺术类网站... 10

1.5  网页设计的实现... 10

1.5.1 设计结构图... 11

1.5.2 设计界面... 11

1.5.3 设计字体... 11

1.5.4 制作网页概念图... 11

1.5.5 切片的优化... 12

1.5.6 编写代码和优化页面... 12

1.6  网页色彩基础... 12

1.6.1 RGB色彩体系... 12

1.6.2 色彩的属性... 13

1.6.3 色彩模式... 13

1.6.4 网页色彩搭配技巧... 14

1.7  网站策划... 14

1.7.1  确定网站风格和布局... 14

1.7.2  网站整体规划... 15

1.7.3  搜集、整理素材... 15

1.7.4  规划站点、制作网页... 16

1.7.5  发布与上传... 16

1.7.6 后期更新与维护... 17

1.7.7  网站的推广... 17

1.8  网页设计与网站建设常用软件... 17

1.8.1 编写网页代码软件

Dreamweaver 17

1.8.2 Dreamweaver窗口界面... 18

1.8.3 网页图像处理软件

Photoshop. 19

1.8.4  Photoshop窗口界面... 20

1.8.5 网页动画设计软件Flash. 22

1.8.6 Flash窗口界面... 23

第2章  网站与数据库技术... 26

2.1  设计网站... 27

2.1.1 站点与访问者... 27

2.1.2 设置网站兼容性... 27

2.1.3 命名原则... 28

2.1.4 设定站点的风格... 29

2.1.5 设计网站导航方案... 30

2.1.6 规划与收集网站资源... 30

2.2  使用网站【资源】面板... 31

2.2.1 查看网站资源... 31

2.2.2 选择资源类别... 31

2.2.3 选择与编辑资源... 32

2.2.4 刷新【资源】面板... 32

2.2.5 管理【资源】面板... 33

2.3  创建本地站点... 33

2.3.1 站点概述... 33

2.3.2 规划站点... 35

2.3.3 建立本地站点... 36

2.4  数据及数据库概述... 36

2.4.1 数据与信息... 37

2.4.2 数据库... 37

2.4.3 数据库管理系统... 37

2.4.4 关系数据库... 38

2.5  常用数据库及数据库的作用... 38

2.5.1 收集用户信息... 39

2.5.2 网站搜索功能... 39

2.5.3 产品管理和新闻系统... 39

2.5.4 网站中的常用数据... 40

2.6  Access和SQL Server数据库... 40

2.6.1  Access数据库用途... 41

2.6.2  Access 2010的优点... 41

2.6.3 SQL Server发展历史... 42

2.6.4 SQL Server 2008体系

结构... 42

2.6.5 了解ODBC.. 44

第3章  图像设计软件Photoshop.. 46

3.1  网页界面概述... 47

3.1.1 网页界面设计分类... 47

3.1.2 网页界面设计的原则... 49

3.2  选择选取... 49

3.2.1 矩形选框工具... 49

3.2.2 椭圆选框工具... 50

3.2.3 单行/单列选框工具... 51

3.2.4 套索工具组... 51

3.2.5 魔棒工具... 52

3.2.6 快速选择工具... 52

3.2.7 色彩范围... 53

3.3  图层编辑... 53

3.3.1 创建与设置图层... 53

3.3.2 混合选项... 54

3.3.3 投影和内阴影... 55

3.3.4 外发光和内发光... 55

3.3.5 斜面和浮雕... 56

3.3.6 光泽... 57

3.3.7 颜色叠加... 57

3.3.8 渐变叠加... 58

3.3.9 图案叠加... 58

3.3.10 描边... 59

3.4  编辑文本... 59

3.4.1 创建普通文字... 59

3.4.2 创建段落文本... 60

3.4.3 设置文字特征... 60

3.4.4 更改文字的外观... 60

3.5  应用蒙版... 61

3.5.1 快速蒙版... 61

3.5.2 剪贴蒙版... 61

3.5.3 图层蒙版... 62

3.5.4 矢量蒙版... 62

3.6  应用滤镜... 62

3.6.1 模糊滤镜... 63

3.6.2 高斯模糊滤镜... 63

3.6.3  USM锐化滤镜... 63

3.6.4 镜头光晕滤镜... 64

3.6.5 添加杂色滤镜... 64

3.7  制作切片... 64

3.7.1 切片工具... 64

3.7.2 切片选择工具... 64

3.7.3 存储为Web所用格式... 65

3.7.4 输出设置... 66

3.8  综合实战... 66

3.8.1  实战：设计网站进入

页界面... 66

3.8.2  实战：设计化妆品广告

网幅... 68

第4章  制作网页动画Flash. 71

4.1  导入动画素材... 72

4.1.1 导入到舞台... 72

4.1.2 导入到库... 72

4.1.3 打开外部库... 72

4.2  管理库资源... 73

4.2.1 Flash元件概述... 74

4.2.2 创建元件... 74

4.2.3 编辑元件... 75

4.3  绘制动画图形... 75

4.3.1 线条工具和钢笔工具... 76

4.3.2 椭圆工具和基本椭圆工具... 76

4.3.3 矩形工具和基本矩形工具... 76

4.3.4 多角星形工具... 77

4.3.5 填充颜色... 77

4.4  处理动画文本... 78

4.4.1 创建静态文本和动态文本... 78

4.4.2 输入文本和TLF文本... 78

4.5  网页动画类型... 78

4.5.1 创建补间动画... 79

4.5.2 引导动画... 80

4.5.3 遮罩动画... 80

4.5.4 逐帧动画... 80

4.5.5 补间形状动画... 81

4.5.6 传统补间动画... 81

4.6  Flash滤镜效果... 82

4.6.1 投影... 82

4.6.2 模糊、发光和斜角... 83

4.6.3 渐变发光和渐变斜角... 83

4.6.4 调整颜色... 84

4.6.5 动画预设... 84

4.7  综合实战... 84

4.7.1 实战：制作网站进入动画... 85

4.7.2 实战：制作动画导航条... 87

第5章  网页代码软件Dreamweaver 90

5.1  创建与管理站点... 91

5.1.1 了解站点... 91

5.1.2 建立站点... 91

5.1.3 管理站点... 93

5.1.4 复制与修改站点... 94

5.2  Web文件操作... 94

5.2.1 了解文件夹的结构... 94

5.2.2 文件面板... 95

5.2.3 删除文件或文件夹... 96

5.2.4 文件的复制和粘贴... 96

5.2.5 存回和取出文件... 97

5.2.6 添加普通文本及特殊字符... 97

5.3  插入网页图像... 98

5.3.1  在【设计】视图中插入

图片... 98

5.3.2 通过【资源】面板插入

图片... 99

5.3.3 在网页的源代码中插入

图片... 99

5.3.4 使用图像热区... 99

5.4  创建各种链接... 100

5.4.1 相对路径和绝对路径... 100

5.4.2 创建图像热点链接... 101

5.4.3 创建E-mail链接... 101

5.4.4 创建脚本链接... 102

5.4.5 创建下载文件链接... 102