CN1393795A - 模块化的网页编辑与实时转换的网页显示系统与方法 - Google Patents

Abstract

一种模块化实时转换的网页编辑与显示系统。当该网页浏览者经由互联网连至该伺服器主机以浏览该目标网页时，该伺服器主机始启动该功能区块转换模块，将该目标网页中所包含的每一功能区块转换为相对应的图形或文字显示。而当该网页浏览者按动该目标网页中的功能连结时，该伺服器主机始启动该功能连结转换模块，将该功能连结转换为相对应的实际网址，并回传给该网页浏览者的浏览器，使该浏览器得以显示出相对应实际网址的网页。

Description

模块化的网页编辑与实时转换 的网页显示系统与方法

本发明涉及一种模块化的网页编辑与实时转换的网页显示系统与方法，特别涉及一种在网页编辑时具有弹性，且网页显示时可实时转换的系统与方法。

随着互联网的日益盛行，消费者在网络上进行交易的次数也随之增加，因此企业如何利用编排美观、新奇与经常更新的网页来吸引消费者的眼光，增加消费者在自家网站与网页的浏览时间，以便争取到消费者更多下单订购商品的机会，对在网站商家而言是一件与庞大商机牵连甚广的大事。然而，企业由实体转战至网络上的商务电子化的需求，往往因各产业的性质、企业规模、组织行为、产品特性及客户服务等因素，而寻求不同的系统及方法来加以满足。通常，此类方法不外乎，(1)自购软件套件来加以制作，(2)自行开发设计软件系统，(3)委托外界专案开发软件系统，(4)租赁定型化的软件系统，或上述方法的组合应用。

一般而言，企业在建置网站的工作上，为求整体效率并期望能达到专业水准的要求上，通常会采取(3)委托外界专案开发的方法。也就是说，经由签约委托外界交由网站建置的专门人员来进行，并在提供企业网站中所需的公司简介、产品型录等各种相关数据后，责成美工编辑人员与网站建置人员相互配合，来设计并产生出符合企业需要的所有网页以及每一网页的美编，而网页编辑通常也可在固定的网页编辑软件，如：Front Page或是Dream Weaver等软件中来进行。然而在编辑某一页网页时，这些软件只能提供两三种制式的网页版面，在选定某一种制式的版面后，就固定在某一区块显示公司简介的数据，另一区块显示产品型录的数据。当过了一段时间，企业觉得网页版面设计不佳、有新的需求因此导致必须增辟新区、或是纯粹因为网页摆置过久，怕丧失新鲜感而无法持续吸引消费者等因素想要改版时，就必须和网站建置的人员再次签约进行网站中各网页的改版，当然也必须再次进行付费。

然而，对在日趋复杂、竞争激烈、商品服务变化快速的网络环境下，实时性及弹性往往是各商家决胜在网络虚拟空间的重要关键，如果每次网页改版都必须签约委托外界处理，不但耗费财力也花费时间，尤其对在占总企业数目达七成以上的中小企业(SME)，其企业中人数较少，商务电子化程度非常低，却对在多样化、低成本、弹性及实时性的网页设计或改版有着同样需求。

因此，本发明提供了一种应用在互联网上的网页编辑与显示的系统与方法，使得商家的网页编辑者或是美编人员可以在伺服器主机下载模块化的档案，来制作与编辑示意性质的网页，完成后上传储存在伺服器主机。而当一般网页浏览者在连线至伺服器主机浏览网页时，伺服器主机再实时进行转换，以呈现出预定设计的正常网页画面与功能。

本发明的网页编辑与显示系统分成三个主要部分：使用者计算机、伺服器主机以及网页浏览者计算机。首先，商家在建置网站、制作网页之前，必须要先在内部准备好一些文件或图形。这些文件或图形的用途是为了将来能呈现在网页上，以供一般网页浏览者也就是潜在的客户来浏览，因此，这些文件可能包含公司简介、产品信息、活动快讯、使用说明、会员需知等等的文字性说明，而图形则可以包含网页背景、公司商标、产品型录等等的各种图像或标志。将这些文件或图形准备好之后，就可先上传至伺服器主机，并在输入商家帐号与密码后存入其后台数据库，将这些文件或图形存放其中以便后续呼叫使用或显示。

然后，商家的网页编辑者接着在使用者计算机端进行网页的制作。在这一个部分，网页编辑者必须先连线至伺服器主机上来下载本发明特殊的档案套件，包含“功能区块档案”与“功能连结档案”，然后开启使用者计算机中的网页编辑软件，如DreamWeaver等，并将下载的“功能区块档案”与“功能连结档案”连结进DreamWeaver，以便在此网页编辑软件所提供的环境中利用上述下载的档案套件进行网页编辑。当商家的网页编辑者经由DreamWeaver选择某一个功能区块档案后，就会在待编辑的目标网页中网页编辑者所希望摆置的区域，显示相对应示意性质的功能区块。相似地，网页编辑者亦可自行在待编辑的目标网页中输入某些提示文字，经由DreamWeaver选择某一个功能连结档案，使得这些提示文字可经由这个功能连结档案产生示意性质的功能连结，结合在该目标网页中。

