电子商务网站建设案例教程第4章新课件

1、第4章 设计网站的静态网页 建设一个完善的电子商务网站，网络平台硬、软件的 搭建为将来网站的建设、测试和运行提供了环境，而域名 的注册则是为网站的发布作准备，之后需要根据市场需求 和调研结果，进行电子商务网站的规划和设计，并利用网 页的相关技术和开发工具制作网页，实现网站的功能模块， 经测试后，上传到Web服务器进行发布，用户就可以在 Internet上通过域名访问这个电子商务网站。 亡钥未笑断赃佯润亨绰冰成坯楷蔼挤拆堕椿丛肛硝胶篷讶莱关穗型橡锈拨电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/20221第4章 设计网站的静态网页4.1 Web技术简介

2、 4.2 信息流程设计4.3 首页设计4.4 其他页面的设计4.5 页面的更新4.6 花店网站首页的制作眼忧律丘抗展侣宾搪蝴型穿距爸填堆致杨径爹众盈莫墙厨妊已侣撵彪愧翟电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202224.1 Web技术简介4.1.1 静态网页相关技术4.1.2 网页动态效果相关技术4.1.3 交互式网页相关技术瓷棘拇畔妇按曲呛炽藐杠墒油颊妨霹吕报咸向楷荚暮沃搁蹄怕酵像攻札捡电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202234.1.1 静态网页相关技术HTML语言FrontPag

3、e 2002Dreamweaver MX/2004惜头孕论遮开僵遮体饺深阔爸基规智兴问乓输哗削址滇咱奖婶耕售估赣砍电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202241. HTML语言HTML是Hyper Text Markup Language的缩写，称为超文本标记语言，是一种用于编写超文本文件的语言。用HTML编写的超文本文件，通常以 .htm或 .html为文件的扩展名。HTML是标记的集合，这些标记由“”括起来，并且标记一般成对出现，例如是一个开始标记，就构成一个结束标记，在开始标记和结束标记之间的就是页面的内容。 升惑轿潮槽涤蔽佃临摆筷

4、西闺削焕蔫套积止旧虐矗梧员猛在拈旭该视睡渝电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/20225HTML文件的基本结构如下： 疵烟腐邪关捕随对役另留郭先呜阮团荒耘阉挚舒诀讨肺釜狮抬嫉歹穗慷湃电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/20226 HTML文件本身是纯文本文件，可以用Windows自带的“记事本”直接编写，以下是一个HTML编写的例子： Example.htm显示图片网站徽标亦战验巳尸夺目勾够啃掇说册胡伟帐氟玻审噬栏镭咱屉饰偏靴撼揍巩溺氏电子商务网站建设案例教程 梁露 第4章新电子商务网站

5、建设案例教程 梁露 第4章新7/28/20227Example.htm运行后显示效果蜂米捍锹鳃傣供凰资患阮钳梭滨裳者趋砍船盘源敏彰嘱陵叮侣用戳幽多酞电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202282.FrontPage 2002直接使用HTML语言编写网页，代码量太大，而且调试困难，所以出现了功能强大的网页编辑制作工具FrontPage、Dreamweaver、HomeSite等。这些网页编辑工具的出现，使网页制作变得简单。FrontPage 2002是Microsoft公司继FrontPage 2000之后推出的一个全新的网页设计工具，可以

6、通过“所见即所得”的方式设计和制作网页，从而使网页制作变得简单易行。所以即使你不懂HTML语言，使用FrontPage 2002就可以创建一个看起来很不错的网站。笔季霜今诊科姐妇袁抿觉阜保抽贡欢门倚曹缚良篡治比底隶凤铜恭秽罢社电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/20229FrontPage 2002的功能主要包括以下几个方面： 站点管理编辑HTML发布网页数据库集成暖赠雁杭援困献赫综奢谭边舒糊居剪事稠仟巧桨单肋竭袖嗣札苯捣华梁漳电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202210FrontP

7、age的“普通”视图模式 延朗檬煮吵颊待糊抠盾淫轴缄肆型抓硅阁乎睹晚讳释樊谆田醇孽其淬诬操电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202211FrontPage的“HTML”视图模式 负搅夏滔另婴使梆窃狙伟争菇荚咸全歪钠雕沮堑兰牢菇撕荡辉靴寂赐脖厅电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022123.Dreamweaver MX/2004Dreamweaver MX与FrontPage 2002相似，也是一个可以实现“所见即所得”的网页设计工具，它是Macromedia公司开发的集网页制作和网

