滁州高端响应式网站设计

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

建站案例

开发行政企业类网站前的分析及准备工作

行政部门作为主管有关社会行政事务的政府组成部门,行使着国家管理的许多重要的职能。其工作地位突出,工作任务繁重,工作要求高。

设计分析

软件设计思想核心就是把具体功能模块化,然后通过一定的关系将其组合起来,形成一个系统。而行政企业类网站的主旨就是将文章按栏目进行分类编排呈现给访客,栏目内容虽然不一样,但显示方式和界面可以是一致的。首先从行政企业类网站的基本构成及其实现效果讲起。

建站流程图

网站流程图如下图所示。

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

数据库分析

1)MySQL数据库的导入

将本章范例文件夹中<源文件\ch15>整个复制到C:\Apache2.2\htdocs中,如此就可以开始进行网站的规划。

在该目录中有本章范例所使用的数据库备份文件<db_15.sql>,将其导入,其中包含了4个数据表:admin、bigClass、smallClass、info。

2)数据表分析

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

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

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

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

(3)smallClass

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

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

制作程序基本数据表

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

网站结构分析

首页面使用1-3-1 型结构进行布局,凸显网站的大气。整个页面简洁明了,主要包括导航、banner、 信息中心及下方的脚注,效果如下图所示。

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

接下来,打开Dreamweaver CS6,就可以来完成行政企业类站的制作了。



相关文章