滁州高端响应式网站设计

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

建站案例

开发电子商务类网站前的分析与准备工作

在开发网站之前,首先需要分析网站,然后做一些准备工作。

设计分析

商务类网站一般侧重于向用户传达企业信息,包括企业的产品、企业的新闻资讯、企业销售网络、联系方式等,让用户快速了解企业的最新产品和最新资讯,为用户咨询信息提供联系方式。

本例使用红酒的主色调,让用户打开页面就会产生记忆识别。整个页面以产品、资讯为重点,舒适的主题色加上精美的产品图片,足以打动用户。

网站流程图

网站流程图如下图所示。

数据库分析

1、MySQL数据库的导入

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

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

2、数据表分析

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

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

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

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

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

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

制作程序基本数据表

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

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

网站结构分析

首页面使用1- (1+2) -1 型结构进行布局,凸显网站的大气。整个页面简洁明了,主要包括导航、banner、 产品展示、企业新闻、促销信息及下方的脚注,效果如下图所示。

二级页面有多个,只有企业资讯页和产品展台需要使用动态方法实现,这两个页面使用1-2-1型结构进行布局,在实际网站制作中,通常将变化不大的页面保持静态化,仅对经常更新的页面进行编程处理,如下图所示。

分析与准备工作做好之后,接下来就可以打开Dreamweaver软件,来完成电子商务网站开发制作了。



相关文章