电子商务网页制作概述19134.pptx

1.3 电子商务网页制作概述电子商务网页制作概述 n说出目前常见的网页编辑工具和网页图像制作工具的名称，并能正确地拼写它们。n说出常见的网站开发技术的名称。n描述一个电子商务网站和普通网站有什么区别，以及在制作时应该注意的问题。本节任务1.3.1 网页制作工具 uFrontPageuDreamweaveruHotdog1.网页编辑工具网页编辑工具uPhotoshopuFireworksuFlash2.网页图像制作工具网页图像制作工具1.3.2 网站开发技术1.DHTML（Dynamic HTML）又称动态又称动态HTML，它可以创造出许多特殊的效果，它可以创造出许多特殊的效果2.ASP（Active Server Pages）又称动态网页，它可以与数据库和其它程序进行交互。又称动态网页，它可以与数据库和其它程序进行交互。ASP网页文件的扩展名是网页文件的扩展名是.asp。3.ASP.NET 是是ASP的最新版本，可用于在服务器上生成功能强大的的最新版本，可用于在服务器上生成功能强大的 Web 应用程序，为应用程序，为Web站点创建动态的、交互的站点创建动态的、交互的HTML页面。页面。4.JSP(JavaServer Pages)是一种动态网页技术标准。是一种动态网页技术标准。JSP网页的扩展名是网页的扩展名是.jsp。5.XML（Extensible Markup Language）称为可扩展性标记语言。称为可扩展性标记语言。其有利于数据交换和传递的特性，将为电子商务，尤其是其有利于数据交换和传递的特性，将为电子商务，尤其是B2B带来革命性的冲击。带来革命性的冲击。1.3.3网页制作的发展网页制作的发展 早期的网页是基于早期的网页是基于HTML 的文档。的文档。其信息的组织、管理基于文件系统，需要网站工作人员其信息的组织、管理基于文件系统，需要网站工作人员手工维护文档间的关系。手工维护文档间的关系。优点优点性能好，对硬件平台要求低，只需上传工具就性能好，对硬件平台要求低，只需上传工具就可实现对远程服务器上内容的更新。可实现对远程服务器上内容的更新。缺点缺点不利于大量信息的管理与使用，文档难以维护。不利于大量信息的管理与使用，文档难以维护。站点改版工作量巨大。站点改版工作量巨大。1.静态网页时期静态网页时期针对网站的某一个功能采用一些数据库管理模块，针对网站的某一个功能采用一些数据库管理模块，网站的后台对这些个别的功能模块进行管理。网站的后台对这些个别的功能模块进行管理。文档内容存储和管理基于数据库系统。文档内容存储和管理基于数据库系统。站点管理维护人员只更新数据库中数据。站点管理维护人员只更新数据库中数据。能动态生成能动态生成HTML 页面。页面。优点优点站点内容易于管理和维护，实时性强。站点内容易于管理和维护，实时性强。缺点缺点网站仍然不是全动态的，各种互动功能比较网站仍然不是全动态的，各种互动功能比较弱。不能进行整个站点的全文检索。弱。不能进行整个站点的全文检索。2.初级动态网页时期初级动态网页时期全动态站点引擎的范畴包括现在一些专业信息发布技全动态站点引擎的范畴包括现在一些专业信息发布技术公司提供的各种内容发布系统的相关解决方案。术公司提供的各种内容发布系统的相关解决方案。全动态网页时期全动态网页时期1.3.4 电子商务网页制作原则1.客户至上的人性化设计客户至上的人性化设计l了解客户群的层次和需求。了解客户群的层次和需求。l了解客户群的设备。了解客户群的设备。l提供高质量的内容。提供高质量的内容。l在技术上为不同的浏览者提供方便。在技术上为不同的浏览者提供方便。l保持较高的网页下载速度保持较高的网页下载速度n充斥着复杂图片和炫目色彩的网页会让浏览者产生视觉疲劳充斥着复杂图片和炫目色彩的网页会让浏览者产生视觉疲劳n简单干净的网页永远是最受欢迎的简单干净的网页永远是最受欢迎的 n简单干净的网页永远是最受欢迎的简单干净的网页永远是最受欢迎的n在网页上必须提供文本链接。以便那些关掉了图形开关的浏览者能方便地浏览 n决定网页的配色方案时，注意不要将容易混淆的颜色，如将蓝色和绿色作为对比.n将容易混淆的颜色作为对比，引起阅读困难2.保持内容风格的恰当与一致保持内容风格的恰当与一致l保持网站结构的一致性。保持网站结构的一致性。l保持色彩的一致性。保持色彩的一致性。l保持导航方式的一致性。保持导航方式的一致性。n注意网页风格与主题的统一注意网页风格与主题的统一 n内容与风格不一致会让人产生误解内容与风格不一致会让人产生误解n网页风格与主题的统一网页风格与主题的统一 的页面，给人以美的享受的页面，给人以美的享受保持网站结构的一致性 网页布局、文字排版、装饰性元素出现的位网页布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置。置、导航的统一、图片的位置。网站结构网站结构 尤其要强调尤其要强调网站标志性元素的一致性网站标志性元素的一致性，即，即网站名称、标志、导航及辅助导航的形式及位网站名称、标志、导航及辅助导航的形式及位置、公司联系信息应保持严格的一致。置、公司联系信息应保持严格的一致。保持色彩的一致性。n人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号 3.突出网页的交互性突出网页的交互性 4.及时更新网页内容及时更新网页内容5.进行可靠的网页测试进行可靠的网页测试n尽可能了解浏览者的设备情况。将主要内容放在适尽可能了解浏览者的设备情况。将主要内容放在适当的位置上，确保在所有的分辨率下都能看到它。当的位置上，确保在所有的分辨率下都能看到它。n谨慎地使用最新的谨慎地使用最新的HTML标准和浏览器插件，因标准和浏览器插件，因为浏览者所用的浏览器可能不支持这些新增功能。为浏览者所用的浏览器可能不支持这些新增功能。n必须使用不同的系统，对网页进行认真的测试，以必须使用不同的系统，对网页进行认真的测试，以确保良好的显示效果。确保良好的显示效果。本章小结课后思考课后思考1 1、你你能能说说出出常常见见的的网网页页编编辑辑工工具具和和网网页页图图像像制制作工具的名称，并能正确地拼写它们吗？作工具的名称，并能正确地拼写它们吗？2 2、一一个个电电子子商商务务网网站站和和普普通通网网站站有有什什么么区区别别？在制作时应该注意哪些问题？在制作时应该注意哪些问题？课外拓展课外拓展 上网找一个电子商务网站，对照笔记分析它的网页组成。