当商家网页编辑者在使用者计算机端通过“功能区块档案”与“功能连结档案”来完成网页的制作后，就会将制作完成的网页或多个网页传至伺服器主机。由在这些网页的制作是以“功能区块档案”所产生的功能区块与“功能连结档案”所产生的功能连结等示意的方式暂时完成，必须经过必要的转换或是解读，才能确保将来一般网页浏览者在其计算机上所看到的是正确的显示画面及可执行预定的功能，因此，伺服器主机中另有“功能区块转换模块”与“功能连结转换模块”来执行相对应的转换工作。

因此，当一般网页浏览者经由其计算机连上伺服器主机进入网站中浏览网页时，伺服器主机中的“功能区块转换模块”与“功能连结转换模块”就会在线上实时(real-time)进行所有的转换工作，以便使网页浏览者能观看到正确的画面显示及正常地使用所有预定的连结功能，如此一来，网页浏览者在其计算机端就可以自由地在不同网页间进行连结切换，或在某一网页浏览预定的图文或是进行购物。

关在本发明的优点与精神可以通过以下的详细说明及附图得到进一步的了解。

图1为本发明网页编辑与显示系统100的构造图。

图2为本发明网页编辑与显示系统100在伺服器主机300端的系统构造图。

图3为本发明网页编辑与显示系统100中功能连结对照表360的示意图。

图4为本发明网页编辑与显示系统100在使用者计算机200端的系统构造图。

图5为本发明网页编辑与显示系统100中的功能区块档案222的示意图。

图6为本发明网页编辑与显示系统100在使用者计算机200端的操作流程图101。

图7与图8为本发明网页编辑与显示系统100的功能区块转换模块314对功能区块档案222进行转换的示意图。

图9为本发明网页编辑与显示系统100的功能连结转换模块316的操作流程图130。

为了对本发明的网页编辑与显示系统100加以清楚解释，以下针对<本发明的系统构造与组成元件>以及<本发明系统的操作流程>两大部分分别加以说明。<本发明的系统构造与组成元件>

请参考图1，图1为本发明的网页编辑与显示系统100的系统构造图。本发明的网页编辑与显示系统100包含有使用者计算机200、伺服器主机300以及网页浏览者计算机400三个主要部分，而使用者计算机200、伺服器主机300以及网页浏览者计算机400可以经由互联网500来加以相互连结，以便相互传递文字数据或是影像图形。

使用者计算机200为一般常见的个人计算机，包含台式、笔记本型、便携式等形式的个人计算机，在其他硬体方面则可进一步包含键盘、鼠标等输入装置以及显示屏幕等输出装置，在软件方面则包含常见的MSWindows操作系统、Internet Explorer 4.0或Netscape浏览器与至少一种网页编辑软件210，如DreamWeaver等。而网页浏览者计算机400大致上也与使用者计算机200相似，为一般常见的个人计算机，其软硬体配备则不重复说明，但是至少具有Internet Explorer 4.0或Netscape等可用来上网的浏览器410。伺服器主机300则可简单区分为前台部分302与后台部分304。前台部分302包含有显示画面303，以作为伺服器主机300与商家的网页编辑者260或是一般网页浏览者420相互沟通讯息的接口。后台部分304则包含有程序区310、下载区320与数据库340。

请参考图2，图2为本发明网页编辑与显示系统100在伺服器主机300端的系统构造图。伺服器主机300包含前台部分302与后台部分304。前台部分302包含有显示画面303，而后台部分304则包含有程序区310、下载区320与数据库340。程序区310中包含有可执行特定功能的程序模块，如：主程序312、功能区块转换模块314与功能连结转换模块316。下载区320则存放着等待被下载的一些档案或程序，例如：功能区块档案322、功能连结档案324。数据库340中包含有商家数据区350与功能连结对照表360。下载区320的功能区块档案322与功能连结档案324是经过压缩过的档案，可供商家的网页编辑者260下载至使用者计算机200，经过解压缩后成为功能区块档案222与功能连结档案232储存在使用者计算机200中(参考图4)，以便如DreamWeaver之类的网页编辑软件210可以呼叫进来使用，进而制作示意性质的网页，有关这部分后面有较详细说明，在此则暂不加详述。

