刘春茂，本科毕业于上海复旦大学，硕士毕业于清华大学。曾在美国IBM公司移动产品开发组从事Android平台应用的开发。
擅长的核心技术
媒体和教育领域个性化信息推荐，网站用户行为数据挖掘，健康领域非结构化数据处理。
擅长的其他技术
熟悉各种网站和手机（Andorid和iOS）app的开发等，精通Java, C/C++, PHP, Python等流行语言并对Hadoop， MapReduce等大数据框架有深入研究。

第2章  整体把握网站结构——网页配色与网站布局
　　
　　一个网站能否成功，很大程度上取决于网页的结构与配色。因此，在学习制作动态网站之前，首先需要掌握网站结构与网页配色的相关基础知识。本章主要介绍网页配色的相关技巧、网站结构的布局，以及网站配色的经典案例等。
　　
2.1  善用色彩设计网页
　　经研究发现，当用户第一次打开某个网站时，给用户留下第一印象的既不是网站的内容，也不是网站的版面布局，而是网站具有冲击力的色彩，如图2-1所示。

图2-1  网页色彩搭配
　　色彩的魅力是无限的，它可以让本身平淡乏味的东西瞬间变得漂亮起来。作为最具说服力的视觉语言，作为最强烈的视觉冲击，色彩在人们的生活中起着先声夺人的作用。因此，作为一名优秀的网页设计师，不仅要掌握基本的网站制作技术，还要掌握网站的配色风格等设计艺术。
2.1.1  认识色彩
　　为了能更好地应用色彩来设计网页，需要先了解色彩的一些基本概念。自然界中有好多种色彩，如玫瑰是红色的，大海是蓝色的，橘子是橙色的……但是最基本的色彩有3种(红、黄、蓝)，其他的色彩都可以由这3种色彩调和而成。这3种色彩被称为“三原色”，如图2-2(a)所示。
　　现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列；其他的色彩都属于彩色系列。任何一种彩色的色彩都具备色相、明度和纯度3个特征。而非彩色的色彩只具有明度属性。
1. 色相
　　色相指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩最主要的因素。比如，紫色、绿色、黄色等都代表了不同的色相。同一色相的色彩，通过调整亮度或者纯度，就很容易搭配，如图2-2(b)所示。
2. 明度
　　明度也叫亮度，是指色彩的明暗程度。明度越大，色彩越亮，如一些购物、儿童类网站，用的是一些鲜亮的颜色，让人感觉绚丽多姿、生气勃勃。明度越低，颜色越暗。低明度的色彩主要用于一些充满神秘感的游戏类网站，以及一些为了体现个人的孤僻，或者忧郁等性格的个人网站。

                                 (a)                          (b)
图2-2  三原色与色相
　　有明度差的色彩更容易调和，如紫色(#993399)与黄色(#ffff00)，暗红(#cc3300)与草绿(#99cc00)，暗蓝(#0066cc)与橙色(#ff9933)等。色彩的明度如图2-3所示。

图2-3  色彩的明度
3. 纯度
　　纯度是指色彩的鲜艳程度。纯度高的色彩颜色鲜亮；纯度低的色彩颜色暗淡发灰。
2.1.2  确定网站的主题色
　　一个网站一般不使用单一颜色，因为这样会让人感觉单调、乏味；但也不能将所有的颜色都运用到网站中，让人感觉不庄重。一个网站必须围绕一种或两种主题色进行设计，这样既不至于让客户迷失方向，也不至于让客户感到单调、乏味。因此，确定网站的主题色是设计者必须考虑的问题之一。
1. 主题色确定的两个方面
　　在确定网站主题色时，通常可以从以下两个方面去考虑。
　　1)    结合产品、内容特点
　　应该根据产品的特点来确定网站的主色调。如果企业产品是环保型的，可以采用绿色；如果企业主营的产品是高科技或电子类的可以采用蓝色等；如果是红酒企业，则可以考虑使用红酒的色调。图2-4所示为一个商业网站的色彩搭配。

图2-4  商业网站色彩的搭配
　　2)    根据企业的VI识别系统
　　如今有很多公司都有自己的VI识别系统，从公司的名片、办公室的装修、手提袋等可以看得到，这些都是公司沉淀下来的企业文化。网站作为企业的宣传方式之一，也在一定程度上需要考虑这些因素。
2. 主题色的设计原则
　　在主题色确定时我们还要考虑如下原则，这样设计出的网站界面才能别出心裁，体现出企业的独特风格，更有利于向受众传递企业信息。
　　1)    与众不同，富有个性
　　过去许多网站都喜欢选择与竞争对手的网站相近的颜色，试图通过这样的策略来快速实现网站构建，减少建站成本，但这种建站方式鲜有成功者。网站的主题色一定要与竞争网站能明显地区别开，只有与众不同、别具一格才是成功之道，这是网站主题色选择的首要原则。如今越来越多的网站规划者开始认识到这个真理。比如，中国联通已经改变过去模仿中国移动的色彩，推出了与中国移动区别明显的橘色作为新的标准色，如图2-5所示。

第1篇 基础入门
第1章 开启网页设计之路——网页设计与网站建设基础
1.1 认识网页和网站
1.1.1 什么是网页
1.1.2 什么是网站
1.1.3 网站的种类和特点
1.2 网页的相关概念
1.2.1 因特网与万维网
1.2.2 浏览器与HTML
1.2.3 URL、域名与IP地址
1.2.4 上传和下载
1.3 网页的HTML构成
1.3.1 文档标记
1.3.2 头部标记
1.3.3 主体标记
1.4 HTML的常用标记
1.4.1 标题标记
1.4.2 段落标记
1.4.3 换行标记
1.4.4 链接标记
1.4.5 列表标记
1.4.6 图像标记
1.4.7 表格标记
1.4.8 表单标记
1.5 综合案例——制作日程表
1.6 疑难解惑
第2章 整体把握网站结构——网页配色与网站布局
2.1 善用色彩设计网页
2.1.1 认识色彩
2.1.2 确定网站的主题色
2.1.3 网页中色彩的搭配
2.1.4 网页元素的色彩搭配
2.1.5 网页色彩搭配的技巧
2.2 常见网站的布局结构
2.2.1 “国”字型
2.2.2 标题正文型
2.2.3 左右框架型
2.2.4 上下框架型
2.2.5 综合框架型
2.2.6 封面型
2.2.7 Flash型
2.3 综合案例——定位网站页面的框架
2.4 疑难解惑
第2篇 网页内容设计
第3章 磨刀不误砍柴工——使用
Dreamweaver CC创建站点
3.1 认识Dreamweaver CC
3.1.1 启动Dreamweaver CC
3.1.2 认识Dreamweaver CC的工作区
3.1.3 体验Dreamweaver CC的新增功能
3.2 创建站点
3.2.1 案例1——创建本地站点
3.2.2 案例2——创建远程站点
3.3 管理站点
……
第3篇 网页元素设计
第4篇 网页动画设计
第5篇 项目开发