滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

娱乐休闲类网站开发前分析及准备工作

娱乐休闲类网页类型较多,结合主题内容不同,所设计的网页风格差异很大,如聊天交友、星座运程、游戏视频等。

设计分析

休闲娱乐网站要注重图文混排的效果,实践证明,用户在只有文字的页面中停留的时间相对较短,如果完全是图片,又不能概括信息的内容,用户看不明白,使用图文混排的方式是比较恰当的。另外,休闲娱乐类网站要注意引用会员注册机制,这样可以积累一些忠实的用户群体,有利于网站的可持续性发展。

首先从娱乐休闲类网网站的基本构成及其实现效果讲起。

网站流程图

网站流程图如下图所示。

通过构成图可以看到,不管栏目名称是什么,都可以使用一个列表页和内容页进行表达,在后台管理中s使用同一内容添加页和内容维护页进行管理,这些与行政类网站制作一样。

数据库分析

1) MySQL数据库的导入

文件夹中<源文件\ch16>整个复制到C:\Apache2.2\htdocs中,如此就可以开始进行网站的规划。在该目录中有本章范例所使用的数据库备份文件< db_ 16.sql>, 将其导入,其中包含了三个数据表: admin、 filmClass、 film。

2)数据表分析

导入数据表之后,在这个页面中可以选择两个数据表后方的[结构]文字链接观看数据表内容,如下图所示。

(1)admin数据表:该数据表用来保存登录管理界面的账号与密码,主索引栏为username字段,如下图所示。

目前已经预存--条数据在数据表中,值都为admin,为默认使用的账号及密码。

(2) filmClass数据表:该数据表主要为电影分类管理的内容。本数据表以class id (电影类别管理编号)为主索引,并设定为UNSIGNED (正数)、auto increment (自动编号),如此即能在添加数据、为每一则类别管理时加上一个单独的编号而不重复,如下图所示。

(3) film 数据表:该数据表主要为每则网站电影信息管理的内容。本数据表以film_ id(网站电影信息管理编号)为主索引,并设定为UNSIGNED (正数)、auto increment (自动编号),如此即能在添加数据时为每--则网站电影信息管理时加上一个单独的编号而不重复,如下图所示。

制作程序基本数据表

本问范例的网站程序基本数据表如下图所示。

至此所有的前置作业与准备工作已经告一段落,接下来分析网站的结构。

网站结构分析

首页面使用1-2-1 型结构进行布局,主要包括导航、资讯中心及下方的脚注,效果如下图所示。

二级页面只有一个,使用1-2-1 型结构进行布局,如下图所示。

接下来,打开Dreamweaver CS6,完成娱乐休闲类网站的制作。



相关文章