当商家的网页编辑者260将网页编辑好之后，即上传储存在数据库340中相对应的商家数据夹330，由在商家数据夹330中的网页356是示意性质的网页，当有一般网页浏览者420经由浏览器410上网欲浏览时，伺服器主机300必须能进行实时转换的工作，以便网页浏览者420能正常看到原本网页编辑者260所希望设计的网页，因此，程序区310中的主程序312、功能区块转换模块314与功能连结转换模块316就是在负责这项工作。

主程序312是负责接口与统合性质的工作，例如：接收、传送数据、呼叫其他软件模块等，功能区块转换模块314则是将网页编辑者260所制作的网页356中所含有的功能区块档案222，加以转换为相对应的图形或文字，功能连结转换模块316则是将网页356中所含有的功能连结档案232，加以转换为相对应正确的连结。经过功能区块转换模块314进行适当的区块转换，以及经过功能连结转换模块316进行适当的连结转换后，就可以将原本商家网页编辑者所制作出示意性质的网页，实时且正常地显示出来，以供一般网页浏鉴者或是有兴趣的客户来观看浏览，并进一步订购购买其中的商品或服务。

商家数据区350中包含了多个商家数据夹330，每一个商家数据夹330存放着某一个特定商家上传的各种数据，包含有商家简介、产品信息、活动快讯、使用说明、会员需知等等的文字性的说明文件352，或是网页背景、公司商标、产品型录等等的各种标志或图形354，以及将来商家的网页编辑者260所编辑好上传的示意性质网页356。

在此应该提及的是，本发明的较佳实施例是以商家数据夹330与其中的图形文字等皆存放在后台数据库340中来加以说明的，然而商家数据夹330的实体位置也可以选择不是放置在伺服器主机300内，而是所谓的“虚拟式商家数据夹”。这是由在目前互联网上信息流通与数据撷取的技术日新月异，其实此商家数据夹330中的数据可以存在区域网络中的伺服主机上，也可以存在互联网中的任何一台伺服主机上，而在需要时再由主程序312通过FTP、NFS，甚至在HTTP等不同的存取方式来取得。通过上述“虚拟式商家数据夹”的设计，本发明可以充分善用HTTP来存取所有虚拟主机上的网页空间，换句话说，只要是伺服器主机300的主程序312可以取得数据的范围，都可视为本发明所称的商家数据夹330。如此一来，现有的虚拟主机网站的店家，并不需要改变其网页空间的实体位置或业务关系，因此，在适用本发明的做法时，其相关系统的改变不是属在全面翻新，而是在有限范围内作适度修正，因此也容易被现有网站的店家所接受。

请参考图3，图3为本发明网页编辑与显示系统100中功能连结对照表360的示意图。功能连结对照表360的设计目的，是为了使得功能连结转换模块316能将网页356中含有的功能连结档案232转换为正确的连结，以便能取得真正的相对应实际网址。也就是说，功能连结对照表360只要能达到此一目的即可，实际上可以有各种不同型式的设计。举例而言，功能连结对照表360包含有五个栏位：“项次”362、“功能连结代号”364、“实际网址”366、“备注说明”368与“功能连结档案的档名”370。项次362栏位用来显示功能连结档案232的次序编号，功能连结代号364栏位则撷取自功能连结档案232的档名，其与功能连结档案232有着一对一的关系，实际网址366栏位则是载明相对应功能连结档案232所真正要连结到的网址，备注说明368栏位则是备注的作用，说明此一功能连结档案232所连结到的系统功能，而功能连结档案的档名370栏位则是显示此一功能连结档案232的档名或是放置路径。

功能连结对照表360中最重要的栏位是功能连结代号364与实际网址366，其余部分则是说明性质，可视实际需要增减。功能连结转换模块316在接收到浏览器410所传来内含有功能连结档案的档名的连结参考值(href)之后，会对功能连结档案232的档名进行分析，以从其中撷取出相对应的功能连结代号，并以此查询功能连结对照表360中的功能连结代号364栏位，以便对照实际网址366栏位后得出其实际的网址，再回传给浏览器410以进行正确的连结。

请参考图4，图4为本发明网页编辑与显示系统100在使用者计算机200端的系统构造图。使用者计算机200中除了包含常见的MS Windows操作系统、Internet Explorer 4.0或Netscape浏览器250之外，还包含了如DreamWeaver的网页编辑软件210，以及如FastZip98、FastZip2001的压缩/解压缩软件240。此外，使用者计算机200中还包含区块目录220和连结目录230，区块目录220下存放有多个功能区块档案222，而连结目录230下存放有多个功能连结档案232。功能区块档案222与功能连结档案232都是商家网页编辑者260在编辑网页之前，至伺服器主机300的后台304下载区320所下载得到的档案，例如：功能区块档案222是经由下载来的功能区块档案322解压缩所得，而功能连结档案232是经由下载来的功能连结档案324解压缩所得。