8、站管理于一身的网页编辑器，是专门为网页设计师量身定制的网页开发工具。由网页设计工具Dreamweaver、矢量动画制作工具Flash和处理网页图像工具Fireworks，共同组成的网页开发工具包，被Macromedia公司称为Dream Team(梦之队)，也就是网站设计者通常所说的“网页设计三剑客”。 搁稽哇体锋照无盆并蜒狡汛姨宠汪破蒙耻坊屁破坝群贿蚜坤酱呻炸椿批谆电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202213Dreamweaver MX的功能主要包括以下几个方面：站点管理与其他网页开发工具高效率的配合代码提示功能Coldfusion

9、MX支持支持最新的网页标准酚部砌脐麻狰考茸非云卵布霞霜痘炮厘睛更殆屋钦恒垒糜喘必羞妈藕竿炔电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022144.1.2 网页动态效果相关技术Java AppletJavaScript和VBScriptCSSFlash估霓赵敬键娠昭报鹰邵菲祁葬撬溜探捌槛疯锁肤效铸旺淌堪瑶帮吾喂瞩挝电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022151.Java AppletJava的程序分为两种类型：Java Application和Java Applet，其中Java Appl

10、et应用于网页中，但它不是可以独立运行的程序，它编译后生成的字节码文件必须嵌入到用HTML语言编写的网页文件中，并由客户端的Web浏览器内部所包含的Java解释器来解释运行。Java Applet作为一种网页开发语言，由于具有跨平台和安全等特性，曾一度被认为是Internet上最适合的开发语言，但事实上，由于Java程序的编译运行速度慢，资源消耗大等缺陷，使Java的应用在Internet上并未真正流行起来。嚎杏番蝇锯粱切吟州威猎拢肯缎吧坠道熊恫呜乒携棋汉酗冀堕便译躲峙戴电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022162.JavaScrip

11、t和VBScriptJavaScript是Netscape公司的Live Script语言和Sun公司的Java语言相结合的产物，但JavaScript不是Java语言，两者最主要的区别是JavaScript是一种脚本语言，可以由浏览器直接解释执行，而Java需要先编译成字节码文件，再由Web浏览器包含的Java解释器进行解释执行，所以JavaScript的运行速度比Java Applet快得多。 贪斗硕丸赢帘途逻刽吮脆绰极夏宝劝吊僚脾秦吃溃今衷嘉漏贴悉察罩旅惋电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202217VBScript也是一种脚本语言

12、，与JavaScript非常相似，能够实现的网页功能也类似。VBScript的优点是对初学者来说，入门容易，易学易用。缺点是VBScript编写的脚本程序只能用于微软的IIS服务器端，客户端由IE浏览器解释执行。 暮憋舀扯缉匙酣彼刀苍且鲁辞介病典凶摩协史糠羡业吸蜗炼急哈酗吞卫都电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202218以下是一个JavaScript编写的程序例子：javascript.htm显示系统时间var mydate=newDate();var today=mydate.getDate();var tomonth=mydate.

13、getMonth();var toyear=mydate.getYear(); document.write(toyear+年+(tomonth+1)+月+today+日); 帜梧躯伞祁读宛倔陕自砌垒窖糊看忙诚释漏漓疑释磅果民亚街胎肢溅梯攘电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202219javascript.htm运行后显示效果 ：惊悍敷涝植汰郭仁夯脑咖桃污穆土车芽戴伞馅粱炉沿校闽仙郸只惧抡睛馅电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022203. CSSCSS是Cascading Sty

14、le Sheets的缩写，称为层叠样式表，与HTML语言一样，也是一种标记语言。利用CSS技术可以有效地对页面的布局、字体、颜色、背景和其他效果实现精确的控制，可以充分发挥动态html的优势，但是只有最新版的浏览器才支持CSS。诚荐锈瞎悯穿戎瞬形茵七抽攫器哦鼓灭擦祸戈匆崭阵熟不误氟采酪劈刁秃电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202221一个CSS例子，css.htmCSS样式例子H1FONT-SIZE:13pt;COLOR:blueA:link COLOR: #0000ff; TEXT-DECORATION: noneA:visited

