水晶石教育编著的《水晶石技法 Photoshop商业网页设计》共分11章分别是：第1章网页设计基础。主要讲解网站的分类、设计要点、原则、艺体基本流程及色彩应用。第2章设计制作网站的基本元素。主要讲解网站中常用元素的设计。第3章～第11章本部分内容为实例制作，包括科勒官网、Dlor圣诞活动网站、碧欧泉空中之夏网站、力度伸活动网站、达喜官网、Jim Beam、舒耐脱光派对、雀巢咖啡玩上“饮”、临动官方首页。在讲解实例的时候，采用了案例实战+参数详解的形式，将Photoshop的操作方法和网页设计完美结合，读者可以在动手实践的过程中轻松掌握各种图像处理技术和网页设计布局方法，避免了在学习过程中走弯路。通过实例练习，让读者理论结合实际，对设计，对软件，有更深层次的认识和提高。

水晶石教育编著的《水晶石技法 Photoshop商业网页设计》由水晶石教育编著，是由珍贵的水晶石教育内部培训资料整理而成的。《水晶石技法 Photoshop商业网页设计》秉承水晶石教育“实战教学、实用教学、实时教学”的理念，主要通过实际项目案例讲解运用Photoshop软件进行网页设计的方法和技巧。

《水晶石技法 Photoshop商业网页设计》挑选网页设计中常用的项目案例进行讲解。第1章和第2章主要针对网页设计的基础知识和网页中常用到的小模块的设计进行讲解。第3章之后每章制作一个网页的实际案例。案例包括科勒官网、Dior圣诞活动网站、碧欧泉空中之夏网站、达喜官网等。

本书内容丰富，结构清晰，技术参考性强，更有水晶石数字教育学院老师精选的案例视频及操作素材在光盘及“帮我学”网站上供读者观摩，适合作为各大院校和相关培训机构的培训教材或教学参考用书，以及网页设计专业工作者和爱好者的自学读物。

第1章　网页设计基础　11

 1.1　网页的主要分类及各自特点　12

 1.1.1　个性展示类网站　12

 1.1.2　影视音乐类网站　12

 1.1.3　企业展示类网站　13

 1.1.4　儿童类网站　14

 1.1.5　美容时尚类网站　15

 1.1.6　游戏类网站　15

 1.1.7　医疗保健类网站　16

 1.1.8　休闲旅游类网站　16

 1.2　网页各元素的设计要点　17

 1.2.1　文字　17

 1.2.2　图像　18

 1.2.3　多媒体　18

 1.2.4　色彩　19

 1.3　网页设计的原则　19

 1.3.1　为用户考虑的原则　20

 1.3.2　主题突出原则　20

 1.3.3　整体原则　21

 1.3.4　内容与形式相统一的原则　21

 1.3.5　更新和维护的原则　22

 1.4　网页设计的基本流程　22

 1.4.1　前期策划　23

 1.4.2　收集素材　23

 1.4.3　页面的版式与布局分析　23

 1.4.4　确定网页的主色调　24

 1.4.5　设计页面整体　25

 1.4.6　其他页面元素的设计　25

 1.4.7　切割和优化页面　25

 1.4.8　制作HTML页面　25

 1.4.9　测试并上传网站　25

 1.4.10　网站的更新与维护　25

 1.5　网站中色彩的应用　25

 1.5.1　网页色彩的特性　26

 1.5.2　网页安全色彩　26

 1.5.3　色彩模式　27

 1.5.4　色彩的搭配　27

 1.6　网站版式设计　30

 1.7　本章小节　32

第2章　设计制作网站的基本元素　33

 2.1　网站按钮设计　34

 2.1.1　设计要点　34

 2.1.2　应用技能　34

 2.1.3　配色要求　34

 2.1.4　制作步骤　34

 2.2　网站金属质感图标设计　36

 2.2.1　设计要点　36

 2.2.2　应用技能　36

 2.2.3　配色要求　37

 2.2.4　制作步骤　37

 2.3　网站导航设计　42

 2.3.1　设计要点　42

 2.3.2　应用技能　43

 2.3.3　配色要求　43

 2.3.4　制作步骤　43

 2.4　网站广告设计　48

 2.4.1　设计要点　48

 2.4.2　应用技能　48

 2.4.3　配色要求　49

 2.4.4　制作步骤　49

 2.5　网站动态广告条设计　55

 2.5.1　设计要点　55

 2.5.2　应用技能　55

 2.5.3　配色要求　56

 2.5.4　制作步骤　56

 2.6　本章小节　64

