Dreamweaver课程设计

1、XXXXXX学院课程设计说明书百味人生BookStore姓指专系入设名：XXX导教师：XXX业：计算机应用技术别：计算机工程系学年份：2009计时间：2011.11XXXXXX学院课程设计说明书 百味人生BookStore一、引言随着以多媒体和网络技术为核心的现代信息技术的飞速发展，信息管理系统领域正在经历一场重大的变革，其中最突出的莫过于电子商务的发展，网上购物作为其中的一部分也有了迅速的发展。该项目为网上购物网站，从标题“百味人生BookStore”中可以看出，该网站是一个购书网站。网站的名字为“百味人生BookStore”，用在这里“百味人生”一词更能凸显该网站书籍种类之多，而用英文词组

2、“BookStore”比用中文“书屋”更有韵味！所以该网站取名为“百味人生BookStore”。本说明书是整个软件开发的依据，它对以后后阶段的工作起指导作用，同时也是项目完成后系统验收的依据。此说明书对网上在线购书系统做了全面细致的分析，明确了所要开发的软件应具有的功能、性能与界面，使系统分析和软件开发人员能清楚地了解用户的需求。二、需求分析网上购物是当今社会发展的潮流，越来越多的人喜欢在网上购物。通过网上书店，人们可以足不出户就选购自己所需的图书。网上书店是根据公司的实际需求、应用动态网页技术开发而成，它可以克服传统图书销售中地域、广告宣传、人力资源不足等限制，能很好地适应网上销售需求。建立

3、网上购物网站既符合社会发展的需要，也方便广大用户使用。而图书产品从其外部特征来看，品种繁多，实体书店或其它图书发行者无法有足够大的店面来展示所有品种；单价不高，在网络信用还存在缺失的环境下能造成的损失较小，读者也乐于尝试在线购买。所以网上书店网站也在互联网上纷纷出现。就网上书店而言，由于网络已经覆盖全球，信息量大而独具优势。售书的理念也很简单，就是读者可以自己寻找自己喜爱的书。对于读者来说，网上书店近在咫尺，并且永不下班关门，读者可以随时随地自由地查询和订购图书，读者无需亲临书店，只要坐在电脑前，开机上网即可买到所需书籍，读者挑选余地大，检索方便，同时还减少了购书过程中的支出；另外选购图书需翻

4、阅详看，耗时费力，特别是热衷购书者，几乎都是奋力开拓事业者和苦心求学深造者，时间对他们而言无比宝贵，网上购书节省了大量时间，这对于那些没有时间经常逛书店或其住所离书店较远的读者来说，具有实际意义。因此网上售书必将有长足的发展。本系统的主要目的是实现图书的在线销售，让用户足不出户就能够在网上书店购买到自己所需的图书，形成书店和用户双赢的局面该购书网站的平台搭建主要是基于Macromedia公司的网页开发工具Dreamweaver8，主要分为五大模块：首页、搜索、最新书籍、公司简介、联系我们，在首页模块中我们可以清晰地看到书籍的种类、畅销的图书、用户的登录以及最热门的书籍，在搜索模块中我们可以随意

5、查找自己喜欢的书籍，在最新书籍模块中你可以清晰地看到最新出版的书籍，在联系我们的模块中你可以进行会员的注册、也可以对我们的产品进行用户反馈。三、总体分析3.1网站开发采用的相关技术简介1、Dreamweaver8简介Dreamweaver8是专业可视化网页开发工具，它与另外两个网页制作软件Flash、Fireworks并称为“网页三剑客。其中Flash用来制作网页矢量动画，Fireworks用来制作网页图像，而Dreamweaver用来编辑排版网页。在Dreamweaver8中，可以不用手工编写HTML代码，而是自动产生各种HTML代码。Dreamweaver8还提供了功能全面的编码环境，其中

6、包括代码编辑工具，以及有关HTML、层叠样式表（CSS）、JavaScript、ColdFusion标记语言、ASP和JSP的参考资料。2、CSS简介CSS语法结构仅仅由三部分组成：选择符(Selector)、属性(property)和值(Value)。其说明如下：选择符：指这组样式编码所要针对的对象，可以是XHTML标签，如body,hl；也可以是指定了特定id与class的标签，如#main选择符表示选择divid二main。属性：属性是CSS样式控制的核心，对于每一个XHTML中的标签，CSS都提供了丰富的样式属性，如：颜色、大小、定位、浮动方式等。值：值是指属性的值，形式有两种，一种是