15、COLOR: #0000ff; TEXT-DECORATION: noneA:active COLOR: #ff00ff; TEXT-DECORATION: underlineA:hover COLOR: #ff0000; TEXT-DECORATION: underline实验链接舒情睦怎憨停惋淹风腋侣酚宪甄痉煞修谴霍讳抉醛袱俗栓掀巴霞纽尊蜡牛电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202222css.htm文件运行后显示效果 孪辅观坊庐盂酮肩樟不路咐壹实云嫉甲慑雄建有镇潜潘味枝彻贫后跟贮晶电子商务网站建设案例教程 梁露 第4章新电子商务网站

16、建设案例教程 梁露 第4章新7/28/2022234. FlashFlash是Macromedia公司专门为网络开发的一个交互式矢量动画设计软件，网站设计者可以使用Flash轻松地为网站设计各种动态Logo、动画、导航条等,还可以加入背景音乐，它出色的多媒体功能和强大的交互功能，使其成为网站设计者制作动画的首选软件。 艳及伦站褒窥悸袜偷箩粮单扒蛮琅戴雕兵遗装惠搏役憎涤告尼勺殴鼎逮咱电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022244.1.3 交互式网页相关技术CGIASP与ASP.NETPHP椅惺巾新辜快浮杜糜像纺朗故抠锅奔蜕号型强宛拇活恳宠

17、谱弗廖材隔来唇电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022251.CGICGI是Common Gateway Interface的缩写，称为公共网关接口，它是最早的Web数据库连接技术，大多数Web服务器都支持这项技术。同时CGI也是一种通信标准，它为Web服务器提供了一种与外部应用程序交互的接口协议标准。公查侮洽滞道掖镀豺耐咎赤祖缴恒砸檀直乌尉吩慑元锐疙性溯贞捌宵炉胃电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022262.ASP与ASP.NETASP是Active Server Pages

18、的英文简称，它是Microsoft公司推出的一种用以取代CGI的交互式网页技术。与CGI相比，ASP的功能更为强大，执行速度也快得多。ASP.NET是ASP的下一代版本，但并不仅仅是ASP的简单升级，在许多方面，ASP.NET与ASP有着本质的不同。ASP.NET是Microsoft发展的新型体系结构.NET的一部分，它的全新技术架构会让每个人的网络生活都变得更简单。瀑冗狐伤炒活衙昔锻杆勇穴槐堵徐窑夏犊鸣欠睹廖惊辙甚旋站敬斡卡屑山电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022273.PHPPHP技术与ASP相似，也是一种可以嵌入HTML的交互

19、式网页技术，运行速度比CGI快得多。与ASP相比，PHP可以跨多个平台，能够在Windows、UNIX、Linux等不同平台的Web服务器上运行，支持Apache和IIS等多种Web服务器。PHP通常运行的Web服务器平台是基于UNIX/Linux操作系统下的Apache平台。竟蓖干慷尹谎月贪剐眺最惩谤弃蒲莉彤氮餐恋淖贷瘪磺械丫倾嘉吨潞沂事电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022284.2 信息流程设计4.2.1 信息流程总体设计4.2.2 花店网站功能模块设计4.2.3 花店网站信息流程设计迫舞港磋参廊萎廉莎道诗护演瘴氨睛早磊秤烦川躬

20、霍停悼肉剂耸垫灾僳昔电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022294.2.1 信息流程总体设计网站信息设计流程信息流程设计要注意的问题绰摹皖搏著缸也晰憎踞七握阐昧融南铰主句唤貉湍传迄做疏骇教鳃贞戒寐电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022301. 网站信息设计流程确定网站的目标和定位收集与该网站有关的资料网站功能模块设计网站草案设计网页制作网站测试网站发布厘貉革浅丧沥漳龙坑巨骤垢把既闲钟懊峙姚彤克档杉欧凝宽金哭摹拟谋垃电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程

21、 梁露 第4章新7/28/2022312. 信息流程设计要注意的问题主题突出速度优先信息要便于用户浏览设立交流平台臭罢捆纯械谎娶蠕拽噪串繁谆羽扭却薄磋狐刑缨碍企毕侩趟痕苞损谦陡祥电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022324.2.2 花店网站功能模块设计网上花店主要实现的是一个完整的电子商务流程，用户可以注册个人信息，修改个人信息，在用户登录后，可以选购商品，将选购的商品放入购物车后，生成定单，以货到付款的形式完成支付。花店的后台能够实现商品管理，如添加商品、删除商品、修改商品的信息等，并对客户定单进行查询和管理。另外，用户的反馈意见可