第3章　网页设计实例之科勒官网　65

 3.1　案例概述　66

 3.1.1　项目背景分析　66

 3.1.2　框架结构分析　66

 3.1.3　网站配色方案　68

 3.2　操作步骤解析　68

 3.2.1　参数设置以及框架结构图层的建立　68

 3.2.2　素材图片的处理制作左侧画面和主菜单　70

 3.2.3　图片制作快捷入口　75

 3.2.4　页首和页尾　78

 3.2.5　右侧区域　81

 3.3　本章小节　83

第4章　网页设计实例之Dior圣诞活动网站　84

 4.1　案例概述　85

 4.1.1　项目背景分析　85

 4.1.2　框架结构分析　85

 4.1.3　网站配色方案　85

 4.2　操作步骤解析　85

 4.2.1　参数设置以及框架结构图层的建立　85

 4.2.2　制作页头主菜单和页尾　87

 4.2.3　产品图片的处理　90

 4.2.4　主画面文字的处理　93

 4.3　本章小节　95

第5章　网页设计实例之碧欧泉空中之夏网站　96

 5.1　案例概述　97

 5.1.1　项目背景分析　97

 5.1.2　框架结构分析　97

 5.1.3　网站配色方案　97

 5.2　操作步骤解析　97

 5.2.1　框架结构图层的建立　97

 5.2.2　填充背景　99

 5.2.3　套索工具抠图和通道抠图处理素材图片　100

 5.2.4　制作主画面　104

 5.2.5　主菜单和页尾的制作　110

 5.3　本章小节　113

第6章　网页设计实例之力度伸活动网站设计　114

 6.1　案例概述　115

 6.1.1　项目背景分析　115

 6.1.2　框架结构分析　115

 6.1.3　网站配色方案　116

 6.2　操作步骤解析　116

 6.2.1　参数设置以及图层组的建立　116

 6.2.2　编辑背景　117

 6.2.3　编辑产品组　119

 6.2.4　制作菜单　120

 6.2.5　添加页尾内容　122

 6.2.6　制作主画面　123

 6.3　细节修饰　127

 6.3.1　添加水中泡泡　127

 6.3.2　添加阴影部分　128

 6.4　本章小节　129

第7章　网页设计实例之达喜官网　130

 7.1　案例概述　131

 7.1.1　项目背景分析　131

 7.1.2　框架结构分析　131

 7.1.3　网站配色方案　133

 7.2　操作步骤解析　133

 7.2.1　参数设置以及框架结构图层的建立　133

 7.2.2　素材图片的处理制作主画面　134

 7.2.3　广告语　137

 7.2.4　产品展示　139

 7.2.5　网页快速入口　142

 7.2.6　页尾的制作　144

 7.3　本章小节　145

第8章　网页设计实例之Jim Beam　146

 8.1　案例概述　147

 8.1.1　项目背景分析　147

 8.1.2　网站配色方案　147

 8.2　操作步骤解析　148

 8.2.1　载入画笔　148

 8.2.2　制作页面背景　148

 8.2.3　主画面的制作　153

 8.3　本章小节　160

第9章　网页设计实例之舒耐脱光派对　161

 9.1　案例概述　162

 9.1.1　项目背景分析　162

 9.1.2　网站配色方案　162

 9.2　操作步骤解析　163

 9.2.1　面板的制作　163

 9.2.2　快速入口的制作　170

 9.2.3　主菜单的制作　173

 9.2.4　添加产品和版权信息　176

 9.3　本章小节　179

第10章　网页设计实例之雀巢咖啡玩上“饮”　180

 10.1　案例概述　181

 10.1.1　项目背景分析　181

 10.1.2　网站配色方案　181

 10.2　操作步骤解析　182

 10.2.1　面板的制作　182

 10.2.2　主画面的制作　184

 10.2.3　产品展示区的制作　187

 10.3　本章小节　192

第11章　网页设计实例之临动官方首页　193

 11.1　案例概述　194

 11.1.1　项目背景分析　194

 11.1.2　网站配色方案　194

 11.2　操作步骤解析　195

 11.2.1　背景的制作　195

 11.2.2　快速入口的制作　201

 11.2.3　广告语的制作　205

 11.2.4　导航栏的制作　206

 11.2.5　企业Logo的制作　211

 11.2.6　索引菜单的制作　213

 11.2.7　产品信息栏的制作　214

 11.3　本章小节　215