网页设计与网站规划PDF电子书下载

第1章　网页设计概述 1

1．1　网页的技术环境 1

1．1．1　网页编辑软件 1

1．1．2　图像处理软件 2

1．1．3　动画制作软件 3

1．1．4　其他相关工具软件 3

1．2　网页的媒体环境 4

1．2．1　互联网的发展 4

1．2．2　手机的发展 5

1．2．3　创造和谐的网络环境 6

1．3　网页设计流程 6

1．3．1　网页设计的流程 7

1．3．2　网页设计的注意事项 8

习题1 9

第2章　网页的版面设计 10

2．1　网站的版面设计 10

2．1．1　版面编排原则 10

2．1．2　选择页面的大小 11

2．2　网页布局 13

2．2．1　常见的网页布局类型 13

2．2．2　网页排版布局的一般步骤 17

2．3　用布局表格来布局页面 18

2．4　图文编排 18

2．5　主体版面设计 18

2．5．1　主体版面风格的确定 19

2．5．2　主体版面颜色搭配 19

2．5．3　主体版面字体选择 20

2．5．4　主题版面的大小控制 21

2．5．5　主体版面的布局 22

2．5．6　主体版面设计遵循的原理 23

2．6　主体元素的确定 25

2．6．1　两栏布局主体版面的左栏制作 25

2．6．2　两栏布局主体版面的右栏制作 26

2．6．3　样式调整及修改 26

2．7　网页与平面构成、色彩、版面设计的关系 28

2．7．1　网页的平面构成设计 28

2．7．2　色彩设计 29

2．7．3　美术设计 29

2．7．4　网页排版 29

2．8　网页设计与传统版面设计的比较 30

2．9　典型网站的版面设计 30

2．9．1　商业站点 30

2．9．2　信息站点 31

2．9．3　娱乐站点 31

2．9．4　门户站点 31

习题2 33

第3章　网页的色彩应用 34

3．1　色彩的基本原理 34

3．1．1　色彩的概念 34

3．1．2　光与色彩 35

3．1．3　色彩的混合 35

3．1．4　色彩的属性 38

3．1．5　色立体 41

3．2　色彩与心理 46

3．2．1　色彩与调性 46

3．2．2　色彩的感觉 53

3．2．3　色彩的联想 55

3．2．4　色彩与季节 57

3．3　色彩的对比 58

3．3．1　明度对比 58

3．3．2　色相对比 60

3．3．3　纯度对比 63

3．4　无色系颜色与有色系颜色的搭配应用 64

3．4．1　黑、白、灰的作用 64

3．4．2　黑色白色对色彩的分隔作用 65

3．4．3　色彩的暗化与淡化 65

3．5　色彩调和 66

3．5．1　类似调和 66

3．5．2　对比调和 68

3．6　色彩在网页设计中的应用 69

3．6．1　网页与色彩 69

3．6．2　对比与协调 70

习题3 73

第4章　网页各组成部分的设计和制作 74

4．1　网页标题栏的设计和制作 74

4．1．1　网页组成简介 74

4．1．2　网页标题栏的设计与制作 75

4．1．3 Logo的设计与制作 76

4．1．4　网页标题栏Banner的设计与制作 80

4．2　导航条的设计与制作 81

4．2．1　网页导航条简介 81

4．2．2　导航条的设计要求 82

4．2．3　导航条的设计 83

4．2．4　导航的位置 83

4．2．5　导航的方向 83

4．3　广告栏的应用 84

4．3．1　网页广告的定义 84

4．3．2　网页广告条的种类和特点 85

4．3．3　网页广告条的标准 86

4．3．4　网页广告的应用 88

4．4　网页背景的制作和应用 88

4．4．1　网页背景简介 88

4．4．2　网页背景的种类和特点 88

4．4．3　网页背景的设计 90

4．4．4　网页分层背景的设计要点 91

4．5　页眉和页脚的设计 94

4．5．1　网页页眉简介 94

4．5．2　网页页脚简介 94