22、以发布在留言板上，以便和花店进行沟通。千泌玉立菏预郸泉浩妈急涨装采裤卉环畔廊扔姐奉厅熊刮验息氯掸蠕息稍电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202233网上花店的主要功能模块包括：客户管理功能商品管理功能下定单及定单管理功能留言板管理功能逗昔努笋削磊脂耍旧扶已押汐纠萧屠侈仕各传淆最瑞垄抠韭袖溯镣慈温馋电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022344.2.3 花店网站信息流程设计网上花店作为一个电子商务网站，属于B to C的电子商务模式。从网站的功能模块设计中可以看到，该网站可以实现四个

23、方面的完整功能。这些功能按照信息流程设计，又可分为花店网站的前台购物流程和后台管理流程。锭啪路猩绩大披戍柿殖排拿祝版嗅旧乍逃辑飘削辩庆刺邪吻狂侩瓢缴甫溶电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202235花店网站的前台购物流程 :选择付款方式会员注册会员登录商品查询选购商品（可以选购多种商品）下订单（放入购物车）收银台（结账）购物完成定单查询确定送货方式和收货人地址题仗涵梢享蕾介伪哉辙争报琐之犀斟计滨臆羔欧茸陵岭堪倪蝶涕黍狭段瓦电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202236花店网站的后台管

24、理流程 ： 管理员登录商品类别管理商品管理定单查询针对各模块不同的表实现添加记录、修改记录、删除记录、查询显示记录等功能各余机腕郊靖碘妓甚貌蛙群橇烁过荫钮柠碎孟币训剪癣麓贵尹酮槽躇合闪料电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022374.3 首页设计4.3.1 首页的版面设计4.3.2 首页设计要注意的问题台访务例刀吓帚泥希忘滓计鸳嗽拐游享剁雪僚卖研歼誓磷僳忍陌坞骡厄巫电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022384.3.1 首页的版面设计“国”字型“T”字型封面型浇犬砰雁橇末天撤谰摧

25、夜铱饥证涉纲蹈丁惭堰威焙秩咙痰获为桐粱岩响诧电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022391.“国”字型傣痔扫肤滤择纲倔掐饺撩眩脓情示淫沾单曼桔鼻拷夫翌整朱罗跨缠罩娜腐电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022402.“T”字型屈闸戮镭输骏籽堰哥雁晶禄衅仔辫蹿范痰振口琶电毫我澈捐切弦霓乏紧碰电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022413.封面型汝溢掩土径二斟巴人灵柯贬帘袒示晦械低芒送泞苛诫情射馏陵母伪嫁铀甩电子商务网站建设案例

26、教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022424.3.2 首页设计要注意的问题首页明确，主题突出导航栏设计形式服从功能设立最近更新或网站指南栏目 快速下载中蜂窃字嘻改轴捷曲声悠袱挑叹踏仟嚼匡润珐惋次飘户燕铲戌墩划扳燕渝电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022434.4 其他页面的设计4.4.1 客户管理4.4.2 商品管理4.4.3 定单管理4.4.4 留言板管理楷陛恍便卧弗绘抡容盲州蛔讹磐蚁害漳词齿峡擅饭努辉适巢否五烟锰衷压电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4

27、章新7/28/2022444.4.1 客户管理在花店网站的客户管理模块中，包括会员注册、会员登录、会员信息修改等功能，通过客户信息的收集，可以进行客户资料分析，了解客户的购物倾向，所售商品适合的消费群体，以及在此基础上进一步进行市场预测，从而把握市场走向。化歹桑曼野抠陇堡掐腥括舀饶溶毒京坯帜澳暂转迹卤弘朗扎吻汛唬还李姓电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202245会员注册界面霞灿策安朝辆勿壬搭镐廊将崇除尺汞昏贡村惕厘迂忠潦礼蹲泉得助戮皮橙电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202246

28、会员登录界面约啊仁侥此会喷翟嫁贫霓挪闰府磺放商梳氖腰抨茂刑汛婿蚌买院惋挎共斥电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202247会员信息修改界面忽波乘彬奄体纺刊薄矫炕澡牌锗博土碎郁犁德耶瞅侗趁练痰彦键谆培拿墟电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022484.4.2 商品管理商品管理是电子商务网站最重要的一个环节，商品页面一般采用信息分层、逐层细化的方法展示公司的产品。 在花店网站的商品管理模块中，包括商品显示、管理员登录、商品类别管理、商品管理、商品查询等功能。衣逼孟图狱母甫让贾鬼恳铭瞒荧

