网站名称：獭兔啃书娱乐
本站经由Dreamweaver CS4排版、PS进行图像处理制作而成，对网下载的素材进行了再次处理深加工，并参照了部分网站设计优点，这是我第一次独立完成一个网站，有许多不足之处，请各位朋友浏览本站后，不吝赐教，谢谢！
设 计 理 念
⑴ 内容决定形式我做的是小说推荐网，因此去看过许多小说网站的排版与布局，许多的网站都是长度很长，我个人并不喜欢这样的风格，因此决定采用1002*768的版面，同时我个人的经验，希望能把小说分成不同的类型，因此采用了三个小方面进行（现代都市、古代情愫、作家专栏） ，同时想将一些优秀的小说网站介绍给读者，于是又开辟了小说站，于是分区完成。 ⑵ 先整体，后局部，最后回归到整体。
全局考虑，把能填上的都填上，占位置。然后定基调，分模块设计。最后调整不满意的几个局部细节。
设 计 工 具
本网站是结合 Dreamwaver CS4和 Photoshop 来制作的。
制 作 流 程
一、制作前的准备
我知道制作网页效果图之前，首先需要进行相应的准备，而不是打开软件上来就进行制作，首先要分清你要什么，你有什么。
（一）、网站的策划阶段
1.所要设计网站的类型。（我所做的这个网站是小说推荐网，它的类型属于使用者通过浏览器就可以获得网站所提供的信息与服务，我是信息的收罗者和部分信息的提供者）。
2.网页的构成。（我知道不同性质和类别的网站，页面的内容安排是不同的。我所做的这个网站主页的基本内容包括标题、导航、主体内容等，其他页面相对简单。）
3.页面的安全尺度。（建议分辨率为1002*768）
4.页面功能设计。（一个好网站的要时时与浏览者互动，沟通，于是加入了E-MAIL和QQ联系方式，同时我希望浏览者在一个有美妙音乐的环境中浏览我的网站，因此在首页中加入即开即停的音乐播放器。
5.素材的收集和整理。（由于前面已经把网页的类型，内容和功能确定了，接下来就可以根据确定好的内容和类型来收集素材，素材包括文字和图像，在我的网站中所涉及的图片大多是一般网络上可以找到的。它们只是被我拿过来进行了一点点加工和处理。
（二）、网页的版式布局阶段
我的网站中的版式布局大致使用的是水平分割，灵活部局的方式。
（三）网页的配色阶段
通过对图片进行PS，在PS中进行了配色，决定采用与顶端图像相似的颜色，同时不加入背景，以防止背景图像对页面的干扰。
二、效果图的设计（略写）
由于我所做的是小说推荐网站，不需要太多的修饰与华丽的布局，所以采用了对称性设计这一理念，显得结构严谨而整洁。
三、网站页面的生成（略写）
创建Web站点——制作形象首页——使用Photoshop进行切片并保存——使用Dreamwaver CS4进行调整并编缉——形象首页完成
这次的设计主要以表单为主进行的设计，再在单元格中加入所需元素，除首页以外的其它页面大致设计过程一样，同时为了增强条理性，相同类型的分页面格式一样。
网页设计技巧
一、首页设计技巧
在此次的网页设计中，我将首页制作成纯粹的形象展示型，这种类型文字信息较少，图像信息较多，对图像等进行了不同的链接，从而避免过多文字造成浏览者的视觉疲劳，同时又让必要的信息传递给他们。
二、风格保持一致——内页设计技巧
利用导航取得统一：导航是网站的一项重要组成部分，一个出色的导航将会给人留下深刻的印象。
三、色彩搭配
我的页面顶部有一点朴素沉闷，这与我想突出文字的沉韵气质有关，但这样为免让人压抑，于是在首页中用了大篇幅的粉色系图案来减轻这种沉闷，同时又使用了含金属光泽的边框来给人干净理性的感觉。
设 计 结 构 图
↙↘
(xijuan\\feiwosc)
