一、网站简介
1.1 设计思路
根据一般人阅读小说的顺序，利用了HTML5、CSS3制作一个普通pc端和跨平台移动端。
- PC端：小说的首页、小说某类具体信息、某小说详细信息页
- 移动端：小说的首页、小说分类、小说某类具体信息、小说详情
1.2 网站的主体功能
小说的分类，小说的推荐，小说的详细信息，在小说的详细页运用了数据库的数据进行页面的更新，避免重复页面的设计。
1.3 开发工具与环境
- 笔记本电脑
- Dreamweaver
- Photoshop
- Google Chrome
- Microsoft Visual Studio
- Microsoft SQL Server Management Studio
- Opera Mobile Emulator
二、网站功能说明
2.1 使用方法
备注：移动端没有连数据库（由于时间界限，还有跟pc端操作差不多一样的，就没有实现了），所录视频噪音比较大（电脑本身声音）pc端数据库已分离，要重新附加到数据库才有效果。
打开数据库，用sa用户连上，在Microsoft Visual Studio以网站的形式打开整个网站，找到index.aspx直接运行(pc端具体操作是：首页-校园青春-微微一笑很倾城/夏至未至/沙漏/悲伤逆流成河，移动端具体操作是：首页-分类-校园青春-微微一笑很倾城)
2.2 PC首页展示
2.3 PC功能页展示
2.4 PC详细页展示
通过数据库更换作品的详细信息
2.5 移动端首页展示
2.6 移动端功能页展示
2.7 移动端详细页展示
三、总结
3.1 待改进的地方
能力水平有限，本来想用书架来实现整个网页的数据的增删改查，最终没有做出来。
3.2 心得体会
除了整个运用了轮播这个效果，其他样式基本上都是自己写的。
在制作网站前，首先要确定好自己要做网页的主题，第二，构思好一个整体的框架，每个菜单放置的位置，里面的内容 。第三，找好素材。样式的命名要明确，因为可能要进行多次的修改。因为先做了移动端，感觉pc端跳不出移动端的框架了。在制作网页时，我时常想到的是我的技术支撑不起我的野心。目前的我还停留在只能使用简单样式语句的阶段。本来构思好的框架没能实现，最终的网页整体属于个人创作。最后的感觉是选的主题的工程太大了，要实现的功能太多了。由于时间和能力的限制没能很好地完成。