请参考图5，图5为本发明网页编辑与显示系统100中功能区块档案222的示意图。功能区块档案222是一群事先就设计好的HTML档案，附属档名为.html，其作用是提供商家网页编辑者260在编辑网页时一些现成的模块，以便经由拖曳(Click and Drag)的方式就可以很方便摆置在网页上任何一处，成为某个功能区块的示意图，其档案种类可以包括如：热门商品、促销商品特区等，档案种类的数目可以依照市场上常见的网页编辑需求来事先设计，一般数目大约可在数百个左右。经由这些不同功能区块在空白网页上的排列组合，使得商家网页编辑者260很轻易就可以对在将来所设计出来的网页的版面布置有深刻的印象。

每一个功能区块档案222大致可分成档头270、档尾290以及中间的HTML示意图282三部分。档头270以及档尾290中都包含有一些HTML所定义的样板变数，如：{OBJECT_BEGIN}、{OBJECT_END}、{SHAPE_BEGIN}、{SHAPE_END}等，而由符号″<！-″带头以及符号″-->″结尾。基在HTML语法的定义，这个部分会被当作是注解区略过不管，因此当商家网页编辑者260将功能区块档案222拖曳至待制作的网页中时，在使用者计算机200中呈现的只有HTML示意图282的部分，而不会对档头270以及档尾290的部分加以解读，因此这二部分也不会呈现在使用者计算机200中。而此一HTML示意图282，也就是这个功能区块档案222与以示意性质方式呈现在网页编辑者260眼前的功能区块相对应。

但是，每一个功能区块档案222中的HTML示意图282(或称功能区块)会和档头270中的特定样板变数呈现一对一的对应关系。例如：功能区块档案222的效果是为了呈现两行图文显示，每一行图形显示在左而文字说明在右，因此商家网页编辑者260可在使用者计算机200中看到{PRODUCT_SHOW}的HTML示意图282，而此示意图282相对应的样板变数为档头270中的{PRODUCT_SHOW}272。当然，每一个功能区块档案222在下载入网页编辑软件210，如Dreamweaver内后，必须能显示相对应HTML示意图282中的所有示意图文，也就是说所有功能区块档案222必须与将来网页编辑软件210的环境相容，如此才不至在发生某些功能区块档案222在有些网页编辑软件的环境中无法发挥其预定的图形显示效果，而显示出残破的图形，致使商家网页编辑者260无法判断将来编辑完成网页的图文摆置效果如何。

而当网页完成编辑并上传到伺服器主机300后，将来若有网页浏览者420欲浏览此一网页时，伺服器主机300会依照{PRODUCT_SHOW}272这个特定的样板变数，在{PRODUCT_SHOW}的HTML示意图282所在的位置将其转换成所指定的功能区块，而此一功能区块实际内容会依据当时的伺服器主机300后台304的数据及设定而作相对应的显示。至在实际上的转换流程在后续<本发明系统的操作流程>中会有详细说明，在此暂时不加详述。

至在功能连结档案232则是一群经过目录分类的功能连结档案，附属档名为.lnk，是用来做为超连结(HyperLink)之用，而所分类的目录举例而言可以有“订阅电子报”、“购物须知”、“会员登入”、“购物车内容”等。而后续放在编辑完成的网页上的每一个超连结(HyperLink)，都必须连结到此连结目录之下某一个目录分类的功能连结档案232，以便能后续伺服端主机300能正确加以解读，并将其连结到相对应的功能。例如：

./订阅电子报/link-010.lnka连结到“订阅电子报”功能

./购物须知/link-020.lnka连结到“购物须知”功能

./会员登入/link-030.lnka连结到“会员登入”功能

./购物车内容/link-040.lnka连结到“购物车内容”功能……等。

在此应该提及的是，这些功能连结档案232的目的，是为了后续要能使伺服端主机300中的功能连结转换模块316能正确加以解读，如同前述说明图3的功能连结对照表360所已经说明者，只要伺服器主机300中的功能连结对照表360中正确表列着所有功能连结代号364与其相对应要连结的功能或是网页的实际网址366即可。因此这些功能连结档案232的内容并不重要，如果是设计以功能连结档案232的档名来进行对照，功能连结档案232的预设内容甚至可以是空的。然而应设计让使用者无法任意修改其档名及附属档名，以避免后续功能连结转换模块316依据功能连结对照表360进行对照时，出现对照错误而无法正确解读网页编辑者260原本真正要连结的功能。<本发明系统的操作流程>

