个人网店网站设计方案

1、*大学网页制作课程大作业 目录 1 设计的目的和意义.1 2 设计目标与设计方案.1 2.1 设计目标 .1 2.2 设计方案 .1 2.2.1 预期效果.1 2.2.2 功能模块划分.1 3 数据库设计与连接.2 3.1 数据库的设计 .2 3.2 数据库的连接 .3 4 页面设计.3 4.1 主界面设计 .3 4.2 界面设计 .4 5 总 结.5 6 参考文献.7 *大学网页制作课程大作业 第 1 页 共 7 页 网店网站设计网店网站设计 1 设计的目的和意义 随着网络高速的发展,人们正逐渐热衷于一种新型的购物方式网上购物。传统 的服装店已经不能够满足现代高效率人们的需要。网络的发展使得

2、人们越来越多的从 因特网获取各种信息，网上购物正是以 internet 为载体进行商品信息发布和传播的 新型消费模式。与传统的购物相比，网上购物是一种全新的消费模式，它可以突破时 间和空间的限制，让更多的人们足不出户便可以轻松购物消费。它包含国内外的各种 商品，充分体现了网络无地域的优势。网上购物既具有开放性、自主性、便捷性等特 点，又具有廉价性和大容量等优势。因此在网站的建设中，单纯地构建各种功能单一 的系统并不能完全满足顾客网上购物的要求，只有那些对数据和信息进行了有效组织， 整合了多种业务，为用户提供个性化服务的系统才能充分地发挥网上购物的作用。 2 设计目标与设计方案 2.1 设计目标

3、 网店网站设计致力于更好的方便人们的日常生活。本网站制定的界面设计目标是： 简洁、美观，符合人性化；易于使用掌握；适应性强。同时整合多种商品信息，为用 户提供全方面的购物服务。所有内容数据应建立在统一的数据库中，并可及时更新相 关的网页。 2.2 设计方案 .1 预期效果预期效果 整体布局合理简单大方，各个页面风格统一，各主页面能相互转换，具有多种功 能模块，页面中插入 asp 动态服务器网页，所有内容数据应建立在统一的数据库中， logo 中插入透明 flash 动画，主页面中还加入了滚动图片代码，使页面更加的人性化， 更具生动性。 .2 功能模块划分功能模块

4、划分 （1） 、本系统实现6个完整的功能，我们根据这些功能，设计出系统的功能模块， 如下图2-1所示： *大学网页制作课程大作业 第 2 页 共 7 页 网店网站设计 新 品 入 荷 连 衣 裙 装 上 装 特 辑 特 价 秒 杀 顾 客 收 藏 买 家 须 知 图 2-1 功能模块图 （2） 、网店的功能结构如下图 2-2 所示： 网 店 网 络 课 程 设 计 用 户 管 理 员 查看商品信息 发表留言 发布商品动态 回复、删除留言 图 2-2 功能结构图 3 数据库设计与连接 3.1 数据库的设计 数据库是信息系统的核心和基础，根据对网店网站的具体功能分析，我们需要创 建一个数据库用来保

5、存本系统的所有数据。下图是登陆注册信息表，用来保存顾客的 信息。如表 3-1 所示: 表 3-1 留言板信息表 编号字段名称数据类型说明 1id自动编号编号 2title文本标题 3writor文本留言者 4content备注留言内容 5time日期/时间留言时间 *大学网页制作课程大作业 第 3 页 共 7 页 3.2 数据库的连接 数据库的连接是在学习网页过程中平时完成的，而连接过程中，只需注意四个事项， 第一，是将数据库导入网站，第二是将作业的压缩包完整的放在文件里，确保不丢失 信息，第三，在 www 的工具选项里将共享进行设置，对文件夹的安全和共享进行赋予， 第四，在 conn 的 a

6、sp 网页进行修改。修改后的代码如下所示： 4 页面设计 4.1 主界面设计 图 4-1 主界面 logo 课程首页主要是给用户提供一个全面的系统内容的展示，同时能够执行超级链接， 首页是整个网站的综合，能够反映整个网站的功能模块和整个网站的基本色调，方便 用户在使用本网站前，就能对本网站的功能及特点有大致的了解。主界面设计如下图 4-2 所示： 图 4-2 首页图 *大学网页制作课程大作业 第 4 页 共 7 页 4.2 界面设计 在导航栏中可以看到所有链接，点击导航栏，页面中主要是关于商品的简介。 图 4-3 导航栏页面图 在此页面中可以看到商品分类导航下的新品入荷、连衣裙装、上装特辑、特

7、价秒 杀、留言板等五项导航信息，点击它们可以进入相关页面中查看其中的具体内容。 点击导航栏的商品分类可以看到如下图 4-4 所示页面： 图 4-4 大纲页面图 在此页面中可以看到买家须知，顾客可以通过看此页面了解具体内容，页面中主 要是介绍顾客收货、退货的具体流程，其效果图如图 4-5 视图页面图所示： 图 4-5 视图页面图 *大学网页制作课程大作业 第 5 页 共 7 页 在此页面中可以看到留言板，顾客可以通过看此页面进行留言并可以对商品进行 点评，页面中主要需填写留言人、留言时间、留言内容等，其效果图如图 4-5 留言板 页面图所示： 图 4-6 留言板页面图 总 结 在本学期的网页制作