7、指定范围的值，如float属性，只能应用left，right，none三种值；另一种如：width能够使用09999px或其他的数学单位来指定。3.2网站对硬件和软件的要求1、硬件环境CPU：最低PentiumII以上，建议PIII以上；内存：最低128M以上，建议256M。2、软件环境可在Windows2000、WindowsXP、Windows7等多种操作系统上使用，构建网站时需在PC机上安装Dreamweaver8、Flash8和Fireworks8等相关软件。3.3网上书店的流程用户可以直接浏览图书、进行图书搜索、查看书店简介、用户登录和注册、查看图书详细资料以及购买图书，但只有使用会

8、员身份登录进入网上书店后才能享受打折政策和订单查询。用户在前台首先通过浏览或查询等手段找到要购买的图书，然后进入购买界面进行图书的购买，将购买信息填好后，可以通过确定按钮来提交，提交成功后返回用户当前所在的界面。3.4系统功能模块的划分1、网站首页：网站的首页显示了书籍的分类、畅销的图书、用户的登录以及最热门的书籍。2、搜索：供用户进行书籍的查询，可以从书籍的名称、类别、价格、出版时间、出版社等方面进行查询。3、最新书籍：显示网上书店中最新出版的书籍。4、公司简介：简单介绍了“百味人生BookStore”公司的概况、产品策略、定价策略以及促销策略。5、联系我们：供用户进行意见反馈，并供未注册的

9、用户注册。四、详细设计4.1网站首页（一级页面）首页是客户打开网站的第一个页面，即一级页面，一般在这个页面中呈现的信息量最大，且需充分展现网站的亮点，以吸引客户、留住客户。在网站的首页显示了网站的logo、书籍的分类、畅销的图书、用户的登录以及最热门的书籍。首先用Fireworks来制作网页图像，把网页相关的图片制作好，再用Flash的相关工具制作一个小动画，使该动画成为网站的一个亮点，最后用Dreamweaver8进行网页的排版。用Dreamweaver8进行排版时，首先是搭配页面的色调，新建HTNL基本页，单击菜单栏中的“修改”“页面属性”，打开“页面属性”对话框，把外观类中的页面背景颜色

10、改为#4b4743,即浅黑色，文本颜色改为#FFFFFF，即白色；再把链接类中的链接颜色、已访问链接、活动链接的颜色设为#e6el54,即黄色，交换图像链接的颜色设为#FFFFFF，下划线样式为始终无下划线。其次是网页的排版设计，网页设计中主要用的就是表格，必要时在表格里面嵌套表格；其次用的就是DIV标签；最后用CSS样式表对网页中的文字进行修饰。首页的大体样式如图1所示，这种排版风格类似于Dreamweaver8框架集中的上方固定，左侧嵌套的风格，使整个页面看起来更加清晰明了，更方便用户的使用，符合大多数用户的。在左侧菜单中点击图书分类下的子菜单用户会进入相应图书种类的图书介绍页面，点击畅销

11、图书下的子菜单会进入该书籍的详细介绍页面。在最热门书籍中点击现在购买按钮用户会进入购买页面，点击产品简述按钮用户会进入该书的详细介绍页面。苗if乂的简仆新估忆祐会员优感r?*11叩审斗g百f.丿1_农険霍.卜站A耐阳广坤Tf.免蜜运黔却冷貝，盒日的广叮早瓊2弭特忧，辞#.*好悦圮付t股丸世齐MsrtkAnJruiJ-?Flit-4l?itr*Ot*c9eFL/SILfL/bJ(ti亚卉蚩如TNI严沿as曲絆严用r族承.；“f:-THEENCYCLOPEDIA2009RELEASE图14.2网站二级页面网站的二级页面包括搜索、最新书籍、公司简介、联系我们四个模块。网站的二级页面采用了与一级页面大