由在本发明的网页编辑与显示系统100包含有使用者计算机200、伺服器主机300以及网页浏览者计算机400三个主要部分，现在分别就两大部分-使用者计算机200端与伺服端主机300端的互动以及网页浏览者计算机400端与伺服端主机300端的互动，来说明其中的运作流程。一、使用者计算机端与伺服端主机端的互动：

商家在建置网站、制作网页之前，必须要先在内部准备好一些文件或图形。这些文件或图形的用途是为了将来能呈现在网页上，以供一般网页浏览者420也就是潜在的客户来浏览，因此，这些文件可能包含公司简介、产品信息、活动快讯、使用说明、会员需知等等的文字性说明，而图形则可以包含网页背景、公司商标、产品型录等等的各种图像或标志。将这些文件或图形准备好之后，就需先上传至伺服器主机300，并在输入商家帐号与密码后登入其后台304的数据库340，将这些文件352或图形354存放其中。

商家网页编辑者260或称使用者想利用本发明的系统100编辑网页以建置吸引人的网站时，首先必须开启使用者端的计算机200以便连接上伺服器主机300，在将使用者帐号与密码输入并由伺服器主机300确认无误后，可连至伺服器主机300的后台304的下载区320来下载功能区块档案322与功能连结档案324，以利后续网页画面的编排制作。此两档案是以压缩档的形式存放在伺服端主机300的后台304的下载区320中，因此使用者将此两档案下载后，首先必须进行档案解压缩的工作，并将两个档案解压缩后分别存放在使用者端计算机200的区块目录220和连结目录230底下。在此建议使用支援双位元组(DBCS)规格的压缩/解压缩软件240，如FastZip98、FastZip2001等软件来进行档案解压缩的工作。

完成下载存档后，就可以开始制作网页，因此，必须开启如DreamWeaver之类的网页编辑软件210。在开始正式制作网页前，必须先将刚才经过解压缩的功能区块档案222与功能连结档案232两者的存放位置告知网页编辑软件210，以便进行网页编辑。可以使用DreamWeaver210所提供的Site视窗，来定义功能区块档案222与功能连结档案232两者所存放的位置，以便后续取得档案的作业能顺利进行。完成上述准备工作后，就可以开启新的视窗进行网页编辑。

在开启新的空白网页画面进行网页编辑时，可利用现成的功能区块档案222来加以编排，此时需开启区块目录220的显示视窗，从中来选取先前下载并储存好的多种功能区块档案222，例如：热门商品、促销商品特区等，选择到想要的功能区块档案222后，可直接将其拖曳到网页画面上即可，而在此待编辑的目标网页画面中网页编辑者所拖曳的区域，就会显示相对应示意性质的功能区块。

而当网页编辑者260在制作网页中的超连结时，可先在网页画面上自行输入某些提示文字，例如输入“订阅电子报”五字代表要连结到后台的订阅电子报功能，然后选取此五字会出现DreamWeaver210中所提供“Make Link”的物件属性视窗，在其中下拉式选单进行档案浏览，以便可从其中挑选出“订阅电子报”的功能连结档案232，于是在目标网页画面中“订阅电子报”五个字就会产生示意性质的功能连结，也就是将目前超连结的连结参考值(href)设定为此一功能连结档案232。换句话说，此一功能连结档案232即是所代表功能“订阅电子报”的连接所在。此连结参考值(href)的内容会因不同网页编辑软件210的设定及档案浏览操作的方式而有一些差异，例如：连结参考值(href)的内容可能如下：href＝″file：///…/会员登入link-030.lnk″、href＝″./会员登入link-030.lnk″、href＝″/会员登入/link-030.lnk″，但是，由在之后功能连结转换模块316在接收到浏览器410所传来以上的连结参考值后，会针对其中功能连结档案232的档名进行分析，以从其中撷取出相对应的功能连结代号，并以此查询功能连结对照表360中的功能连结代号364栏位，以得出实际网址再回传给浏览器410，因此，对在最终呈现在网页浏览者计算机400画面前的效果或功能不会产生影响。

以上述方法完成了一页网页后，适当取名存档，就可以以同样方式编辑下一页网页。在完成所有预定网页的制作与命名存档后，只要将上述档案制程压缩档，如zip档案，并进入伺服器主机300的后台304将之上传即可。

