商品展示有限公司网站设计

商品展示有限公司网站设计摘要：在已跨入21世纪的今天，随着时代的飞速发展，计算机网络也在飞速的发展和普及，人们也越来越多的在网上交流、交易、通讯等等。网络正向人们展示出一片不同于传统交流互动的新天地。在互联网技术不断进步的时代，人们不只可以在网上得到各项资讯，更可以享受网上视听娱乐，令互联网逐渐成为生活中不可缺少的一部分。网站的迷人之处在于综合使用文本、图像、声音、动画等信息和内容，具有丰富的多媒体表现和互动特点。本网站主要是利用asp制作而成，充分利用了Dreamweaver的一些基本功能，超链接等页面元素。网站的布局均由dreamweaver完成，基本模块完成后再进行与Access数据库的结合，最终完成整个网站的制作。此网站结合了网页设计及数据库等一些所学的知识，制作出这个具体基础功能的企业网站。 目 录第一章：绪论31.1网站开发背景：31.2 技术可行性分析31.2.1 静态网页技术31.2.2 Access数据库41.2.3 .ASP动态网页技术4第二章:网站设计52.1主页页面设计52.2留言板设计82.3子页设计92.4后台登陆设计102.5 后台管理设计12总结20致谢20第一章：绪论 1.1网站开发背景： 随着Internet在中国的迅速发展,人们日常生活中越来越多地使用这项新的技术来为自己的工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设网站以增强企业知名度.1.2 技术可行性分析本网站运用Dreamweaver静态网页与asp动态网页结合，才用Access数据库做后台，来实现留言发布与管理和文章发布与管理功能。1.2.1 静态网页技术静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。在网站设计中，纯粹HTML格式的网页通常被称为“静态网页”，早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上，也可以出现各种动态的效果，如.GIF格式的动画、FLASH、滚动字母等，这些“动态效果”只是视觉上的，与下面将要介绍的动态网页是不同的概念。静态网页的特点简要归纳如下：:(1)静态网页每个网页都有一个固定的URL，且网页URL以.htm、.html、.shtml等常见形式为后缀，而不含有“?”;(2)网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件;(3)静态网页的内容相对稳定，因此容易被搜索引擎检索;(4)静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时完全依靠静态网页制作方式比较困难;(5)静态网页的交互性较差，在功能方面有较大的限制。1.2.2 Access数据库Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS，即Relational Database Management System），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。 Access能够存取 Access/Jet、Microsoft SQL Server、Oracle(甲骨文软件公司)，或者任何 ODBC 兼容数据库内的资料。熟练的软件设计师和资料分析师利用它来开发应用软件，而一些不熟练的程序员和非程序员的进阶用户则能使用它来开发简单的应用软件。虽然它支援部分面向对象（OOP）技术，但是未能成为一种完整的面向对象开发工具。1.2.3 .ASP动态网页技术ASP 即Active Server Pages，它是微软开发的一种类似HTML(超文本标识语言)、Script(脚本)与CGI(公用网关接口)的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。ASP的程序编制比HTML更方便且更有灵活性。它是在Web服务器端运行，运行后再将运行结果以HTML格式传送至客户端的浏览器。因此ASP与一般的脚本语言相比，要安全得多。ASP的最大好处是可以包含HTML标签，也可以直接存取数据库及使用无限扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互功能。我们将动态网页的一般特点简要归纳如下：（1）动态网页以数据库技术为基础，可以大大降低网站维护的工作量；（2）采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等等；（3）动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页；（4）动态网页中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索蜘蛛不去抓取网址中“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求第二章:网站设计此网站主要用于客户浏览和了解公司概况，可进行简单的留言。涉及到的有登陆，留言，信息发布，更改留言和信息，内容调用，子菜单的显示，链接ACCESS，和ACCESS的简单运用。网站没有具体的公司内容，只做了简单的模块和实现了网站的基本功能。2.1主页页面设计主页利用Dreamweaver排版。一级菜单栏内容有首页，公司概况，服务体系，经典案例，客户留言，人力资源，联系我们。二级菜单有：公司概况：公司简介，经营哲学，发展历程，荣誉资质，生产基地服务体系：服务内容，服务承诺，服务流程，投诉流程，预警措施，合作品牌经典案例：内衣类，女装/男装/童装类，鞋/提包类,化妆品/珠宝首饰类客户留言：客户留言人力资源：人力资源 联系我们：联系我们菜单栏下方是JS特效，自动切换广告图片。公司新闻与公司动态模块页面效果： 主页广告切换代码：$(function()$(#ad_img).cycle( fx: fade,pager: #ad_btns, cleartype:1,timeout:5000); if($(#values_list ul li).size()=4) $(#values_list).jCarouselLite( visible: 4, vertical: true, scroll:2, auto:7000/滚动周期 ); $(#notice).cycle(fx: fade,timeout:3000);$(#flash).jCarouselLite( btnNext: #control_left, btnPrev: #control_right, visible: 1, auto:10000, speed:500)2.2留言板设计留言板的设计采用简单的框架模式，内容包括姓名，邮箱，联系电话，留言内容。在留言发布下面可以显示之前的留言。绑定ACCESS中的liuyanban表！页面效果：数据插入代码： 2.3子页设计 除了后台，所有的页面都保留了菜单栏和logo部分。除了首页，其他页面均为此样式，左边为当前栏目的所有子链接。内容均是链接数据库显示，然后用模板做出此效果。内容可以在后台更改。子页的内容除关于公司的内容在数据库的qiyexinwen表外，其他的内容均在数据库的xinwenb表中！子页的设计均绑定了数据库，并通过修改模板制作出效果！页面效果：数据库绑定代码： 2.4后台登陆设计后台登陆绑定了Access数据库的 admin表，通过数据表信息登陆后台。账户为：admin密码：admin.失败则弹出口框：用户名不存在或密码错误，成功就显示登录成功，跳转到后台管理。效果显示：登陆控件代码：function submitfrm(frm)if(frm.username.value.trim()=) ShowErrMsg(用户名不能为空，请输入); frm.username.focus(); return false;if(frm.userpwd.value.trim()=) ShowErrMsg(密码不能为空，请输入); frm.userpwd.focus(); return false;if(frm.getcode.value.trim()=) ShowErrMsg(验证码不能为空，请输入); frm.getcode.focus(); return false;return true; %action = Trim(Request.Form(action)If action = login ThensGetCode = Request.Form(getcode)If Session(GetCode) = Or Session(GetCode) sGetCode Then ErrMsg = 验证码错误 ElseSet Admin = New Admin_InfoSelect Case Admin.AdminLogin(Request.Form(username),MD5(Request.Form(userpwd),IsLogin)Case 1ErrMsg = 用户名或密码错误Case 2ErrMsg = 用户被锁定Case -1Call CloseConn()Response.Redirect(ad_index.html)End SelectSet Admin = NothingEnd IfEnd IfCall CloseConn()%2.5 后台管理设计后台管理主要包括常规操作，公司概况，服务体系等项目的管理。主要是信息的编辑修改和删除。还有留言板管理页面进行留言回复和留言删除。后台主页效果： 代码如下： >>欢迎您使用 网站后台管理系统<< 为了数据的安全，操作完成后，请点“安全退出”！ 服务器信息  服务器类型：(IP:)  脚本解释引擎：  站点物理路径：  FSO文本读写：  Jmail组件支持：  CDONTS组件支持：  数据库使用：ACCESS(M)   留言板管理效果：代码如下：新闻发布页面效果：代码如下：总结在整个网站的实际制作过程中出现了很多问题，数据库的备份与恢复，网页的排版和样式，代码的编写等。