8、实务教程课程中，我们学习了网页制作和网站建设，我们可 以自己运用网络资源，结合相关资料及老师的指导，通过自身的实践创作出积聚个人 风格、个性的个人网页。总体来说，整个学期的学习过程中，我学会了很多知识，虽 然过程比较艰辛，但是有了一个展示自我的空间，我觉得很开心、很有成就感。 一、网页制作的一些体会 作为网页设计的初学者，我对网页设计非常感兴趣，想设计出一个美观、实用、 内容丰富的个人网页。我通过自己动手、动脑，通过网络资源和老师的指导，在不断 发现问题和解决问题的过程中学到了很多知识，增强了我的创作能力和动手能力，在 网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正

9、 学到了网页设计的知识。 在本次网页设计中，我不仅学到了很多关于网页设计方面的知识，也从中学会了 关于使用网页制作软件方面的知识。在这个过程中，我通过上网搜集资料自学了 dreamweaver 网页软件的应用，学会了简单地使用 dreamweaver。在设计过程中也出 现了很多的问题，但上网查找、小组讨论等方式，不断地学习、提高，设计出的网页 也在不断的进步。可以说在自己动手，不断实践的过程中，网页设计水平得到了很大 的提高。 *大学网页制作课程大作业 第 6 页 共 7 页 在这个制作过程中，我学会了面对困难和挑战，但我十分享受这一过程，这是一 个能令人感觉到收获的过程，这次的网页制作使我产

10、生很强的成就感。制作网页开始 的时候还是兴致勃勃，充满激情的。但是学习内容越来越多，就逐渐感觉有点思维混 乱，开始烦躁，失去了当初的那种兴奋的感觉，原来在自己看来是一种乐趣的事情， 现在却成了一种负担。但我坚持一步步做下来，到看到成品时，内心得到了强烈的满 足感。从中使我感悟到：学习网页制作需要耐心，如果你没有耐心，你就学不会，因 为当你碰到问题时，如果不能立刻得到问题的答案，你就可能做不下去了。学习网页 制作需要坚持，坚持不断地学习，才能作出理想的作品，才能更加充实自己。 二、网页制作的学习经验 学习网页制作不能一蹴而就，它是一个循序渐进的积累过程。想要更快更好地学 习网页制作，除了需要勤奋

11、努力外，还需要培养自己的审美能力以及美术基础。下面 是一些网页制作的学习方法与经验。 在学习制作网页前应对网页制作的各类软件进行一些了解，以便选择适合自己 使用的软件。 网页制作的学习应遵循由易到难的规则，先从简单的入手，再慢慢提升制作难 度，以达到逐步提高网页制作能力的目的。 在学习过程中，不能一味地去学习理论知识，应将书本知识与实际操作相结合。 这样既能加深对知识点的印象，也能提高学习的兴趣。 在学习时除了按书中提供的实例进行练习外，还应在该实例的基础上有自己的 创意。 网页制作不能千篇一律地按一种固定的模式进行操作，应有独特的风格，这样 才能体现出与众不同的魅力，以吸引浏览者，提高网页人

12、气。 运用模板制作网页可提高制作速度与效率，这也是统一网页风格的一个快捷方 便的途径，千万不可忽视模板的效用。 要善于借鉴别人的优点，取长补短，多上网浏览，将风格独特、别具匠心的网 页保存下来以作参考。 总体来说，通过对网页设计的学习，有收获也有遗憾、不足的地方，我利用了学 习之余的一切可利用的剩余时间投入到网页世界，去不断的学习和探索，同时去不断 的充实与完善自我。我想我已经迈入了网页设计的大门，只要我再认真努力的去学习 和提高，我将来设计出的网页会更加专业和完善。 *大学网页制作课程大作业 第 7 页 共 7 页 参考文献 1吴涛主编，网站全程设计技术（修订本） ，北京：清华大学出版社；北京交通大学出版社 2 张华、贾志娟主编，asp 项目开发实践，中国铁道出版社 3 沈大林主编，中文 flash 8 案例教程，中国铁道出版社 4龙马工作室编，asp+sql server 组建动态网站实例精讲，北京：人民邮电出版社 5 赵增敏编，asp 动态网页设计，电子工业出版社 6 任学文、范严编, 网页设计与制作，中国科学技术出版社 7 武创、王惠主编,网页设计探索之旅 ,电子工业出版社 8 杜巧玲等编, 网页设计超级梦幻组合,清华大学出版社 9 吴黎兵、罗云芳编，网页设计教程， 武汉大学出版社 10 庄王健编，网页设计三剑客白金教程，电子