日期 2019.3 进入21世纪，越来越多的人去上网阅读小说，之前纸质的小说比较流行，现在人们已经习惯了网上阅读这个习惯。小说能够让人们在无聊的时候打发时间，对于所有小说阅读者来说，在网上可以浏览各种小说，并且能够直接去阅读自己喜欢的小说，由于其优势，各种小说网站越来越受欢迎，因此本论文介绍的是一个小说静态网站的制作过程，主要用到的工具有Photoshop和Dreamweaver。本网站也是用到了很多技术，比如Photoshop处理一些图片的技术；网页动画的设计等。本静态网站也是通过DIV+CSS样式设计本网站的首页，小说排行等页面，制作此静态网站的主要目的是让用户通过本网站了解最新的小说。 1
目录
Abstract： 2
一、引言 1
（一）课题开发背景 1
（二）需求分析 1
二、工具介绍 1
（一）Photoshop 1
（二）Adobe Dreamweaver 2
三、网站总体设计 2
（一）网站结构设计 2
（二）网站风格设计 3
（三）网站布局设计 3
四、网站详细设计 5
（一）Logo设计 6
（二）导航设计 6
（三）产品展示详情页设计 6
（四）登录页面的设计 7
（五）注册页面的设计 8
（六）联系我们页面设计 8
五、网站实现 9
（一）首页的实现 9
（二）子页的实现 10
六、网站特效 12
七、总结 14
（一）确定网站主题 14
（二）掌握建网工具 14
八、致谢 15
九、参考文献 16
一、引言
（一）课题开发背景
随着社会的进步，小说已成为一种新的艺术形式。现代媒体技术的飞速发展，新兴产业小说与游戏产业的联系日益紧密，已成为我国成熟的产业链。小说已经成为21世纪互联网从印刷媒体进入信息时代的焦点之一。 *景先生毕设|www.jxszl.com +Q: ^351916072# 
网络技术的发展也获得了很多人的认可，进而促进网站的发展。目前，网站已经成为许多不可或缺的网络营销平台，互联网的使用也在不断增长。其中，对网络平台的需求非常明显，尤其是中小型小说的静态网页。因此，新静态网站的建立是新静态网站社会发展的重要条件。
网站建设是一项长期的广告投资，就比如小说静态网站。通过了解小说静态网页文化的分布、学习管理理念、浏览特色服务和国家级网站和拓展作者市场可以加强与粉丝的沟通，缩小作者和粉丝之间的距离。本网站由一个搜索速度快、方便、可靠、存储容量大、保密性好、使用寿命长、成本低、维护方便、信息实时的大型网站组成。这些优势有助于提高网站的运营水平，同时也包括了科学化、计算机化和国际化的重要要求。如今，它已成为小说静态网页发展的重要组成部分。由于创意设计有限，所以必须建立广告网站，在短期内要去将加强宣传，去更多的得到用户的认可和信任。
小说网站的建设是非常必要的，其定位和风格设计将影响小说在网络产品销售中的作用。小说可以是一种感觉，释放外界的压力，从不同的角度产生不同的定义。在日常生活中，动画或多或少与生活融为一体。本网站的目的让访问者对小说有一个很好的了解。
（二）需求分析
1. 网站总体目标
首页、全部作品、排行、完本、免费这些页面的制作步骤如下：首先从互联网上找到相关信息，然后把合适的放在自己的网站里。设计的步骤如下：首先去设计网站的框架，然后去部分操作。当然这些都是要以小说类型为主题。这个网站的主要目的是让访客知道最新更新的小说，能为访客选择更好的捷径和最方便的阅读方式。
2.技术可行性分析
它还使用了FlashCS5使网站拥有了精美的素材，这样能够建立一个简单而美丽的空间网站。
二、工具介绍
（一）Photoshop
PS是adobe系统开发的图像处理软件。许多图形工具可用于启用图像编辑任务。PS和图像、图形、角色、视频、出版等相关。这是专业设计师首选的软件。
Photoshop有广泛的应用，包括图像、图形、文本、视频和出版。请看看下面的介绍：
1.平面设计
平面设计是Photoshop所应用到的许多设计。无论是在阅读书籍封面，还是在街上看到的海报和广告，这些具有丰富图像的印刷产品基本上都需要Photoshop软件来处理图像。
2.修复照片
Photoshop具有强大的图像修改功能。利用这些功能，我们可以快速修复受损的旧照片以及面部斑点等缺陷。
在制作该网站的过程中，主要使用PS中的图像处理功能。它主要处理一系列图像处理，如图像尺寸修改和标志设计。
（二）Adobe Dreamweaver
Adobe Dreamweaver，是一个所见即所得的网页代码编辑器，集成了网页制作和网站管理。有了对超文本标记语言、CSS、JavaScript和其他内容的支持，设计者和程序员几乎可以在任何地方快速创建和构建网站。启东小说网的制作主要依靠DW软件，使用了超文本标记语言、CSS、JavaScript等二级功能。整个网站的制作几乎完全依托于DW，就比如网站的框架设计。
三、网站总体设计
（一）网站结构设计
本网站主要设计架构为以首页为架构，然后下面一共有六个设计模块，每个模块都有各自的功能，如下图31：
图31 架构图
全部作品：这里面有启东小说网里最丰富的小说，很多有名气的小说，例如《斗罗大陆》《斗破苍穹》等等，海量小说给各位读者选择。
完本：这里面的小说是最新更新完结的小说，各位读者可以不必追踪小说的更新状态，
免费：其中有些小说是限时免费的，主要是给各位读者小优惠，让大家能够看自己喜欢的任何小说。
作家专区：本网站的大神作家也是很多的，读者可以找到自己喜欢的作家，并阅读他们的作品。
排行：这里边有各项专区排行靠前的知名小说，这里面的小说大多耳熟能详，所以让更容易让读者去选择阅读。
关于我们：这里面介绍了本网站的发展历程，并且有本公司的联系方式和地址，供有意向的作家投稿。
（二）网站风格设计
“风格”是抽象的，这意味着整个网站的形象要让读者亲自去感受。“整个图像”包含各种元素，例如配置项(标签、颜色、字体、标语)、布局、浏览方法、互操作性、字符、细微差别、内容值。颜色、技术、性格、布局和互动使它成为一种网站风格，这样你就可以清楚地区分别人的网站和你自己的网站，就比如网站的风格方面，我也是找到了几本比较有名气的小说放在主页，这样能更好的向读者展示这些小说。《我能看见战斗力》这本小说我也是比较熟悉，我也是放在了首页。如图32：

原文链接：http://www.jxszl.com/jsj/xxaq/67679.html