请参考图6，图6为使用者计算机200端的操作流程图101。上述发生在使用者计算机200端的事件，可简单以下列步骤表示之：步骤102：开始；步骤104：在使用者计算机200中准备好相关网页上所需放置的文件或图形档案；步骤106：将使用者计算机200上网连至伺服器主机300；步骤108：输入商家帐号密码，登入伺服器主机300的后台304数据库340；步骤110：将准备好的文件或图形档案上传至后台304数据库340储存；步骤112：利用使用者计算机200上网连至伺服器主机300下载档案套件并解压缩，包含“功能区块档案”222及“功能连结档案”232；步骤114：开启网页编辑软件210；步骤116：将“功能区块档案”222及“功能连结档案”232连结进网页编辑软件210；步骤118：开启空白新网页；步骤120：利用“功能区块档案”222及“功能连结档案”232所提供的示意功能来进行网页编辑；步骤122：将完成编辑的网页适当存档；步骤124：是否完成所有网页编辑？是，到步骤126；否，到步骤118；步骤126：将编辑好的所有网页压缩后上传至伺服器主机300，储存在后台304数据库340；步骤128：结束。二、网页浏览者计算机端与伺服端主机端的互动：

由在数据库340中存放的网页356，是某一个商家的网页编辑者260依据下载的功能区块档案222与功能连结档案232所完成的示意性质网页，在网页356的示意性质区块中真正要呈现的文件或图形，则必须由数据库340中该商家相对应的商家数据夹330中的文件352或图形354来提供，当然也可以在经由商家同意后纳入网络上可得的其他资源或讯息，例如：策略联盟伙伴的广告或是主动纳入某些电子报新闻等，这一部分则视实际约定的情况而定。此外，在网页356中的超连结要能作正确的连结，也必须将浏览器410所传来的连结参考值(href)进行适当分析，以回传相对应的实际网址。如此，才可以将原本设计的网页正确地呈现出来，以及可以使超连结正确地连结到实际网址。

以下针对程序区310中的功能区块转换模块314与功能连结转换模块316的转换动作作一较佳详细的说明。A.功能区块转换模块：

请参考图5、图7与图8。当商家的网页编辑者260利用下载的功能区块档案222完成示意性质的网页编辑后，会上传储存在伺服器主机300的数据库340中，此时伺服器主机300并不事先进行转换的动作，而是直到一般网页浏览者420利用其计算机400中的浏览器410连上伺服器主机300，并且想要浏览某一商家的网页时，伺服器主机300的主程序312才立刻读取此一网页，并呼叫功能区块转换模块314进行实时线上转换，将图5中的{OBJECT_BEGIN}、(PRODUCT_SHOW}、{OBJECT_END}、{SHAPE_BEGIN}、{SHAPE_END}等样板变数，代换成为如图7所示标示为771、772、773、774、775的相对应阴影部分。然后，再将图7中标示为710的部分的所有网页内容加以删除，包含<SHAPE>774至</SHAPE>775之间与{PRODUCT_SHOW}的HTML示意图282的部分，而成为如图8所示。由在如图8所示的档头870以及档尾890都由符号″<！-″带头以及由符号″-->″结尾，到时候浏览器410会对这些部分当作是注解区而略过不管，因此，网页浏览者420在计算机400中所看到的只有标示772“最新产品”的图形或文字。如此一来，一般网页浏览者420在其计算机400中的浏览器410收到如图8的网页内容时，此网页内容已经过功能区块转换模块314在线上实时进行转换，于是在其计算机400中所呈现的不是原来商家网页编辑者260在制作网页时所显现的HTML示意图282，而是“最新产品”等实际的网页数据。也就是说，功能区块转换模块314不但将HTML示意图282的部分删去，也可经由对功能区块档案222的样板变数{PRODUCT_SHOW}的解读，将“最新产品”等实际的网页数据显示在该网页浏览者的浏览器中。B.功能连结转换模块：

当商家的网页编辑者260利用下载的功能连结档案232完成示意性质的网页编辑后，会上传储存在伺服器主机300的数据库340中，例如：此网页中内含<a href＝″file：//C：/AAA/BBB/CCC/DDD/link-100.lnk″>的连结。此时伺服器主机300也不事先进行转换的动作，直到一般网页浏览者420利用其计算机400中的浏览器410连上伺服器主机300，想要浏览某一商家的网页时，伺服器主机300的主程序312才立刻读取此一网页，在呼叫功能区块转换模块314进行上述的实时线上转换后，还会辨识出此一网页内含的所有功能连结的超连结，自动加上一个“店家代号”及一个“议程代号”，再送出至网页浏览者计算机400的浏览器410中，例如：回传的讯息为<ahref＝″/r_prov_id＝p/PHPSESSID＝s/link-100.lnk″>。这里之所以要加上店家代号，目的是为了后续可以对此一网页到底是属在哪一个网站商家所拥有的来进行区别，而之所以要加上议程代号，其目的则是要对在此一浏览者目前所从事的浏览行为给予一个编号，以便在如果有进一步的购买行为产生，可加以辨识管理。此处应该提及的是，为了安全及管理起见，即使对在同一浏览者而言，议程代号也可能每隔一段时间就加以更新。