12、致相同的排版模式以及配色模式，这样显示了本网站网页色调的一致性。只是网页的主体内容有所变化，当然在左侧菜单栏（见图3）也有了细微的变化，只留有图书分类和畅销图书两个功能，用户登录这一功能在二级页面并没有显示出来，这样制作二级页面避免了登录窗口的重复性。排版模式与一级页面大体一致，这样使用户进入二级页面同样可以找到左侧菜单栏，方便、快捷，用户可以直接从里面挑选自己想进入的网页界面。搜索模块供用户进行书籍的查询，可以从书籍的名称、类别、价格、出版时间、出版社等方面进行查询。具体的网页主体内容如图2所示：哥理名称!方縮类别:芒谿价榕:出版时间：出版社:bSglBSbT:计算机/阿缩*取消确定最新书籍

13、模块显示网上书店中最新出版的书籍。具体的网页主体内容如图3所示:Wma口Tom.it传回丈学计篦机-極暉计翼机朝程壯县学|*碍劇聲小Kj砂坊Android炼若宏爲復是单天拮議因筈師祁翩!改吏吐界的方注盘知込柠不左fitf敗旧已矩担卄也皿旳迥开越威JlSiti未丟砸实咖JLS?tc-计團机f躍教育与考试体冷与送动科学与自建什语学习*CH医宇官理耳它_势斡J-aaai，-mrQEl师唱业E;方豔XXXXXX学院课程设计说明书XXXXXX学院课程设计说明书 图5 HI卢政检性别：貝女确认密珂：EttuoaL：合员书:怠见：公司简介模块简单介绍了“百味人生Bookstore”公司的概况、产品策略、定价

14、策略以及促销策略。具体的网页主体内容如图4所示：审喋人生BookStore石味心空曲QK吕3“全请笞业込术拱甫輕，谀惟眛闊，J擁威甫輻，神馬吃抖和蛊逾朗老能君声掘烘甫牡就眼昜”服勢龜国走起申土用嵩、谱比桝別、质土竭判、喑业闻靑隼剤閒曲世西燥旳锁書洛関施朋怯距、矗耐的2魅億息眠勞以瘫伎腹励分式，駁塞夜确旳桧，遐徳糜餐再f尢蟆老陋顶。产品策略：殆哮心洼曲oKStore密牆陌么甫爺斛质的幷问，分馬亠质：卄型机/舸珞、臺黑左淹弑、0奇B电铮、科寧咼狷魁、舛必2、円邃寧、僵歹轧極蘊，直一誓稲哎卑3寻杓金頁矛a闻f：J?痕霑牛目葫中由憑专島矯制弭他儿亍窈葫的内窑粘揺想，它谒羔锯中不问虧巔農隹瞬分屋.4卅不

15、鞫的电孑髙晶瞬树丼闫创营韓时律和促鏑呼殘n定价策咯：审竦圭bookstore疋启筑鹅F旃舶尙讎猱碟a餉谒描佃簞疇挥詐宦业肃了糾嗽怙歯釈驚后診邂虐畜話為册絡丘語讦超制坯凤，宙淡过旷尢血誓盘亞讣材扣齒闍轴憎后钳尿1口宙畔/嚨DockStore-无爭厳證岛就备爭了曲克姻:蚩能聽抿D傀钢单略；常站的從繃疥式,也即金牡和融客以融公乐询遗釣工怂至晏奇曲时a电們分粥E尸皆I心员擬锚、忒曲弄魯衍箱擁孑a春岳啡凡哦Rook.Store金甸頁申，隐了人長擁虢卄，典佥即分却南保總a極危店制第蛊幷坯1盍看乎毘雜将艮够碱魁集真世盞前拓，而右乎凝遽圭的吨痴a苗雲棒联系我们模块供用户进行意见反馈，并供未注册的用户注册。具体的网页主体内容如图5所示:用卢建册4.3网站的其它页面同样网站的其他页面，例如：购买书籍的页面buy.html，书籍的详细介绍页面detaill-9.html等，这些页面在风格上同一、二级页面也没有太大的区别，符合网站整体风格的一致性，也都只是在主体内容上有所变化。在书籍的详细介绍页面去除了左侧菜单栏，这样使书籍的内容更有突出性。五、程序代码首页模块中的css样式：畅销书籍中链接代码：你若安好便是晴天:林徽因传爱乔布斯：改变世界的方法我知道你不知道的自己在想什么Android开发权威指南未来在现实的第几层