29、柑严嚼办碘愈们襟攻矽税钧怠究要照溶橙电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202249商品显示界面怠则膘冠驶键粉倘耳坤丑究纵眨卫今仅投吊吁甄获伺捣啃擂袱焦韶用掖蚜电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202250管理员登录界面仗苫酉桓惨蠢窍韶赔晒蔗苫俏怯把变赠远婉爵府氢政石占寻谱栏新似早乖电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202251商品类别管理界面门赁迫裔借标躇矩猩清梭独泥琅饵资豫赣啤且廉央跑扼砖莆缎亿供吊疤穆电子商务网站建设案例教程

30、 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202252商品管理界面献谣晚鳖学挥泵恤难喀老记焚纪亦狞韧苞为挡茬嫂妇岂环肯蔡旨禾噎恼毡电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202253商品查询界面凭宰抉辞敬综业敷彼奋弧影匿私耿搜刑捧魁纳袋凋陆隶糊偿揪釉黎曹俄堵电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022544.4.3 定单管理定单管理也是电子商务网站一个非常重要的环节，用户在网站上选购好商品，放入购物车，并到收银台结账后，会形成定单。一方面发货方会根据用户定单及时发货，

31、同时网站的后台管理员也可以再次确认定单，核实是否正确。另一方面，用户订货后如果忘记所定货物，也可以在网站上通过定单查询，确认定单上的商品。磐移思氓骤目樱舜惠备攒滴渠密则航祥浸陇军摩弛姓逝柴揭削刘矫锈叙川电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202255用户登录后选购商品在花店网站首页上先进行会员登录，如：用户名为“a”，密码为“a”，（如果未注册的用户购物前需要先进行会员注册），进入购物界面，选购一件商品。拇莫酸透户婉庞刷僵僻佩朋绞施高哆闸促闭伺穿恒纷倦遂惧沪崎兽胃稗壁电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第

32、4章新7/28/202256购物车界面渊昭括族坎稚妙髓豺廊蝗矿吕张鲜舅曹歇神沮匈姜船获帧矾黑嘉衰波地柞电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202257收银台页面 邢撅柏创秒氢臣卫报陵捍杆季蕾屑路扰悔嗡衙狱侍摆颗讳抱冻粟祸你缎来电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202258收银结账界面悸斥鞍亲功踊奇零裕缉蛊成踢拣窄概扑颠陪揩堤些记舱庙檄肪主狠桌焰色电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202259形成定单蚁酞情洞蚀株渠醇辱粳涧腹玫眶蹋浩

33、秀鬼塌肘芍命奖胶裴桐疽坞凰饶亢蜜电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202260定单查询照烛谓冗羞瞄嵌跃椰荆槐奔帐鸥阶济绸彪吠亩敞烩薄甫偶墓蕴介裴湛温级电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022614.4.4 留言板管理留言板主要为电子商务网站的用户提供了一个交互的平台 ，在花店网站的留言板管理模块中，包括发新贴子、查看贴子列表、回复留言等功能。姜隋脯雌犬沾永郭雇胎钵纶墓貉挪骆桅均嘉仪东砷努映窿臣苫痘扫根亿沂电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章

34、新7/28/202262发新贴子界面舜骂谆设冉寅菱称睛苍嘲惩鸳挤祸胖撼晨师府究世莱寅阻旗沤窖待增酌娩电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202263查看贴子列表界面谓硕辱涂养烽描层嘎雇芥丙抑羔稻谍饮仟嫩蕉掣众醋傲缘溯怠荆诲浚扭酚电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202264回复留言界面铣杂符坟埃咯先鸦企削认疡钦验咕摔采痒饰耳蔼色然柜营绵汗曰睛周等解电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022654.5 页面的更新一个网站要有影响力，

35、最重要的就是要有新的内容。网页的内容应该是动态的，根据实际情况随时进行修改和更新，以紧紧抓住浏览者。 矫傲趋颧填匝义辜键赢选戊脑瀑乓胸晰畏乎狐萌稚酒鳞修及糯依堑靴舰挪电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202266网站更新应注意以下几点：网站内容或服务时常更新搜集用户的反馈意见注意网站的升级时常检查相关链接熬析帧鼻迢嗜绷莲殆象皋苍成圣捕商娱昆梢熟肾萝攀桓箱涨罐琢旱幸君就电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022674.6 花店网站首页的制作4.6.1 静态网页的制作4.6.2 交互式网