而当一般网页浏览者420按下此一网页中某个超连结时，伺服器主机300会以下列指令</index.php？pp＝MagicLink.php&r_prov_id＝p&SID＝s>，来自动启动程序区310的功能连结转换模块316。而此时，功能连结转换模块316会收到自网页浏览者计算机400的浏览器410所传送来的连结参考值(href)，其中包含三个参数-“店家代号”、“议程代号”及“功能连结档案的档名”。然后，功能连结转换模块316会对功能连结档案的档名进行分析，以获取“功能连结代号”，并以此功能连结代号查询数据库340中的功能连结对照表360，以便获得到对应的实际网址。例如：功能连结转换模块316在接收到“功能连结档案的档名”为“link-010.lnk”后，会对档名进行分析而获取其“功能连结代号”为“010”，在查询功能连结对照表360后，可以获得其相对应的实际网址为upload/p/x/functoinl。因此，功能连结转换模块316才送出内含转址指令(META)的网页，例如<META HTTP-EQUIV＝＇Refresh＇CONTENT＝＇0；URL＝/upload/p/x/functoinl＇>，通知网页浏览者计算机400的浏览器410，以便立刻自动转向到真正对应的实际网址。于是浏览器410内就会呈现出此一超连结所真正对应的网页，如：http：//www.abc.com.tw/upload/p/x/functoinl。

请参考图9，图9为功能连结转换模块316的操作流程图130。上述功能连结转换模块316的操作流程，可简单以下列步骤表示之：步骤132：开始；步骤134：伺服器主机300接收到远端网页浏览者计算机400的浏览器410所传送来读取某商家网页的讯息；步骤136：伺服器主机300的主程序312读取出相对应网页，辨识出内含的所有功能连结的超连结，自动加上“店家代号”及“议程代号”，再回传给浏览器410；步骤138：伺服器主机300接收到远端网页浏览者计算机400的浏览器410所传送来点选该网页中某个超连结的连结参考值(href)；步骤140：伺服器主机300启动功能连结转换模块316；步骤142：功能连结转换模块316接收到连结参考值中的三个参数-“店家代号”、“议程代号”及“功能连结档案的档名”；步骤144：功能连结转换模块316分析“功能连结档案的档名”以获得相对应“功能连结代号”；步骤146：功能连结转换模块316以所得出的“功能连结代号”查询数据库340中的功能连结对照表360，以便获得到对应的实际网址；步骤148：伺服器主机300送出内含转址指令(META)的网页，使网页浏览者计算机400的浏览器410自动转向，以呈现出此一超连结所真正对应的网页；步骤150：结束。

本发明的网页编辑与显示系统100具有下列几个优点。首先，可使得商家的网页编辑者260或是美编人员先在伺服器主机300下载模块化的档案-功能区块档案222与功能连结档案232，以便制作与编辑示意性质的网页，完成后上传储存在伺服器主机300。而当一般网页浏览者420在连线至伺服器主机300浏览网页时，伺服器主机300的主程序312再实时进行转换，以呈现出预定设计的正常网页画面与功能。如此一来，在网页编辑时版本会较简便而具有更大的弹性，再加上主程序312会呼叫功能区块转换模块314、功能连结转换模块316以实时进行正确的转换，因此也不至在使得伺服器主机300会传送出错误的讯息给浏览器410，因而可以使得一般网页浏览者420在连线至伺服器主机300浏览网页时，同样会呈现出预定设计的正常画面显示。

其次，利用数据库340中的功能连结对照表360来对应(re-mapping)实际网址366，有下列优点：一般而言，在可动态呈现多网页的网站中，每一网页真实超连结的值通常非常冗长难记，而且常随着伺服器主机300中软件系统的维护而修改，非常不适合作为稳定的接口规格。而被商家的网页编辑者260下载的功能连结档案232必须简短、稳定且容易维护。而本发明中数据库340以及其中的功能连结对照表360的设计，就是为了充分达到此目标。直接修改功能连结对照表360中的实际网址366栏位的内容，即可重新定义其功能连结，既有的功能连结档案324与232完全不须修改，可省却伺服器主机300中大量网页与档案的维护成本。

通过以上较佳具体实施例的详述，系希望能更加清楚描述本发明的特征与精神，而并非以上述所揭露的较佳具体实施例来对本发明的范畴加以限制。相反地，其目的是希望在不超出本发明精神的前提下对本发明所做的的各种改变均应在本发明的权利要求的范畴内。

Claims (12)

1.一种应用在互联网上的网页编辑与显示系统，利用一伺服器主机以协助一远端网页编辑者，在一网页编辑软件中对至少一目标网页进行编辑后，上传储存在该伺服器主机中，并可后续供一远端网页浏览者经由一浏览器连上该伺服器主机以进行浏览，该伺服器主机包含有：

