小说网站-包括PC版本和移动版本

Blackbox

发布日期: 2019-05-26 15:40:05 浏览量: 403
评分:
star star star star star star star star star_border star_border
*转载请注明来自write-bug.com

一、网站简介

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端跳不出移动端的框架了。在制作网页时,我时常想到的是我的技术支撑不起我的野心。目前的我还停留在只能使用简单样式语句的阶段。本来构思好的框架没能实现,最终的网页整体属于个人创作。最后的感觉是选的主题的工程太大了,要实现的功能太多了。由于时间和能力的限制没能很好地完成。

上传的附件 cloud_download 小说网站-包括PC版本和移动版本.7z ( 4.05mb, 1次下载 )
error_outline 下载需要8点积分

发送私信

一个人的喜悦,无非是岁月静好,现世安稳

9
文章数
10
评论数
最近文章
eject