别具光芒

第1章网页配色1

1.1关于网页的配色2

1.1.1网页安全色2

1.1.2基本配色的方法3

1.1.3基本色相、色调的配色方案7

1.2色彩和感觉的神秘关系12

1.2.1色彩的温度感12

1.2.2色彩的重量感13

1.2.3色彩和声音13

1.2.4色彩和味觉、香味14

1.2.5色彩与光14

1.2.6色彩的心理感觉15

第2章网页布局19

2.1网页布局类型的确定方法20

2.1.1把内容放入自己喜欢的网页类型中20

2.1.2草绘出两三个不同网页类型的模板21

2.2网页布局的连贯性和多样性21

2.3网页布局结构22

2.3.1网页布局结构的标准信息架构23

2.3.2单一结构23

2.3.3复合结构27

2.4网页布局形态31

2.4.1功能优先还是形态优先31

2.4.2网页布局形态表达的含义及传递的情感32

2.4.3普通形态35

2.4.4独特形态37

2.4.5实验形态39

第3章手机增值业务网站40

3.1背景概述41

3.2实例分析42

3.2.1色彩分析42

3.2.2布局分析43

3.3使用Photoshop软件设计版面效果43

3.3.1新建文件并设置参考线43

3.3.2设计Logo和导航45

3.3.3设计主要内容区47

3.3.4设计版权信息部分50

3.3.5切割网页图像并存储为Web所用格式51

3.4使用Dreamweaver软件制作成HTML页面53

3.4.1定义本地站点53

3.4.2使用表格布局页面54

3.4.3制作Logo和菜单栏57

3.4.4使用CSS样式定义背景和文本域属性59

3.4.5制作主要内容区61

3.4.6制作版权信息部分65

3.5将网页发布到因特网上66

3.5.1使用Dreamweaver自带的上传功能上传66

3.5.2使用CuteFTP软件上传70

第4章旅游网站72

4.1背景概述73

4.2实例分析75

4.2.1色彩分析76

4.2.2布局分析76

4.3使用Photoshop软件设计版面效果77

4.3.1设计头部区域77

4.3.2设计内容区域80

4.3.3设计尾部区域84

4.3.4切割网页图像84

4.4将效果图制作成HTML页面86

4.4.1定义站点与表格布局87

4.4.2制作会员登录入口88

4.4.3插入Flash菜单和顶部导航90

4.4.4利用CSS样式设置边框效果92

4.4.5编排内容区域各元素94

4.4.6制作尾部区域97

4.4.7利用时间轴和层制作漂浮广告98

第5章家电家居网站101

5.1背景概述102

5.2实例分析103

5.2.1色彩分析103

5.2.2布局分析104

5.3使用Photoshop软件设计版面效果104

5.3.1设计主内容区域104

5.3.2设计尾部区域108

5.3.3切割网页图像109

5.4将效果图制作成HTML页面110

5.4.1定义站点与表格布局111

5.4.2制作导航条112

5.4.3制作下拉菜单114

5.4.4编排其他内容116

5.4.5制作尾部区域120

5.5利用模板制作网页122

5.5.1认识模板122

5.5.2创建模板123

5.5.3应用模板制作内页125

第6章手机和数码产品网站129

6.1背景概述130

6.2实例分析131

6.2.1色彩分析131

6.2.2布局分析132

6.3使用Photoshop软件设计版面效果132

6.3.1规划整体版面132

6.3.2使用钢笔工具绘制不规则圆角粗边框132

6.3.3设计Banner区域135

6.3.4制作Logo和导航区域136

6.3.5设计内容区域边框137

6.3.6设计内容区域各元素139

6.3.7切割网页图像140

6.4使用Dreamweaver软件制作HTML页面142

6.4.1定义站点与设置页面属性142

6.4.2利用表格和【CSS样式】面板布局143

6.4.3利用【行为】面板制作交换图像效果菜单144

6.4.4制作Banner区域145

6.4.5利用CSS样式设置内容区域边框147

6.4.6编排内容区域各元素148

6.4.7利用【行为】面板制作弹出页面151

第7章音乐网站153

7.1背景概述154

7.2实例分析155

7.2.1色彩分析155

7.2.2布局分析156

7.3使用Photoshop软件设计版面效果156