一下载区，包含有多个功能区块档案与多个功能连结档案，可供该网页编辑者下载来协助该目标网页编辑的进行，每一功能区块档案可经由该网页编辑者的选择后，以示意性质的功能区块显示在该目标网页中，每一功能连结档案亦可经由该网页编辑者的选择，而以示意性质的功能连结结合在该目标网页中；

一功能区块转换模块，可将上传后该目标网页中所包含的每一功能区块转换为相对应的图形或文字显示；以及

一功能连结转换模块，可将该上传的目标网页中所包含的每一功能连结转换为相对应的实际网址；

其中当该网页浏览者经由互联网连至该伺服器主机以浏览该目标网页时，该伺服器主机始启动该功能区块转换模块，实时将该目标网页中所包含的每一功能区块转换为相对应的图形或文字显示，而当该网页浏览者按动该目标网页中的功能连结时，该伺服器主机始启动该功能连结转换模块，实时将该功能连结转换为相对应的实际网址，并回传给该网页浏览者的浏览器，使该浏览器得以显示出相对应实际网址的网页。

2.如权利要求1所述的系统，其中每一功能区块档案包含一示意性质的功能区块以及一相对应的样板变数，当该网页编辑者在该网页编辑软件中选择一功能区块档案时，该网页编辑软件会忽略其中的样板变数，而只显示该示意性质的功能区块在该目标网页中。

3.如权利要求2所述的系统，其中当该网页浏览者经由互联网连至该伺服器主机以浏览该目标网页时，该功能区块转换模块可经由对其中该功能区块档案的样板变数的解读，将该示意性质的功能区块转换为实际相对应的图形或文字，以在该网页浏览者的浏览器中显示出来。

4.如权利要求1所述的系统，其中每一功能连结档案中包含一相对应的功能连结代号，当该网页浏览者按动该目标网页中的功能连结时，该功能连结转换模块会根据该功能连结档案中的功能连结代号，将该功能连结转换为相对应的实际网址。

5.如权利要求4所述的系统，其中该伺服器主机另包含一功能连结对照表，以表列每一功能连结档案的功能连结代号与其相对应的实际网址。

6.如权利要求5所述的系统，其中该功能连结转换模块系根据该功能连结对照表，以将该功能连结转换为相对应的实际网址。

7.一种在互联网上编辑与显示网页的方法，该方法系利用一伺服器主机以协助一远端网页编辑者，在一网页编辑软件中对至少一目标网页进行编辑后，上传储存在该伺服器主机中，并可后续供一远端网页浏览者经由一浏览器连上该伺服器主机以进行浏览，该方法包含有：

在该伺服器主机中提供多个功能区块档案与多个功能连结档案，使该网页编辑者可下载来协助该目标网页编辑的进行，每一功能区块档案可经由该网页编辑者的选择后，以示意性质的功能区块显示在该目标网页中，每一功能连结档案亦可经由该网页编辑者的选择，而以示意性质的功能连结结合在该目标网页中；

当该网页浏览者经由互联网连至该伺服器主机以浏览该目标网页时，该伺服器主机始实时将该目标网页中所包含的每一功能区块转换为相对应的图形或文字显示；以及

当该网页浏览者按动该目标网页中的功能连结时，该伺服器主机始实时将该功能连结转换为相对应的实际网址，并回传给该网页浏览者的浏览器，使该浏览器得以显示出相对应实际网址的网页。

8.如权利要求7所述的方法，其中每一功能区块档案包含一示意性质的功能区块以及一相对应的样板变数，当该网页编辑者在该网页编辑软件中选择一功能区块档案时，该网页编辑软件会忽略其中的样板变数，而只显示该示意性质的功能区块在该目标网页中。

9.如权利要求8所述的方法，其中当该网页浏览者经由互联网连至该伺服器主机以浏览该目标网页时，该伺服器主机可经由对其中该功能区块档案的样板变数的解读，将该示意性质的功能区块转换为实际相对应的图形或文字，以在该网页浏览者的浏览器中显示出来。

10.如权利要求7所述的方法，其中每一功能连结档案中包含一相对应的功能连结代号，当该网页浏览者按动该目标网页中的功能连结时，该伺服器主机会根据该功能连结档案中的功能连结代号，将该功能连结转换为相对应的实际网址。

11.如权利要求10所述的方法，其中该伺服器主机另包含一功能连结对照表，以表列每一功能连结档案的功能连结代号与其相对应的实际网址。

12.如权利要求11所述的系统，其中该伺服器主机系根据该功能连结对照表，以将该功能连结转换为相对应的实际网址。

Images