电子商务网站建设及实践—第3章(课次3).ppt

,电子商务网站建设与实践,*,电子商务网站设计与开发,1,第,3,章,电子商务网站设计与开发,电子商务网站建设与实践,2,课次,3,课时,2,教具,多媒体,备注,2,012,年,9,月,19,日,4-219,课题,电子商务网站设计与开发,目的,掌握网站开发和设计的制作工具，网站制作步骤,重点,会利用网站制作工具，制作网站,难点,无,电子商务网站建设与实践,3,网站开发工具与技术,1,电子商务网站设计与制作,网页发布,网页的更新,2,3,4,主要内容,电子商务网站建设与实践,4,3,.1,网站开发工具与技术,3.1.1 FrontPage 2003,和,Dreamweaver 8,FrontPage 2003,是微软公司推出的一个“所见即所得”的网页编辑器。,FrontPage 2003,把网页管理器和网页编辑器合二为一，而且用,FrontPage 2003,制作的网页支持最新的网页标准，如,XML,、,CSS2,等。虽然功能得到提升，但,FrontPage 2003,仍然是非常容易使用的。所以,FrontPage 2003,是初学者和专业人士制作网页的首选工具。,电子商务网站建设与实践,5,3,.1,网站开发工具与技术,3.1.1 FrontPage 2003,和,Dreamweaver 8,Dreamweaver,是集网页制作和管理网站于一身的“所见即所得”网页编辑器。它是第一套针对专业网页设计师特别开发的可视化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。,Dreamweaver,以其强大的功能、方便的动态网页制作和高效率 被称为,“,最好网页编辑器”。自,Dreamweaver 3.0,开始，,Macromedia,公司注意了网站开发工具的配合，由,Dreamweaver,和制作矢量动画的,Flash,、处理网页图像的,Fireworks,，共同组成了著名的,Dream Team,开发工具包，被业界则称之为“网页设计三剑客”。,电子商务网站建设与实践,6,3,.1,网站开发工具与技术,3.1.1 FrontPage 2003,和,Dreamweaver 8,Dreamweaver,具备以下的特点。,（,1,）最佳的制作效率。,（,2,）网站管理。,（,3,）无可比拟的控制能力。,（,4,）所见即所得。,（,5,）支持动态网页。,电子商务网站建设与实践,7,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,随着,Web,技术的不断发展，,Web,页面上开始加入了动态和交互式的内容，并取得了成功。,Web,动态技术发展快、种类多，其中包括脚本语言、,CGI,、,ASP,、,ASP.NET,、,JSP,和,PHP,等。这里主要对脚本语言、,CGI,、,ASP,和,ASP.NET,技术进行简要介绍。,电子商务网站建设与实践,8,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,1,脚本语言,脚本语言（,Script Language,）是一种简单的描述性语言，它的语法结构与计算机上的高级语言颇为相似，所以相对于其他的,Web,技术来说是简单易用的。脚本语言的出现较好地解决了,Web,页的动态交互问题。它通过一个,标记嵌入到,HTML,页中，编程对,Web,页元素进行控制，从而实现,Web,页的动态化和交互性。一般地，脚本语言分为客户端和服务器端两个不同的版本。,现今比较流行的脚本语言有网景公司的,JavaScript,和微软公司的,VBScript,。这两种语言虽然形式和语法有所不同，但功能相似，没有质的区别，用户可以根据自己的情况进行选择。,电子商务网站建设与实践,9,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,2,CGI,通用网关接口编程,与脚本语言不同，,CGI,可以说是一种通信标准，它的任务是接受客户端的请求，经过辨认和处理，生成,HTML,文档并重新传回到客户端。这种交流过程的编程被叫做通用网关接口（,CGl,）编程。,CGI,可以运行在许多平台上，具有强大的功能，它可以处理表单、创建表单、创建,Web,页上的动态内容、在,Web,页中增加搜索功能，处理服务器端的图像映像文件、创建聊天室等与用户交流的应用程序等。,电子商务网站建设与实践,10,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,3,ASP,技术,ASP,（,Active Server Pages,，动态服务器页面）是微软公司推出的一种用以取代,CGI,的技术。与,CGI,相比，,ASP,为用户提供了一种真正的简便易学、功能强大的服务器编程技术。,ASP,其实是微软公司开发的一套服务器端脚本运行环境，通过,ASP,用户可以建立动态的、交互的、高效的,Web,服务器应用程序。有了,ASP,用户就不必担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执行，包括所有的嵌在,HTML,文档中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。与前面提到的,Web,开发技术相比，,ASP,具有很大的优势。,电子商务网站建设与实践,11,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,4,ASP.NET,ASP.NET,是统一的,Web,应用程序平台，它提供了为建立和部署企业级,Web,应用程序所必需的服务。,ASP.NET,为能够面向任何浏览器或设备的更安全的、更强的可升级性、更稳定的应用程序提供了新的编程模型和基础结构。,ASP.NET,是,Microsoft.NET Framework,的一部分，是一种可以在高度分布的,Internet,环境中简化应用程序开发的计算环境。,.NET Framework,包含公共语言运行库，它提供了各种核心服务，如内存管理、线程管理和代码安全。它也包含,.NET Framework,类库，这是一个开发人员用于创建应用程序的综合的、面向对象的类型集合。,ASP.Net,主要包括,WebForm,和,WebService,两种编程模型。前者为用户提供建立功能强大，外观丰富的基于表单（,Form,）的可编程,Web,页面。后者通过对,HTTP,、,XML,、,SOAP,、,WSDL,等,Internet,标准的支持提供在异构网络环境下获取远程服务，连接远程设备，交互远程应用的编程界面。,电子商务网站建设与实践,12,3,.1,网站开发工具与技术,3.1.2 ASP,和,ASP.NET,5,ASP,与,ASP.NET,的区别,开发语言不同。,运行机制不同。,开发方式不同。,ASP.NET,与,ASP,相比，具有突出的优势，它取代,ASP,成为,Web,应用开发的主流平台也就是很自然的了。,电子商务网站建设与实践,13,3,.1,网站开发工具与技术,3.1.3 ASP.NET,应用程序实例,1,网站后台管理员登录程序,login.aspx,运行效果如右图所示,电子商务网站建设与实践,14,3,.1,网站开发工具与技术,3.1.3 ASP.NET,应用程序实例,2,发表留言的,ASP.NET,程序,这个程序是提供网友提交留言的窗口。本程序涉及到,add.aspx,、,add.aspx.cs,和,liuyan.dll3,个文件和几个图像文件。,运行效果如右图所示,电子商务网站建设与实践,15,3,.,2,电子商务网站设计与制作,3.2.1,电子商务网站内容设计的流程,.,1,网站内容设计的原则,.,.,一般来说，最起码应考虑到以下,3,个方面：信息内容、访问速度和页面美感。,信息内容,访问速度,页面美感,电子商务网站建设与实践,16,3,.,2,电子商务网站设计与制作,3.2.1,电子商务网站内容设计的流程,.,1,网站内容设计的原则,.,.,（,1,）新、精、专的信息内容,用户访问网站的主要目的就是想发现自己感兴趣的信息，所以网站提供的信息内容要新、精、专，要有特色。,及时更新信息内容。,要提供可读性强的内容，如公司营销的特色、产品的优点，如何做好售后服务，如何更好地为消费者服务等，一定要站在消费者的立场去考虑问题。,电子商务网站建设与实践,17,3,.,2,电子商务网站设计与制作,3.2.1,电子商务网站内容设计的流程,.,1,网站内容设计的原则,.,.,（,2,）安全快速的访问。,提高浏览者的访问速度。设计网站内容时，必须考虑网站的实际访问速度,。,要有安全良好运转的硬件和软件环境。要确保有稳定、全天,24,小时、全年,365,天都可以连续工作的性能良好的服务器硬件，这是至关重要的。,要信息便于用户浏览。网站的任何信息都应在最多,3,次点击之内得到。,电子商务网站建设与实践,18,3,.,2,电子商务网站设计与制作,3.2.1,电子商务网站内容设计的流程,.,1,网站内容设计的原则,.,.,（,3,）美感十足、方便用户访问的页面。,提供交互性。缺乏互动的网站一定缺对浏览者的吸引力，要加强网站的营销效果，就必须加强在网站互动方面的投入，包括采用即时的留言簿、反馈表单、在线论坛。,完善的检索和帮助功能。合理地组织网站信息内容，以便让浏览者能够迅速、准确地检索到要查找的信息。,方便用户访问和购买。对于电子商务网站，购买方便原则是最重要的原则之一。,电子商务网站建设与实践,19,3,.,2,电子商务网站设计与制作,3.2.1,电子商务网站内容设计的流程,.,2,网站内容设计流程,.,.,综合实例,设置相对安全的,Windows 2003 Server,系统,综合实例,设置相对安全的,Windows 2003 Server,系统,收集与该网站有关的一些关键信息,网站信息结构的设计,网站运行环境的选择,网页制作,网站测试,（,1,）,（）,（）,（）,（）,（）,进行网页可视化设计,网站发布,（,7,）,电子商务网站建设与实践,20,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,1,网站信息内容及其功能模块,.,.,电子商务网站规模不同，表现形式各有特色，但从经营的实质上来说，不外乎信息发布型和产品销售型这两种基本形式。一个综合性的网站可能同时包含了这两种基本形式。,目前信息发布型的网站仍然是电子商务网站的主流形式。信息发布型电子商务网站中信息结构的设计主要是从公司、产品、服务等几个方面来进行的。,电子商务网站建设与实践,21,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,1,网站信息内容及其功能模块,.,.,企业网站一般包括以下功能模块：,（,4,）产品价格,（,7,）网上订购,（,1,）公司概况,（,10,）技术支持,（,13,）辅助信息,（,2,）员工信息,（,3,）产品目录,（,5,）产品搜索,（,6,）公司动态,（,8,）销售网络,（,9,）售后服务,（,11,）联系信息,（,12,）财务报告,（,14,）其他内容,（,15,）增值服务,电子商务网站建设与实践,22,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,2,网站链接结构的设计,.,.,企业网站,链接结构要求：,主次分明、结构清晰,链接结构有两种基本方式：,树状链接结构,（一对一）,网状链接结构,（一对多）,电子商务网站建设与实践,23,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,3,网站整体风格的设计,.,.,网站风格是指网站的整体形象给浏览者的综合感受。这个“整体形象”包括网站的,CI,（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值及网站荣誉等诸多因素。,电子商务网站建设与实践,24,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,3,网站整体风格的设计,.,.,有风格的网站与普通网站的区别在于：在普通网站上看到的只是堆砌在一起的信息，浏览者只能用理性的感受来描述，比如信息量大小、浏览速度快慢；但有风格的网站可以使人有更深一层的感性认识，比如觉得网站有品位，和蔼可亲，像老师，像朋友。,其实风格就是一句话：与众不同,!,电子商务网站建设与实践,25,3,.,2,电子商务网站设计与制作,3.2.2,网站信息结构的设计,.,3,网站整体风格的设计,.,.,体现网站风格的常用方法：,（,1,）使企业的标志尽可能出现在每个页面上。,（,2,）突出网站的标准色彩。,（,3,）突出网站的标准字体。,（,4,）设计一条朗朗上口宣传标语。,（,5,）使用统一的图片处理效果。,（,6,）创造一个企业网站特有的符号或图标。,电子商务网站建设与实践,26,3,.,2,电子商务网站设计与制作,3.2.3,网页的可视化设计,.,1,网页设计应遵循的原则,.,.,（,1,）网页命名要简洁,。,（,2,）确保页面的导航性好。,（,3,）网页要易读。,（,4,）合理设计视觉效果。,（,5,）为图片添加文字说明。,（,6,）不宜使用太多的动画和静态图片。,（,7,）页面长度要适中。,（,8,）,Java,程序少用为宜。,（,9,）整个页面风格要一致。,（,10,）尽量使用相对超级链接,（,11,）不要滥用尖端技术。,电子商务网站建设与实践,27,3,.,2,电子商务网站设计与制作,3.2.3,网页的可视化设计,.,2,网页版面布局设计,.,.,（,1,）“,T”,结构布局。,（,2,）“口”型布局。,（,3,）“三”型布局。,（,4,）对称对比布局,（,5,）,POP,布局。,常见的版面布局形式,电子商务网站建设与实践,28,在网页设计中较通常的做法是：,主要内容文字用非彩色（黑色），边框、背景、图片用彩色，这样页面整体不单调，用户看主要内容也不会眼花。,3,.,2,电子商务网站设计与制作,3.2.3,网页的可视化设计,.,3,网页色彩设计,.,.,（,1,）网页色彩搭配的原理。,色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。,色彩的独特性。要有与众不同的色彩，使得用户对企业网站的印象强烈。,色彩的合适性。色彩和网站要表达的内容气氛相适应。如用粉色体现女性网站的柔性。,色彩的联想性。不同色彩会产生不同的联想，如蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和网页的内涵相关联。,电子商务网站建设与实践,29,（,2,）网页色彩搭配的技巧,3,.,2,电子商务网站设计与制作,3.2.3,网页的可视化设计,.,3,网页色彩设计,.,.,使用,相同色系色彩,运用对比色或互补色,使用过渡色,用黑色和一种彩色,尽量控制在,3,种色彩以内，并在其中选择一种作为主色调,背景和文字的对比尽量要大,电子商务网站建设与实践,30,首页的设计应该遵循快速、简洁、吸引人、信息概括能力强、易于导航的原则，同时应纳入企业,CIS,计划，与企业,CIS,的其他内容协调起来。,最简单的电子商务网站首页上也必须清楚地列出,3,项要点：,单位名称,提供的产品或服务,主页内容,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,电子商务网站建设与实践,31,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,1,）页头,页头用来准确无误地标示企业的网站，它应该能够体现出企业网站的主题，而该主题是与企业的产品和服务紧密相关的。它应集中、概括地反映企业的经营理念和服务定位，可以用企业的名称、标语、徽号或图像来表示。,电子商务网站建设与实践,32,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,2,）主菜单,主菜单即导航条，它提供了对关键页面的简捷导航，其超链接或图标应明确地表明企业网站的其他页面上还载有什么样的信息，用户能够根据这样一个简单的功能化的界面，迅速地到达他们所需信息的其他页面上。,电子商务网站建设与实践,33,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,3,）最新消息的传递,如果企业网站的主页从不改变，用户很快会厌倦。在主页上预告即将有新资料推出，可吸引用户再来浏览。可以在页头以大字标题宣布新消息，也可以定期改变主页上的图像，或更改主页的式样。,电子商务网站建设与实践,34,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,4,）电子邮件地址。,在页面的底部设计简单的电子邮件链接，可使用户与负责,Internet,网站或负责网上反馈信息的有关人员迅速取得联系。这将为用户找人请教或讨论问题节省大量的搜索时间，它还能使企业获得,Internet,网站外的信息反馈。,电子商务网站建设与实践,35,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,5,）联络信息,联络信息列出通信地址、公关或营业部门的电话号码等，以便用户通过非,E-mail,的方式与公司相关人员获得联系。,电子商务网站建设与实践,36,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,6,）版权信息,这是适用于首页内容的版权规定，也可以在首页上标示一句简短的版权声明，用链接方法带出另一个载有详细使用条款的页面，这样可以避免首页显得杂乱。,电子商务网站建设与实践,37,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,1,首页的功能模块,.,.,（,7,）其他信息,除了包括以上的信息以外，一般的电子商务网站上还需要其他一些信息，如广告条、搜索、友情链接、邮件列表、计数器等。,电子商务网站建设与实践,38,3,.,2,电子商务网站设计与制作,3.2.4,首页设计,.,2.,首页的可视化设计,.,.,设计首页的版面,在图文类首页中，通常以图片和标题为兴趣点，由于图片通常较文字更能吸引人的注意力，故图片上的兴趣点就是首页的兴趣点。许多首页为吸引浏览者的注意力，将文字标题融合在画面中，使两个兴趣点合为一体。,电子商务网站建设与实践,39,3,.,2,电子商务网站设计与制作,3.2.5,其他页面的设计,.,1,新闻页面的设计,.,.,设计新闻页面,新闻页面的风格应保持一致，不要使用那些不利于任何文本阅读的背景图片和颜色，也不要使用与主页面同样的链接颜色，它应是理想的可打印页面，应保持清晰、简单、快捷的特点以便于打印。,建立新闻页面，首先在主页上要编写并设置可点击的新闻标题，然后再编写完整的新闻页面，这些页面通过超链接与新闻标题相连。,电子商务网站建设与实践,40,3,.,2,电子商务网站设计与制作,3.2.5,其他页面的设计,.,1,新闻页面的设计,.,.,（,1,）主页中的新闻标题,标题要能足够清楚地描述新闻的要点，以便用户能确切地知道自己点击的是什么。通常标题的文字不宜过长，主要包括的要素与设计的方法如下。,电子商务网站建设与实践,41,3,.,2,电子商务网站设计与制作,3.2.5,其他页面的设计,.,1,新闻页面的设计,.,.,（,2,）新闻页面,新闻页面要满足易于导航的要求，首先要方便用户从新闻页面到网站中其他内容页面的跳转，其次还要方便用户迅速地到达其他的新闻页面。通常可以通过在新闻页面建立以下几种方式来实现。,电子商务网站建设与实践,42,3,.,2,电子商务网站设计与制作,3.2.5,其他页面的设计,.,2,产品页面的制作,.,.,产品页面制作,产品页面一般采用信息分层、逐层细化的方法展示公司产品或服务。所谓信息分层就是将它放在不同详细程度的页面上，从而允许用户能自上而下地找到最适合自己需要的信息层。也就是说，首先建立一个产品,/,价格清单（第一层），该清单允许用户为每一项选择一个产品页面（第二层），这个页面又能引出具有详细信息的页面（第三层）。,电子商务网站建设与实践,43,3,.,2,电子商务网站设计与制作,3.2.5,其他页面的设计,.,3,其他页面设计,.,.,其他页面设计,其他页面包括：,（,1,）客户支持页面。,（,2,）市场调研页面。,（,3,）企业信息页面。,（,4,）其他内容。,电子商务网站建设与实践,44,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,1,电子商务网站中的,Web,资源,.,.,一个电子商务网站中的,Web,资源总是包括静态网页和动态网页两种。通常情况下，有关公司介绍、员工信息、销售网络、售后服务信息、联系信息等是一些相对固定不变的信息，其更改的频率不高，可以以静态网页的方式进行制作。而关于产品的信息、网上销售的信息（产品价格、产品目录、购物车、订单、产品搜索等）以及其他服务（如技术支持、公司新闻动态、论坛系统），特别是网站的管理系统，一般而言都是采用动态网页的形式。总而言之，凡是网页上的内容需要与用户进行交互，就要用动态网页的方式来进行。,电子商务网站建设与实践,45,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,2,静态网页的制作,.,.,通过模拟制作一个“新视野”网上书店网站，来简要介绍建立一个静态网站的主要过程。“新视野”网上书店首页如左图所示。,电子商务网站建设与实践,46,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,2,静态网页的制作,.,.,创建网站的操作步骤如下：,创建本地网站。,制作网站站标和横幅动画。,使用,Dreamweaver,布局视图或表格功能设置首页布局。,使用,Dreamweaver,完成网页制作。,制作二级网页。,电子商务网站建设与实践,47,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,3,动态网页的制作,.,.,电子商务网站是具有高度可交互性的动态网站，一个电子商务网站上如果只有静态,Web,页，则这个网站绝对不能够满足用户和企业双方对信息访问和数据处理的需要。,用户在与企业进行电子商务行为时产生了大量的动态数据,即时交易数据、安全认证数据等，这也都要求电子商务网站提供大量的动态网页。,电子商务网站建设与实践,48,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,3,动态网页的制作,.,.,数据库 设 计,动态应用程序的制作,交互式动态网页制作主要包括两大步骤,电子商务网站建设与实践,49,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,3,动态网页的制作,.,.,动态应用程序的制作,数据库设计阶段,：此阶段主要工作是根据前面确定的网站信息结构图进行数据库的逻辑设计、物理设计。具体包括分析各实体之间的关系，确定数据库的关系数据模型，将之转化到具体的数据库管理系统中，并形成一份明确的数据库设计文档。,电子商务网站建设与实践,50,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,3,动态网页的制作,.,.,动态应用程序的制作,应用程序的编写,包括动态网页的可视化设计和动态交互应用程序的编写。动态交互应用程序的编写一般都遵循下面的基本步骤：读取、分解和解码由,HTML,表单传送的数据生成一个数据库操作命令连接数据库服务器、并发送数据库操作命令从服务器获取操作命令所产生的结果将结果格式化成,HTML,页面发送给用户。,电子商务网站建设与实践,51,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,动态网页可以使用,ASP.NET,等开发工具编写程序，结合数据库完成动态网页制作，也可以通过,Dreamweaver,实现。,Dreamweaver 8,软件功能很强，既可以制作静态网页，也可以制作动态网页，包括可以动态显示数据的网页。,这一功能对那些不太熟悉编程的用户来说，非常有价值。,电子商务网站建设与实践,52,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,Dreamweaver 8,创建数据动态网页的工作流程有,7,个大的步骤：,（,1,）设置在,Dreamweaver,中开发,ASP.NET,动态网页的环境。,对站点的设置，这是通过,Dreamweaver 8,开发基于,ASP.NET,的,Web,应用程序的前提。在,Dreamweaver,中设置,ASP.NET,动态网页的环境，主要是设置网站的本地信息、远程信息和测试服务器等项内容，此外还要部署,DreamweaverCtrls.dll,控件至应用程序根目录下的,Bin,目录中。,电子商务网站建设与实践,53,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,2,）建立数据库。,要创建一个动态页面，必须先建立一个包含相关信息的数据库文件。,这里利用,Access,建立一个名为,Book.mdb,的数据库文件，库中有一个包含书目信息的表,tblBook,，表中有,4,个字段：,BID,、,BTITLE,、,BTYPE,和,BDATE,，分别代表记录号、书名、书的类型和出版时间。定义完表的结构，还要录入多条记录，并将,Book.mdb,保存到,C:inetpubdingdangdatabase,文件夹下，该文件夹是网站的根目录下的一个文件夹。,电子商务网站建设与实践,54,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,3,）建立数据库连接。,要在动态网页中使用数据库，首先要定义一个数据库连接。,在,Windows,系统中，,ASP,动态网页可以通过,ODBC,驱动程序或,OLE DB,提供程序连接到数据库。创建,OLE DB,连接可以提高连接的速度。,ASP.NET,动态网页必须通过,OLE DB,提供程序连接到数据库。该提供程序充当允许,ASP.NET,应用程序与数据库进行通信的解释器。,电子商务网站建设与实践,55,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,4,）创建数据集和数据绑定。,Dreamweaver,使用户可以更容易地连接到数据库并创建从中提取动态内容的记录集。记录集是数据库查询的结果。它提取请求的特定信息，并允许在指定页面内显示该信息。根据包含在数据库中的信息和要显示的内容来定义记录集。,电子商务网站建设与实践,56,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,5,）向,Web,页添加动态内容。,定义记录集或其他数据源并将其添加到“绑定”面板后，可以将该记录集所代表的动态内容插入到页面中。,Dreamweaver,的菜单型界面使得添加动态内容元素非常简单，只需从“绑定”面板中选择动态内容源，然后将其插入到当前页面内的适当文本、图像或表单对象中即可。,电子商务网站建设与实践,57,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,6,）增强动态页的功能。,除了添加动态内容外，,Dreamweaver,还可以通过使用服务器行为轻松地将复杂的应用程序逻辑合并到网页中。“服务器行为”是预定义的服务器端代码片段，这些代码向,Web,页添加应用程序逻辑，从而提供更强的交互性能和功能。,Dreamweaver,服务器行为允许用户向,Web,站点添加应用程序逻辑，而不必编写代码。,电子商务网站建设与实践,58,3,.,2,电子商务网站设计与制作,3.2.6,网页制作,.,4,用,Dreamweaver 8,制作数据动态网页,.,.,（,7,）向页面添加服务器行为。,若要向页面添加服务器行为，应从“插入”栏的“应用程序”类别或“服务器行为”面板中选择它们。若要使用“服务器行为”面板，请选择“窗口服务器行为”，然后单击面板上的加号（,+,）按钮，并从弹出菜单中选择服务器行为。下面的插图显示“插入”栏中可用的“服务器行为”按钮。,通过以上步骤和流程，就可以使用,Dreamweaver 8,成功创建,ASP.NET,动态网页，增强网站的实用性。,电子商务网站建设与实践,59,3,.,3,网页发布,3.3.1 选择,Web,服务器,多数网页制作者都想发布自己创作的,Web,站点，将自己制作的网页在较大的范围内展示。发布站点之前常常要对站点进行大量的测试工作，在站点发布后，还应根据设计意图的变化、浏览者的反应不断完善站点结构、更新网页内容。,电子商务网站建设与实践,60,3,.,3,网页发布,3.3.1 选择,Web,服务器,Web,服务器是容纳、分配各种信息的计算机，网络浏览者通过,Web,浏览器在服务器内查找指定的,URL,站点。,站点发布到,Web,服务器之后，其中的文件和文件夹都保存在,Web,服务器上。站点发布服务器，可以是单位内部的服务器，也可以是,ISP,提供的,Web,服务器。,在选择,ISP,时，必须考虑其提供服务的内容和质量。通常通过查阅、电话咨询、实地查看等方式收集各种信息，多家比较从而决定所需要的,ISP。,电子商务网站建设与实践,61,3,.,3,网页发布,3.3.1 选择,Web,服务器,在选择,ISP,时，下列事项是制作网页之前选择,ISP,时应该考虑的问题。,（1）,磁盘空间。,（2）可靠性。,（3）客户服务。,（4）价格因素。,在确定,ISP,后，通过申请，用户将获得,Web,服务器的,URL，,并得到用户名和口令，在发布站点时，需要输入用户名与口令，以便,ISP,识别发布者的身份。,电子商务网站建设与实践,62,3,.,3,网页发布,3.3.2,测试站点,测试站点是为了及时发现存在的问题、完善站点的内容。在向远程站点上传文件并对外发布之前，必须先对本地站点进行全面测试。这主要包括以下几项工作：,（,1,）检查页面显示的一致性。,（2）,检查链接,。,（,3,）检查网页同目标浏览器之间的兼容性。,（,4,）测试文件下载时间。,电子商务网站建设与实践,63,3,.,3,网页发布,3.3.3,远程设置,Dreamweaver,中的站点管理器相当于一款优秀的,FTP,软件，支持断点续传功能，可批量上传、下载文件和目录，具有克服因闲置太久而中断传输的优点。,远程设置的操作主要完成是以下内容,（,1,）,打开站点管理窗口。,（,2,）选择要定义的站点名称,。,（,3,）,选择“远程信息”选项。,（,4,）选择“,FTP”,方式,。,电子商务网站建设与实践,64,3,.,3,网页发布,3.3.3,远程设置,Dreamweaver,中的站点管理器相当于一款优秀的,FTP,软件，支持断点续传功能，可批量上传、下载文件和目录，具有克服因闲置太久而中断传输的优点。,远程设置的操作主要完成是以下内容,（,1,）,打开站点管理窗口。,（,2,）选择要定义的站点名称,。,（,3,）,选择“远程信息”选项。,（,4,）选择“,FTP”,方式,。,（,5,）设置,FTP,方式的相关参数,。,电子商务网站建设与实践,65,3,.,3,网页发布,3.3.4,网页发布,.,.,.,（,5,）设置,FTP,方式的相关参数,。,FTP,主机,：指的是网络中服务器供应商所提供的,FTP,主机的,IP,地址。,主机目录,：,“登录”和“密码”,：这也是服务商所提供的。它是打开网站的钥匙，一定要记牢和保存好。,电子商务网站建设与实践,66,3,.,3,网页发布,3.3.4,网页发布,.,.,.,发布站点是将构成网页和站点的所有文件拷贝到,Web,服务器上，让浏览者看到网页制作者的劳动成果。,过去发布站点是一项复杂的工作，现在通过,Dreamweaver,远程站点管理功能，只要确定,Web,服务器的,URL,和其他的基本信息，单击“链接到远端主机”按钮，连接,FTP,主机，通过鼠标操作就可以完成站点的发布工作。,电子商务网站建设与实践,67,3,.,3,网页发布,3.3.4,网页发布,.,.,.,这里要注意,Web,服务器默认的主页名称是什么，例如，采用虚拟主机方式申请网页空间时，给定的默认主页名是,index.htm,，那么上传的网站主页文件名也应该是,index.htm,。企业自己配置服务器的，也要注意将,Web,服务器的默认首页文件名与站点中的首页文件名一致，否则将无法浏览上传的网页。,电子商务网站建设与实践,68,3,.,4,网页的更新,网页更新,一个网站要有影响力，最重要的是有新的内容。,电子商务网站中的内容变化周期短，内容更新快，在网页进行修改后应及时更新网站，以便访问者能及时浏览到最新的网站信息。,网页更新要注意做好以下几点：,（,1,）专人专门维护新闻栏目。,（,2,）时常检查相关链接。,（,3,）在网页中应设计并建立信息反馈,FAQ,表单，随时收集用户的意见和建议。,电子商务网站建设与实践,69,本章小结,本章介绍了网页设计常用的工具软件，包括,FrontPage 2003,、,Dreamweaver 8,、,ASP,和,ASP.NET,等软件和技术的主要功能和特点，提出了电子商务网站内容设计的基本流程，并根据这个流程分层次分析了电子商务网站的信息内容及其功能模块，讨论了网站的链接结构、整体风格的设计。最后介绍了网页上传的具体方法和网页更新应注意的主要事项。本章重点讨论了网页的可视化设计问题，并提出了电子商务网站中首页、产品页、新闻页等网页设计的具体结构和组成，为用户实际建立电子商务网站提供了设计思路。,电子商务网站建设与实践,70,习题,1.1.1,市场分析,1,什么是,ASP.NET,？它和,ASP,有哪些区别？,2,电子商务网站内容设计的基本原则是什么？,3,举例说明一个电子商务网站的信息内容应包括哪些方面。,4,举例说明一个电子商务网站的首页设计思路。,5,更新网站内容时应时做好哪些主要工作？,6,网站测试有哪些主要工作？,71,Thank you!,