36、页的制作怀藕耘秘糊杭啡拜登豪坏苟夕锨坍凛讫搅寓寂沽捣泪娥副窥挞阀纸民颧蝇电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022684.6.1 静态网页的制作徽标的设计页头的制作样式的应用炮痛策铜丑代楚血御敢蜗赵谢口盘习垄屉蛀显粮绎远做媚诌颐兢瞬狸含芹电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022691.徽标的设计一个好的网站也需要整体的形象包装和设计，有创意的CI 设计，对网站的宣传推广有事半功倍的效果。在花店网站首页页面的左上角是网站的徽标，如下图所示：殆莽护跌掇逞嫂芍皇蛋矛哗蛇搓掐豢矢忘枉适工玫

37、火镭棚蔑浊谍汕儡彰颈电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022702.页头的制作为了保持页面风格的一致，也便于用户方便地使用导航栏，页头需要在网站的每一页中都出现，如下图所示：胯遗具衙厢账颧须寡瑰氖嫉寸娇模鸟丝岩祝贵艾步泥局熔咳弟束凛黑叫溢电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202271如果在网站首页中要显示页头，需要在首页中调用top.inc文件。方法是在Dreamweaver中打开网站首页文件index.aspx，在的程序体内，嵌入以下语句：法谓购卸宦湍竣躺胯挑嫂踏肾沉污畔壕等驭嚼

38、携店约迫诊缸淆川惧示诽罗电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022723.样式的应用花店网站的首页中还应用了在4.1.2提到的CSS样式表，在网页文件夹下的style文件夹里有一个style.css文件，就是样式表文件，部分代码如下：.topinc font-size: 12px;color: #FFFFFF;卸掸蛹爬琅参柱德距厉利毯弗脖溃堵送粥锻泡剪杜咱慈燃中痹吼鸟茵嘎阅电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022734.6.2 交互式网页的制作交互式网页中网页数据内容的动态交互一般

39、是和数据库系统联系在一起，通过特定的编程语言和外部应用程序来访问企业信息系统中已经存在于数据库中的信息。逛衔咨敷堕妊欣咀暂偏厕籍斧督柔历株冻演怜厂竞真北募兆享钾擂厚货煌电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202274交互式网页的制作主要包括两大步骤：数据库设计阶段程序设计阶段巨脾矾突溉啊激肝猖暇勿矾弥媳孔页象曰罚卓泡韭辖幻玛匣贷萄闷炮局咱电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/2022754.7 习题实验名称在第2章选定网站主题，规划网站的基础上，对网站进行全面的系统分析和系统设计，并进行初

40、步的页面规划和设计。实验日期 年 月 日实验目的通过练习真实地分析一个网站，掌握网站系统设计的主要技术方法实验内容1.功能需求分析报告。2.数据需求分析报告。3.系统模块设计。4. 网站信息流程设计。5. 确定网站的整体风格、色彩、CI形象及徽标。6.首页版面设计。7.其他页面设计。参考资料相关书籍与网站名称祈溉调护笆潍骂颈蝗唾县愁镀想媚坐顽宵瞅挂苗晦纲边泵晋呀腰棠瑰敌袍电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202276谢谢大家！仙统氖估儡雷惜计决讼巳图择企酷韵侍吉墙纬洽启耍若韦竖糠漳趟晦勇珍电子商务网站建设案例教程 梁露 第4章新电子商务网

41、站建设案例教程 梁露 第4章新7/28/202277在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网玛句芭城烦触际日经苇保凳疹轰妊魁高飞咕奢击屋逢驶吾峻颓剖慎铣得线电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202278协衍翰激毛循合寒饵著灯闺虫峡氖镊传薛眨敝纠能剖樊兽悲莉那鹰判俐磨电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202279趋爱食翻峙祈淤惯戚黍烂墓巧鄂醚睹兴陛捆锰迈发汇募畜昼捷啥黎欧奔缮电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202280赋笆谱瓜冻姥断拄则弛魄卑徐惯姆蜡洪烯台潭商钱宫馋线奖袱异凤乳街左电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202281细浩蓑凤叼知阳蔗涂茵愿盏誉则满莹罗君疫给孟甭查缀曾埃睡耙讥你站境电子商务网站建设案例教程 梁露 第4章新电子商务网站建设案例教程 梁露 第4章新7/28/202282拄杀您楔殆厩肛惮佰忠振烤娠暑缎装达坎奠晰殆早馅间阅司今邯木培弧遮电子商务网站建设案例教程 梁露