4．5．3　页眉、页脚的设计 95

习题4 95

第5章　网页中按钮的制作及应用 96

5．1　按钮与网页的关系 96

5．2　按钮的设计原则 105

5．3　常见按钮样式的制作 105

5．3．1　网页中的按钮设计 105

5．3．2　简单按钮的制作 106

5．3．3　水晶按钮 110

5．4　导航条的制作 113

5．5　动态按钮的制作 116

习题5 126

第6章　用Photoshop优化Web页 127

6．1　优化图像 127

6．1．1　图片优化基本原则 127

6．1．2　GIF图片的优化处理 128

6．2　制作web图片库 130

6．3　GIF动画在网页中的制作与运用 131

6．3．1　逐帧动画 131

6．3．2　GIF动画的制作步骤 133

6．4　网页背景无缝贴图的制作 138

6．4．1　感受无缝平铺图案 138

6．4．2　无缝平铺图案深度分析 140

6．4．3　用Photoshop“位移滤镜”制作平铺图案 142

6．4．4　常用无缝拼接图案的制作方法 145

6．5　图层样式在网页中的运用 149

6．5．1　图层样式详解 149

6．5．2　利用图层样式设计个性化网页界面实例 151

习题6 156

第7章　网站概述 157

7．1　网站的组成 157

7．1．1　网页 157

7．1．2　网站空间 157

7．1．3　网址 158

7．1．4　域名 158

7．2　网站的分类 159

7．2．1　政府网站 159

7．2．2　企业网站 161

7．2．3　综合类网站 161

7．2．4　搜索引擎网站 162

7．2．5　教育类网站 165

7．2．6　电子商务类网站 165

7．2．7　个人网站 165

习题7 165

第8章　网站规划设计 166

8．1　确定网站类型 166

8．1．1　综合信息门户网站 167

8．1．2　普及型网站 168

8．1．3　电子商务网站 169

8．1．4　媒体信息类网站 171

8．1．5　办公事务管理网站 172

8．1．6　娱乐性网站 173

8．2　定位网站主题与名称 173

8．2．1　网站设计主题分析 174

8．2．2　网站的名称分析 175

8．3　确定网站内容 176

8．3．1　网站内容的分类 176

8．3．2　网站内容设计原则 177

8．3．3　网站应该包括的十项内容 177

8．4　网站界面规划 179

8．4．1　栏目与板块编排 179

8．4．2　目录结构与链接结构 180

8．4．3　版面布局 181

8．5　网站策划书撰写要点 182

8．5．1　建立网站的目的和功能定位 182

8．5．2　网站的需求分析和规划 182

8．5．3　域名和网站名称的选择 183

8．5．4　网站的主要功能 183

8．5．5　网站技术解决方案 183

8．5．6　网站内容规划 185

8．5．7　网站测试 185

8．5．8　网站发布 186

8．5．9　网站推广 186

8．5．10　网站维护 186

8．5．11　网站财务预算 187

习题8 188

第9章　网站的设计 189

9．1　定位网站的CI形象 189

9．1．1　设计网站的标志 190

9．1．2　设计网站Banner 196

9．2　网站的整体风格和创意设计 202

9．2．1　网站的整体风格 202

9．2．2　网站的创意设计 209

9．3　网站功能设计 210

9．4　网站设计流程 212

9．4．1　网站需求分析 212

9．4．2　网站规划 213

9．4．3　项目实施 214

9．4．4　宣传推广 215

9．4．5　网站维护 220

习题9 222

第10章　综合实例 223

10．1　数码产品MiniSite设计实例 223

10．1．1　什么是MiniSite 224

10．1．2　需求分析 227

10．1．3　版面设计 228

10．1．4　功能实现 231

10．2　企业网站设计实例 241

10．2．1　制作企业网站要注意什么 242

10．2．2　需求分析 245

10．2．3　数据库设计 246

10．2．4　版面设计 251

10．2．5　功能实现 253

10．2．6　测试与维护 262

习题10 263

参考文献 264