建材公司门户网站的设计与实现

留言时间 留言用户 留言内容内容 留言 留言标题 留言编号 图3-9 留言模块E-R图

上图3-9为留言E-R图，它的属性有留言时间，留言内容，留言标题，留言编号，留言用户。为留言的方面进行规定，帮助用户对流言的规则进行说明，为用户方便的使用提供帮助。

上传人员 文件名 文件介绍内容 下载 下载次数 排列 图3-10 下载模块E-R图

上图3-10表示的是下载模块的E-R图，其属性有上传人员，文件名，文件介绍，下载次数，排列。文件名为文件的名称，给予产品最直接的显示；文件介绍时对文件的一个简单介绍，下载次数是下载的次数，排列为文件的排列高低，影响文件能否第一时间表现在顾客面前。

19

建材公司门户网站的设计与实现

4 网站详细设计

4.1 网站前台设计实现

4.1.1 网站首页的设计实现

网站首页是网站的第一内容页，整个网站的最新、最值得推荐的内容将在这里展示。以达到整个公司的企业形象的和谐统一；在制作上采用ASP动态页面，系统可以调用最新的内容在首页显示。在内容上，首页有公司的新闻热点，推荐产品，最新产品等信息，并且管理员在后台可以动态更新首页的内容，使整个网站时时充满生机和活力。在设计上，注重协调各区域的主次关系，以营造高易用性与视觉舒适性的人机交互界面为终极目标。给浏览者耳目一新的感觉，吸引浏览者经常访问环艺建材企业网站。

在图4-1与4-2所示首页自上向下，最先看到的是网站的logo环艺建材以及网站的口号logo，接下来是网站的导航栏上面有网站的主体功能模块，在导航栏的下面是大的图片flash替换，有4张图片以渐隐的方式轮流替换，做到自然转换。在大图片的下面则是主要内容，它包括公司的名片，即公司的联系方式。在公司名片右边是一个小的FLASH图片跳转。最右边是企业的介绍关于我们。这个页面收容了包括会员登录、产品类别的目录部分、新闻中心、最新产品、友情链接、推荐产品。最下面是底部导航。

图4-1 首页下部分功能图

20

建材公司门户网站的设计与实现

图4-2 首页上部运行图

4.1.2 关于我们页面的实现

本栏目采用静态页面，主要功能是宣传企业，通过对的基本情况、文化理念、服务、产品的了解，使环艺建材为更多客户所熟悉、信赖。在页面设计上，采用灵活运用多种动画效果，力求将环艺建材的企业形象予以最好的传达。运行效果图如图4-3所示：

21

建材公司门户网站的设计与实现

图4-3 关于我们运行图

4.1.3 新闻资讯页面的实现

如图

4-4的运行图所示左边导航栏分为站内新闻、建材知识和站外资讯三部分，

其中站内新闻分为内部新闻、供求信息和相关企业三类，建材知识又分为新型材料知识、建筑知识和小技巧三方面，站外资讯分为焦点新闻、时事新闻和娱乐资讯三类。 中间部分列出了所有的新闻相关部分内容，20条新闻每页，能够上下翻页。在最下面则有其中新闻资讯的推荐内容以流动的方式显示在推荐新闻栏目中。网站自动生成新闻连接，同时产生相关新闻列表，自动显示信息及发布时间等。它大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保持着活力和影响力。

22