7.3.1设计斜形纹理背景图像157

7.3.2规划整体版面158

7.3.3设计头部区域160

7.3.4设计导航区域161

7.3.5设计动画播放窗口163

7.3.6设计内容区域165

7.3.7设计尾部区域166

7.4使用Dreamweaver软件制作HTML页面167

7.4.1设置背景图像167

7.4.2利用表格初步布局168

7.4.3插入Flash文件169

7.4.4编辑其他内容区域171

7.4.5制作内页174

7.4.6在页面中插入视频文件175

7.4.7在页面中插入背景音乐178

第8章艺术设计网站180

8.1背景概述181

8.2实例分析183

8.2.1色彩分析183

8.2.2布局分析184

8.3使用Photoshop软件设计版面效果184

8.3.1规划整体版面184

8.3.2设计Logo185

8.3.3设计导航栏187

8.3.4设计左边区域和Banner区域189

8.3.5设计其他区域190

8.3.6切割网页图像194

8.4使用Dreamweaver软件制作HTML页面196

8.4.1利用表格布局196

8.4.2制作“鼠标经过图像”效果197

8.4.3制作左边区域的内容199

8.4.4使用【显示-隐藏层】行为制作Banner201

8.4.5制作其他内容部分206

8.4.6设置状态栏文本209

8.4.7设置滚动条颜色和隐藏滚动条210

8.4.8加入防止网页被COPY的代码211

第9章企业网站213

9.1背景概述214

9.2实例分析215

9.2.1色彩分析216

9.2.2布局分析216

9.3使用Photoshop软件设计版面效果217

9.3.1规划整体版面217

9.3.2设计头部区域220

9.3.3设计导航区域222

9.3.4设计内容区域222

9.3.5设计尾部区域227

9.3.6切割网页图像228

9.4使用Dreamweaver软件制作HTML页面230

9.4.1初步编辑网页230

9.4.2制作头部区域和导航区域232

9.4.3制作内容区域234

9.4.4制作尾部区域239

第10章时尚社区网站240

10.1背景概述241

10.2实例分析242

10.2.1色彩分析242

10.2.2布局分析243

10.3使用Photoshop软件设计版面效果243

10.3.1设计头部区域244

10.3.2设计导航和Banner区域245

10.3.3设计内容区域246

10.3.4设计尾部区域250

10.3.5切割网页图像252

10.4使用Dreamweaver软件制作HTML页面253

10.4.1新建站点与设置页面属性254

10.4.2利用表格布局254

10.4.3制作导航和Banner区域256

10.4.4制作会员登录部分258

10.4.5制作内容区域其他部分261

10.4.6制作尾部区域265

　　本书基于Dreamweaver+Photoshop工具组合，系统详细地介绍了8个不同特色的网站的设计和制作过程。每一实例又分为实例背景分析、使用Photoshop软件设计版面效果、使用Dreamweaver软件制作成HTML页面3个过程进行讨论。本书采用了全新的图文结合方式，全面展现了网页设计与制作过程中的细节，尤其通过大量注释详尽的图解为读者化解了阅读和学习上的障碍，使得读者可以更加快速和高效地提升自己的网页制作技能。　　本书首先全面讲述了网页配色与网页布局的基本知识，然后基于Dreamweaver+Photoshop的工具组合，详细地介绍了手机增值业务网站、旅游休闲网站、家电家居网站、手机和数码产品网站、音乐网站、艺术设计网站、企业网站和时尚社区网站8个典型实例的设计和制作过程。在介绍各个网站实例的制作过程中，不仅分析了各个网站的配色方案和布局结构，而且还细致地讲解了从设计版面效果到实现最终HTML页面的操作步骤，以及一些实际网页设计和制作中常用的方法和技巧。　　本书面向实用，提供了大量网页设计与制作的细节图解，采用由浅入深的讲解方式，即使是初学者也可以轻松掌握Dreamweaver+Photoshop工具，制作出精美的网页并搭建功能强大的网站。随书光盘提供了本书所有的实例素材及网站源文件(PSD、HTML、Flash)，以帮助读者进行操作练习。　　本书适用于网页设计、网站制作的初学者，也适用于相关从业人员进阶，还可以作为大中专院校相关专业的教学辅导和参考用书，或作为相关培训机构的培训教材。