零食网系统地网页设计

《零食网系统地网页设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、标准文档课程设计报告书课程名称：网页设计与制作题目：零食网系统的网页设计系名：信息工程系专业班级：姓名：学号：指导教师:年月日实用文案标准文档课程设计任务书学生姓名：专业班级：指导教师：工作单位：设计题目：零食网系统的网页设计初始条件:Dreamweaver要求完成的主要任务:主要任务：运用HTML、CSS、Dreamweaver为主，以JavaScript、VBScript、ASP、ADO、IIS、ODBC访问Access数据库等技术为辅，设计一个以静态网站为主的系统，实现信息的浏览、查询等基本功能。具体要求为：(1)网站要有一个明确的主题，界面友好美

2、观，主题从参考题目中选择或自选，同一个题目最多只能3人使用。(2)主页要求有用户登录显示，实现网页的浏览，信息的查询等基本功能，50个以上的超链接。(3)网站内容不能雷同，雷同者全部以0分记载。每个人需要检查设计的网站，设计报告文档，并提交纸质版的课程报告和电子版的网站设计资料，包括：源程序，网站运行效果截图，电子版的资料以班为单位刻成光盘后由班长统一提交。设计报告撰写格式要求：1设计题目与要求2设计思想3系统结构4系统详细设计，内容包括各个模块的设计，数据库的设计，数据库连接设计。5调试过程和运行结果及结果分析（其中包括网站各个模块的运行结果和结果数据

3、分析）6自我评价与总结7附录：程序清单，注意加注释（包括关键字、方法、变量等），在每个模块前加注释；时间安排1月21日布置课程设计任务；分配题目后，查阅资料、准备程序；1月22～1月25日上机调试程序、书写课程设计报告；1月25日提交课程设计报告及相关文档。指导教师签字：年月日系主任签字：年月日实用文案标准文档1设计题目与要求1.1设计题目零食网系统的网页设计1.2要求运用HTML、CSS、Dreamweaver为主，以JavaScript、VBScript、ASP、ADO、IIS、ODBC访问Access数据库等技术为辅，设计一个以静态网站为主的系统，

4、实现信息的浏览等基本功能。具体要求为：(1)网站要有一个明确的主题，界面友好美观。(2)主页要求有用户登录显示，实现网页的浏览，信息的查询等基本功能，50个以上的超链接。(3)网站内容不能雷同。每个人需要检查设计的网站，设计报告文档，并提交纸质版的课程报告和电子版的网站设计资料，包括：源程序，网站运行效果截图等。2设计思想2.1需求分析制作一个零食销售网站，能够满足用户的基本需求。网站的界面应该具有人性化，美观大方。网站应具有商品的分类，分类应包括商品的大体分类和详细的分类，对于商品应该具有一定的介绍，商品最好有一定的图辅助介绍，以便用户能够更好的了解自

5、己购买的商品。除了对于商品方面的类容外，网站还应该拥有对用户服务的界面，因此，网站需要有用户注册和登陆的界面。对于用户注册界面，需要判断用户名称是否重复和相关密码的验证。登陆界面以简单实用为主。用户选取商品后应该有支付的页面，支付页面需要有用户支付方式等相关的信息，用户确认商品后应该可以做出取消的操作。2.2设计思想建立一个主页面，主页面有商品分类的链接、用户注册链接、用户登录链接以及部分商品的信息情况。打开商品大体分类的链接后，可以看到具体的商品，每个商品有图片介绍，在图片的下方有该商品的价格，点击商品的图片链接后，可以进入支付页面。在支付页面中用户可

6、以输入需要订购的商品数量，然后可以确认支付和取消操作。在进入用户注册页面后，用户填写信息后可以进行核对操作，例如：核对用户名称是否重复、密码是否填写正确等。用户进入登陆页面后，输入信息后，如果输入的信息有误，可以重新填写，确认输入无误后可以登陆。实用文案标准文档3系统结构从首页可以进入用户注册、商品分类以及用户登陆页面，进入用户登陆页面后，用户填写账户密码后，进行验证操作，成功后登陆并返回首页。进入注册页面后，用户填写注册资料，验证成功后，注册成功并返回首页。进入商品分类后，可以看到相关的商品明细，确认商品后，进入结账页面，确认结账后，返回支付成功信息，

7、并返回首页。首页用户登陆验证商品分类用户注册验证进口零食特产零食饮料罐头糖果巧克力肉类零食坚果炒货饼干糕点膨化食品支付网页验证否否否是是是系统流程图3-1实用文案标准文档4详细设计与实现4.1首页制作打开dreamweaver8选择站点，然后点击新建站点，在显示出来的页面输入站点的名称，如下图所示。图4-1站点建立然后点击确认，就会建立一个叫“零食网”的站点文件夹，可以在dreamweaver8的右下角看到，如图图4-2文件夹视图在右下角的零食网文件夹出，右键点击该文件夹，选择新建文件夹，命名为CSS，用来存放建立的CSS样式文件。然后同理新建文件夹命名

8、为images，用来保存建立网页所需要的相关媒体文件。点击左上角的新建选项，然后