TW507142B - Web page displaying system and method with modularized web page editing and real-time conversion - Google Patents

Abstract

The present invention provides a modularized web page editing and displaying system with real-time conversion, which uses a server host on the Internet to help a remote web page editor to edit the target web page; then, these web pages can be uploaded and stored in the server host for the following browsing of a remote web page browser. The server host comprises a plurality of functional block files, a plurality of functional link files, a functional block conversion module, and a functional link conversion module. The functional block files and functional link files can be downloaded by the web page editor to help editing the target web pages. Each functional block file can be displayed on the target web page as an illustrative functional block after selection by the web page editor. Each functional connection file can also be selected by the web page editor, and combined with the target web page in a functional link. When the web page browser connects to the server host through Internet for browsing the web pages, the server host will initialize the functional block conversion module, and convert each functional block into the corresponding graphs or texts for display. When the web page browser clicks the functional link in the target web page, the server host then initializes the functional link conversion module, and converts the functional links into the corresponding actual address, and return to the browser of the web page browser, so that the browser can display the web pages corresponding to the actual web address.

Description

Description of invention ⑴

V. Tribute display system is about a modular web page editing and real-time conversion network _ page display _, system and method, especially one that has flexibility in web page editing, and can be instantly converted from time to time The system and method: The increasing popularity of the Internet 1 Consumers who conduct transactions on the Internet Economics ® Thinking of increasing 'So how can companies use the updated web page of Luo Yao Gai #. Κsuspend to attract consumers J to use , In order to win the consumer's wider event. However, the company's rules and regulations are linked to huge business opportunities: the demand is often due to the duality of each product. The characteristics of business electronics on the road, customer service, and other factors, and the scale of the business, 'organizational behavior, = sufficient. Usually, such methods are nothing more than; to find the same system and method = system, ⑷ rental stereotyped 々 :, 5 applications for outsourced project development. Zhao system, or the combination of the above methods, expects to work for the purpose of == for overall efficiency = development method. In other words, the economy often adopts (3) outsourced continuation Κ 业 者 来 进 #, and provide enterprises outside the slaughter After all relevant information from the site build the catalog and so on, responsibility: the desired station company profile, home buyers cooperate 'to design and produce all web editors and website built village enterprises need to pay close

5NCII.200101TW.ptd Page 5 507142 V. Description of the invention (2) pages and the beautiful editing of each web page, and web page editing can usually also be done in fixed web page editing software such as .Front Page or]) ream Weaver and other software Come on. However, when editing a web page, these software can only provide two or three formats of web page layouts. The selected company's profile is displayed in a certain area. After a period of time, there are good requirements and new requirements have caused the necessary pages to be placed too long. If you are afraid of losing the freshness and want to revise, you must revise the pages on the website. Of course, it is also necessary. For the increasingly complex and Under the environment, the immediacy and the flexibility of the space are important. If you do not only spend a lot of money but also spend more than 70% of the small and medium-sized enterprises (SMEs), the degree of subdivision is very low, but it has the same definition for many web design or revision. After the format of one format, the information is fixed, and the other block displays the product type. The company feels that the layout of the web page does not need to create a new area, or that the establishment cannot continue to attract consumers due to the Internet. The website must be paid again. The fierce competition and the rapid change of goods and services often require that each business must win a contract with an out-of-office department to overcome the online virtual page revision. Especially for the small number of enterprises that account for the total number of enterprises, the commercial electronic sample, low cost, Flexible and immediate needs. Summary Therefore, the present invention provides a system and method for compiling and displaying, so that personnel can respectly display web pages of a schematic nature under the server host, and the general web browser is connected to the feed to cry and apply to the Internet Web page editors or web page editors of web page editors on the Internet can create and edit files stored on the server host. When a host browses a webpage, the server hosts

Jade, invention description ($ '-------- ----- t = instant conversion to present a normal webpage screen of a predetermined design and a webpage editing and display system that uses this manual are divided into three main Part: computer, server host, and web browser computer. U, before building a website or creating a web page, a business must first internally & some documents or graphics. The purpose of these documents or graphics is for the spleen Huguang ^ On the webpage, for general webpage visitors, that is, potential customer newsletters A, TV show '. Therefore, these files may contain company profile, product information / decisions, instructions for use, members need to know, etc. Textual description, each ^^ can include the background image of the web page, company logo, product catalog, etc. on the stretched back or logo. After these documents or graphics are prepared, you can first rush to the i server host. After entering the merchant account and password, log in to it, and then display the library, and store these files or graphics in it to make subsequent calls to the page. 5 The merchant's web editor then goes online on the user's computer. Nasa Li In this part, the web page editor must first connect to the server; ^ Case A "Download the special file package of the present invention, including" function block 2 2 i function link file ", and then open the network in the user's computer ", Such as DreamWeaver, etc., and link the downloaded" functional block case I meal "4 x, function link slot case" into DreamWeaver, in order to use the above download in the environment provided by: Slot case kit sincere page and flat album. When a web page editor of a merchant selects a certain [[solid engineering a block slot case] via Dream Weaver, the page editor will be included in the target page to be edited I% lookout area 'shows the function of the corresponding schematic nature

507142 V. Description of Invention (4) Block. Similarly, web page editors can also enter some hint texts in the target web page to be edited by themselves, and select a certain function link file through DreamWeaver, so that these hint texts can generate schematic function links through this function link file, combined with The landing page. When the business web page editor completes the creation of the web page through the "functional block file" and "function link file" on the user's computer side, the completed web page or multiple web pages will be transmitted to the server host. As the production of these web pages is temporarily completed in a schematic way such as the functional blocks generated by the "functional block file" and the functional links generated by the "functional link file", it must undergo necessary conversion or interpretation to ensure future general What webpage viewers see on their computers is the correct display screen and can perform predetermined functions. Therefore, there is another "function block conversion module" and "function link conversion module" in the server host to execute The corresponding conversion works. Therefore, when a general web browser connects to the server host through his computer to enter the website to browse the web, the "function block conversion module" and "function link conversion module" in the server host will be online in real time (rea 1-time) to perform all conversion work, so that web page viewers can view the correct day and day display and use all predetermined link functions normally, so that web page viewers can freely Switch links between webpages, or browse predetermined graphics or shopping on a webpage. The advantages and spirit of the present invention can be further understood through the following detailed description of the invention and the accompanying drawings.

5NCII-2001〇m.ptd Page 8 507142 V. Description of the invention (5) -------! Detailed description of the invention In order to clearly explain the webpage editing and display system 100 of the present invention, the following is directed to the < The system structure and constituent elements of the invention > and < the operation flow of the invention system > < System architecture and composition of the invention > Please refer to FIG. 1. FIG. 1 is a system architecture diagram of the web page editing and display system 100 of the present invention. The webpage editing and display system of the present invention includes three main parts: a user computer 2000, a server host 300, and a webpage viewer computer 400, and the user computer 200 and the server host 300. 〇 and the web browser computer 400 can be connected to each other via the Internet 500 to transmit text data or image graphics to each other. '' The user computer 200 is a common personal computer, including desktop, notebook, and portable personal computers. In terms of other hardware, it can further include input devices such as keyboards, mice, and output devices such as display screens. In terms of software, it includes the common MS Windows operating system, Internet Explorer 4.0 or Netscape browser and at least one web editing software 2 10, such as DreamWeaver. The web browser computer 400 is also similar to the user computer 200. It is a common personal computer. Its hardware and software are not repeated, but it has at least a browser 410, such as Internet Explorer 4.0 or Netscape. . The server host 300 can be simply divided into the foreground part 302 and the background part 304. The front part 302 includes an interface for displaying the day and night 303, which serves as an interface for the server host 300 to communicate with the web page editor 2 60 of the merchant or a general web page viewer 420. The background part 3 0 4 contains the program area 3 1 0, down

5NCII-2001〇m.ptd Page 9 507142 V. Description of the invention (6) Loading area 32 0 and database 340 Please refer to Figure 2. Figure 2 shows the web page editing and display system 100 of the present invention on the servo host 3 0 0 End of the system architecture diagram. > (Server host 3 〇 ^ Baoren front section 302 and background section 30 4. The front section 302 contains the display page 3 sides & 303, and the background section 3 04 contains the program area 310, download area and Database 34 0. Program area 3 10 contains programs that can perform specific functions ^ Mobe group, such as: main program 31 2, functional block conversion module 314 and power shovel ^ change module 316. Download area 320 Then, the rights or programs waiting to be downloaded are stored, for example, a function block file 322 and a function link file 32 ^. The database 3 4 0 contains a comparison table of the business data area 3 50 and the function link% 〇. 、 &Quot; Download area 320 function block file 3 22 and function link file; ^ 4 β _, Shang {Compressed file, which can be downloaded by the webpage editor of the merchant 26〇 = Computer 20 0, after decompression It becomes the function block file 222 and slot case 23 2 and is stored in the user's computer 2000 (refer to Figure 4 ^: μ

Web page editing software such as DreamWeaver 2 丨 〇 can call to create a web page of a schematic nature. About this part, the $ ’will be described later, which will not be described in detail here. Nu Ping ,, Tian Tian, when the merchant's web page editor 26 0 edited the web page = 0 in the corresponding business folder 330, because the business page 3 5 6 in the folder 330 is a schematic person. The viewer 420 sees through the browser 41〇: f-two ,,, and the first page i sees the original web page editor 26〇 hopes, Net hundred " I ΐ ：! ^ I have to change the chess group 31 4 and connect the function 507142 V. Description of the invention (7) The conversion module 3 1 6 is responsible for this work. The main program 3 1 2 is responsible for the interface and integration work, such as receiving, sending data, calling other software modules, etc. The function block conversion module 314 is a web page 356 created by the web page editor 26. The function block file 2 2 2 contained therein is converted into corresponding graphics or text, and the function link conversion module 316 converts the function link file ^ 1 case 232 contained in the webpage 356 into corresponding correctness. Link. After the function block is converted to Austria, module 4 is used to perform appropriate block conversion, and the function link conversion module i is used to convert to the appropriate link, the original merchant webpage can be edited. It is displayed normally, viewed by ordinary web page visitors or interested customers, and ordered to purchase the products or services in one step. The personal data area 35 0 contains a plurality of business data folders 330, and each Yan 33 0 stores various profiles uploaded by a particular business, product information, activity news, instructions for use, I -η = 〇 And other textual explanatory documents 3 52, or various backgrounds or graphics 354 of the webpage background, t 'home furniture, product catalogs, etc., and uploading edited by ^ 商 豕 ’s webpage editor" ο The schematic webpage n is mentioned by the way. In the preferred embodiment of the present invention, the merchant folder% Ming, '* graphic text, etc. are stored in the background database 34g to add the physical location of the merchant folder 3 30. The choice is not to put: within the host 30, but can be called "virtual business data M" 4. Due to the current information circulation and data acquisition technology on the Internet

、 Explanation of invention (8) The art is changing with each passing day. In fact, the data in this merchant's folder 330 can be stored on the server host in the f network, or it can be stored on a verb server on the Internet. When needed, the main program 312 can also

Nys, even HTTP and other different access methods. With the design of the "virtual business folder", the present invention can make use of Η \ τρ to access the web space on all virtual hosts for 9 points. In other words, as long as it is the main program of the feeder host 300 312 can obtain the range of data, all of which can be referred to as the business information folder 33 0 in the present invention. In this way, the existing virtual host, machine, and website stores do not need to change the physical location or business relationship of their web space. Therefore, when applying the method of the present invention, the related system changes are not only part of Completely refurbished, but moderately modified in a limited range, so it is easy to be accepted by stores of existing websites. Please refer to FIG. 3. FIG. 3 is a schematic diagram of a function link comparison table 3600 in a webpage editing and display system 丨 〇 〇 according to the present invention. The purpose of the function link comparison table 36 is to enable the function link conversion module 316 to convert the function link file 232 contained in the web page 35 6 into the correct link, so as to obtain the actual URL corresponding to f. In other words, the functional link comparison table 3 6 〇 = can achieve this purpose, in fact, there can be various types of ° For example, the 'functional link comparison table 3 6 0 contains five fields: "item "3 6 2," Function link code "3 6 4," Actual URL "366 /" Remarks "368 and" File name of the function link "37. Item 36 2 ^ The appendix is used to display the sequence number of the function link file 232. The function link $ code 364 field is taken from the file name of the function link file 232, which has a one-to-one relationship with the function link file 2 3 2 Relationship, the actual URL 3 6 6

V. Description of the invention (9) " ------- = Specify the URL to which the corresponding function link file 232 is actually linked, = Note 368 block is the role of a note, explaining this function link file: The system function to which the 2nd link is connected, and the file name 37o of the function link file will not display the file name or the path of the function link file 23 2. The most important block in the function + energy link comparison table 36 is the function link code 364 and the actual website address 3 66. The rest is illustrative and can be reduced according to actual needs. The function link conversion module 3 丨 6 receives the link reference value (href) containing the file name of the function link file from the browser 4, and analyzes the file name of the function link file 23 2 to Extract the corresponding function link code from it, and use this to query the function link code in the function link comparison table 36, field 3 64, so as to get the actual URL after comparing the actual website field 36, Then send it back to the browser 410 for correct connection. Refer to FIG. 4 for reference. FIG. 4 is a system architecture diagram of the webpage editing and display system of the present invention at the user's computer 200. In addition to the common MS Windows operating system, Internet Explorer 4.0 or Netscape browser 250, the user's computer 2000 also contains such as web page editing software 210, as well as FastZip98, FastZip2000, etc. Compression / decompression software 2 40. In addition, the user's computer 2000 also contains a block directory 220 and a link directory 230. A plurality of functions are stored under the block directory 2 20, and a plurality of functions are stored under the link directory 230. Feature Link Podcast 2 3 2. The function block file 2 2 2 and the function link file 2 3 2 are both business web page editors 2 600. Before editing the web page, go to the server host 3 00. After the platform 3 0 4 download area 3 2 0, download the building. Files, such as: functional block files

5NCII-200101TW.ptd Page 13 507142 V. Description of Invention (ίο) 2 2 2 is obtained by decompressing the downloaded function block file 3 2 2 and the function link file 2 3 2 is the downloaded function link file 3 2 4 Decompressed 0 Please refer to FIG. 5. FIG. 5 is a schematic diagram of the functional block file 2 2 2 in the webpage editing and display system of the present invention. The functional block case 2 2 2 is a group of HTML files designed in advance. The auxiliary file name is htnU. Its function is to provide some ready-made modules for business page editors 260 when editing web pages. Drag) method can be conveniently placed anywhere on the webpage and becomes a schematic diagram of a certain functional block. The types of files can include: popular products, promotional product special zones, etc. The types and number of files can be based on the market. Common web editing requirements are designed in advance, and the general number can be in the hundreds or so. Through the arrangement and combination of these different functional blocks on the blank web page, the merchant web page editor 26 can easily be deeply impressed with the layout of the web page designed in the future. 0 per-function block file 2 2 2 can be roughly divided into three parts: the header 270, the tail 290, and the middle HTML diagram 2 82. The first 27 and the last 290 of the building contain some template variables defined by HTML, such as: {OBJECT— BEGIN}, {0BJECT_END}, {SHApE begin}, {SHAPE-END}, etc. The end of the symbol. Based on the definition of Η TML syntax, the local language ^ ma + & sections will be treated as comment areas and ignored, so when the business web page editor goes to-: 54 system 1 ^ _1 = # 26 () will The function block file 22 is used in the webpage created by Temple 2 and is "in the part of the HTML schematic diagram 282", and it is not necessary to consider the brother Ding Ding /, Ka Xiang + ㈢ to the file header 270 and file trailer 2 90

507142 V. Part (11) of the description of the invention is interpreted, so these two parts will not be presented in the user computer 200. This HTML diagram 2 82, that is, the functional block file 222 correspondingly presents the functional block in front of the web page editor 26 in a schematic manner. However, the HTML schematic diagram 2 (or functional block) in each function block file 222 will show a one-to-one correspondence with the specific template variables in the header 270. For example, the effect of the function block file 222 is to present two lines of graphic display, each line of graphics is displayed on the left and the text description is on the right '. Therefore, the merchant webpage editor 2 6 〇 can be seen on the user's computer 2 〇 { PRODUCJ — SHOW} HTML diagram 282, and the template variable corresponding to this diagram 282 is {PRODUCT —SHOW} 272 in the file header 270. Of course, after downloading each functional block file 2 2 2 into the web page editing software 2 1 0, such as in Dreamweaver, it must be able to display all the unintended text in the corresponding HTML diagram 2 82. That is, all functional block files 2 2 2 must be compatible with the environment of future web page editing software 2 1 0, so that this function block file 2 2 2 cannot be used in some web page editing software environments to display its pre-existing graphic display effect. And the broken graphics are displayed, so that the quotient ~ web editor 2 6 0 cannot judge how the graphics and text placement of the finished web page will be edited in the future. And when the webpage is edited and uploaded to the server host 3 00, if there is a web browser 4 2 0 want to browse this web page, the server host 3 0 0 in accordance with {PRODUCT 一 SHOW} 2 72 this specific The template variable is converted to the specified functional block at the position of the HTML diagram 2 82 of (PRODUCT— SHOW), and the actual content of this functional block will be based on

SNCII ^ OOlOlOV.ptd Page 15 507142

V. Description of the invention (12) The corresponding information and settings of the server host 300 and the background 30 4 are displayed accordingly. The actual conversion process will be described in detail in the following < Operational Flow of the System of the Present Invention > As for the function link files 2 3 2 is a group of function link files classified by directories, the attached file name is .1 nk, which is used as a hyperlink (HyperLink), and the classified directory can have " Subscribe to Newsletter "," Shopping Instructions "," Member Login "," Shopping Cart Content ", etc. And each hyperlink (HyperLink) placed on the edited web page must be linked to this link directory I, the classified function link file 232, in order to be able to follow the bottle from the "j directory into seven n & This collection · th soil, private and host 3 0 0 can correctly resolve it and link it to the corresponding function. I · • / Subscribe to the newsletter / 1 ink-010 · lnka link to "A example Function J appeals to read the newsletter "Instructions for structure" "Function member login" Function p Shopping cart contents "/ Shopping instructions /link-〇20.1nka link to" · / member login / link-030.1nka link to "• / shopping Valley of the car / 1 i η k-〇4 〇 · 1 nka link to wait here to mention here, these function links are filed 2 in order to enable the servo host 3 0 in the subsequent 2 =, is to correctly add Interpretation, as described in Figure 3, the ability of the conversion module 316 ^ '' As long as the server host program ^ ^ Table 36 03 60 is correctly listed in the private moon dagger link table Table Qi Yi ^ All the functions link to the function code 364 ^ or the actual URL of the web page 366, To link this u should not link these functions

507142 V. Description of the invention (13) The content of file 23 2 is not important. If it is designed to compare with the file name of function link file 232, the default content of function link file 2 3 2 can even be empty. However, it should be designed so that users cannot modify their broadcast names and subordinate audit names in order to avoid subsequent function link conversion modules. 3 1 6 When performing a comparison according to the function link comparison table 3 60, a comparison error occurs and the page edit cannot be correctly interpreted The 260 was originally a function to be linked. < System care process >

Since the web page editing and display system 100 of the present invention includes three main parts: a user computer 200, a server host 300, and a web browser computer 400, two parts each are a user computer 2 The interaction between the 〇〇 terminal and the server host 300 and the interaction between the web browser computer 400 and the server host 300 is to explain the operation process. 1. The user's computer and the server are setting up a website and preparing some documents or graphics. The month is displayed on the webpage for customers to browse. Therefore, the news, event alerts, usage notes and graphics can contain various images or logos on the webpage. Upload this to the server host 300 in its database 340 of the backend 304. Server-end host-side interaction:

Before making a webpage, you must first internally use these files or graphics to make the general webpage viewer 420, which is a potential file, may contain a textual description of the company profile, product description, member needs, etc .: Background , Company logo, product catalog, etc. After you have prepared some documents or graphics, you need to $ and enter the merchant account and password to log in. 'Save these documents 352 or graphics 354 ^

507142 V. Description of the invention (14) ~ Merchant webpage editor 260 or user wants to use the system 100 of the present invention to edit webpages to build attractive websites. First, the user's computer must be turned on to connect Go to the server host 300. After confirming that the user account and password are entered by the server host 300, you can connect to the download area 320 of the platform 304 behind the server host 300 to download the function block file 322 and the work sign b. Link file 3 2 4 'to facilitate the layout of subsequent web page screens. The two broadcasts are stored in the form of compressed files in the download area 3200 of the server host 300 after the 300. Therefore, after downloading the two files, the user must first decompress the files. The two files are decompressed and stored in the block directory 22 0 and the link directory 2 0 of the client computer 20 0. 1 ° It is recommended to use compression / decompression that supports the double byte (DBCS) specification. Software 240, such as FastZip98, FastZip2001 and other software to perform file decompression. After downloading the archive, Fancheng can start making web pages, so you must start web page editing software such as Dreamweaver21. Before the official production of the webpage, the webpage editing software 210 ′ must be notified of the storage locations of the function block files 2 2 2 and the function link files 2 3 2 that have just been decompressed in order to perform webpage editing. You can use the Site window provided by DreamWeaver2i0 to define the storage locations of both the function block file 22 and the function link file 232 ^, so that subsequent operations of obtaining files can be smoothly carried out. After completing the above preparations, you can open a new view for web page editing. When editing the blank page of Kaixin on the day and time, you can use the existing block file 2 2 2 for editing. At this time, you need to open the block directory.

507142

220 display window, from which to select the previously downloaded and saved can block file 2 22, such as: hot products, promotional merchandise special zone, etc. = After you select the desired function block file 22 2, you can directly drag it The screen is just fine on the screen, and in the target webpage screen to be edited, the area dragged by the webpage editor will display the functional block corresponding to the schematic nature. When the web page editor 260 creates a hyperlink in a web page, he or she can input certain prompt texts on the web page by himself. For example, enter the word "subscribe" to indicate the subscription newsletter function to be linked to the background. This five-character will appear "Make Unk, object properties window provided in Dreamweaver2i〇, in which drop-down menu for file browsing," you can select the function of the "subscribe to the newsletter" link file 2 3 2, so In the daytime page of the landing page, the five words "subscribe to the newsletter" will generate a schematic functional link, that is, set the current hyperlink reference value (href) to this functional link file 232. In other words, this function link file 2 3 2 is where the function “Subscribe Newsletter” represented. The content of the reference value (href) of this link will be different due to the setting of different web editing software 2 10 and the way of browsing the building plan. For example: The content of the reference value (href) may be as follows: 111 ^ -〇3 0.1 仏 ”, 11]: 6; ^” ./ Member login / 11111 ^ 〇3〇Ink ”'href:” / Member login / link— 〇 03〇lnk ", but because of the function link later After receiving the above link reference value from the browser 4 丨 0, the conversion module 3 1 6 will analyze the file name of the function link file 232 to extract the corresponding function link code from it, and Use this query to find the function link code 364 in the function link comparison table 360 to get

507142

V. Description of the invention (16) The actual URL is sent back to the browser 410. Therefore, it will not affect the effect or function that is finally displayed in front of the 400 page of the web browser computer. . After completing one page of webpage in the above way, it is appropriately named and archived, and the next page can be edited in the same way. After completing the production and naming of all the predetermined webpages, just compress the above file process, such as a zip file, and enter the server host 300 and upload it on the platform 30 4. Tian Please refer to Figure VI, which is a flowchart 101 of the operation of the user's terminal 20. The above-mentioned event occurring at the end of the user's computer 20 can be simply expressed by the following steps: Step 102: Start; Step 104. Prepare a file or graphic file to be placed on the relevant webpage in the user computer 200. 'Step 106: Connect the user's computer 2000 to the server host 3 00; Step 108: Enter the merchant account password and log in to the server host 300 after the database 304 34 0; Step 11 〇: upload the prepared file or graphic file to the background 304 database 340 to store; Step 11 2: use the user's computer 2,000 to connect to the server host 300 download the file package and decompress , Including "function block file" 2 U and "function link file" 2 3 2; step 11 4: open web page editing software 2 1 〇; function link file "step 11 6: copy" function block file "2 2 2 And 2 3 2 link into web page editing software 2 1 〇; step 11 8: open a blank new web page;

507142 V. Description of the invention (17) Step 1 2 0 ·· Use the function provided by the "Function Block File" 2 2 2 and "Function Link File" 2 3 2 to perform web page editing; Step 1 2 2 · Will be completed The edited web page is properly stored; Step 1 2 4 ·· Have you finished all web page editing? Yes, go to step 1 2 6; No 'go to step 11 8; step 1 2 6: compress all the edited web pages and upload them to the temple server host 300, and store them in the background 3 04 database 340; step 1 2 8: End. 2. The interaction between the web browser's computer and the server's host: As the web page 356 stored in the database 340 is the web page editor 260 of a certain business based on the downloaded function block file 222 and function link file 2 3 2 The completed schematic webpage, the documents or graphics to be presented in the schematic webpage of the webpage 3 5 6 must be in the database 3 0 2 3 or 2 in the business folder 3 3 0 corresponding to the business in the database. Figure 3 5 4 is provided. Of course, other resources or messages available on the Internet can also be included after the merchant's consent. For example: advertisements of strategic alliance partners or active inclusion of some newsletter news, this part is It depends on the actual agreement. In addition, for the hyperlinks on the webpage 356 to be able to make correct links, the link reference value (href) from Liu Lan must be properly analyzed in order to return the ϋ :: internet URL ... The webpage is correct =, it can make the hyperlink link to the actual URL correctly. For the functional block in the program area 3 10, the conversion action of the link conversion module 31 6 is compared with the $ change branch group 314 and the work month b.

5NCII-200101TW.ptd Page 21 507142

A · Function block conversion module ·· Please refer to Figure 5, Figure 7 and Figure 8. When the webpage editor 2 of the merchant uses the downloaded functional block file 22 2 to complete the schematic webpage, it will be uploaded and stored in the database 34 () of the server host 300, and the server host 300 does not convert it in advance. Until the page viewer 420 uses the browser 41 in his computer 400 to connect to the server ^ host 3 0, and wants to browse the webpage of a certain business, the server host ⑽〇 3 1 2 read this webpage immediately, and called the function block conversion module 3 1 4 for real-time online conversion. The {OBJECT—BEGIN}, {PRODUCT—SHOW}, {OBJECT END}, Sample variables such as {SHAPE —BEGIN}, {SHAPE —END}, etc., are replaced by corresponding shaded parts that are not marked as 771, 772, 773, 774, 775. Then, delete all the pages marked as 71 〇 in Figure 7 ^ ^, including <SHAPE> 774 to &lt; / SHAPE &gt; 775 and {PRODUCT —SHOW} HTML schematic diagram 28 2 And become as shown in Figure 8. As shown in Figure 8, the file head 8 7 0 and the file tail 8 9 0 are both preceded by the symbol \! -Π and terminated by the symbol π--&gt; π. At that time, the browser 4 will treat these parts It is the comment area and is ignored. Therefore, the webpage Liu Lanzhe 420 only sees graphics or text marked 7 72 "the latest product" on the computer 400. In this way, when a general web browser 4 2 0 receives a web page content as shown in FIG. 8 on the browser 4 1 0 of his computer 400, the web content has passed the functional block conversion module 3 1 4 online. The conversion is performed in real time, so what is displayed on his computer 400 is not the HTML diagram 282 that appeared when the original business website editor 2 600 was created on the website, but the actual product such as "the latest product".

5NCII-200101TW.ptd Page 22 507142

Webpage information. That is to say, the “functional block conversion module 314 will not only delete the part of the TML diagram 2 8 2”, but it can pass ± m ▲ r 1 knife tree J tongue can also pass through the model variable of the functional block file 222 {PRODUCT —SHOW}, displaying actual webpage data such as "latest products" in the browser of the webpage viewer. ”B · Function link conversion module: s business web page editor 2 6 〇 Use the downloaded function link file 2 3 2 After completing the schematic web page editing, it will be uploaded and stored in the database 340 of the server host 3 00 , For example: This page contains a &lt; a href = nfi //C./AAA/BBB/ CCC / DDD / link-lOO.lnk'1〉 link. At this time, the server host 300 does not perform the conversion operation in advance, until the general web browser 4 2 0 uses the browser 4 1 of the computer 4 00 to connect to the server host 3 0 0 and wants to browse a certain server. When a merchant's webpage, the main program 3 1 2 of the server host 3 reads this webpage immediately. After calling the function block conversion module 3 i 4 to perform the above-mentioned real-time online conversion, it will also recognize this. All the hyperlinks contained in a webpage are automatically added with a "shop code" and an "agenda code", and then sent to the web browser's computer 4 Liu Liu 4 10, for example: The message is: &lt; ahref = n / r —prov —id = p / PHPSESSID = s / link-100.lnk ”. The reason why the store code is added here is to follow up this web page It belongs to which website merchant owns to make a distinction. The reason why 加上 is to add an agenda code is to give a number to the current browsing behavior of this visitor, so that if there is further purchase Behaviors, Be identification management. Shun to mention here, for security and management purposes, even for the same viewers, the agenda may each code

5NCII-200101TW.ptd Page 23 507142 V. Description of the Invention (20) It will be updated after a period of time. When a general web browser 4 200 clicks a hyperlink on this web page, the server host 3 0 0 will use the following command &lt; / index. Php? Pp = MagicLink. Php &amp; r ^ prov ^ id = p &amp; SID = s &gt; to automatically start the function link conversion module 31 6 in the program area 3 1 0. At this time, the function link conversion module 3 16 will receive the link reference value (href) sent from the browser 410 of the web browser computer 400, which includes three parameters-"store code", "Agenda code" and "File name of feature link file". Then the "function link conversion module 3 1 6" will analyze the file name of the function link file to obtain the "function link code", and use this function to connect the φ knot code to query the function link in the database 3 4 0. 60 to get the corresponding actual URL. For example, the function link conversion module 3 1 6 receives the "file name of the function link" as π 1 i nk _ 0 1 0 · 1 nkπ, analyzes the slot name and obtains its "function link code" as π 0 1 0 π. After the query function is linked to the comparison table 3 60, the corresponding actual URL can be obtained as / u ρ 1 〇ad / p / X / funct 〇i η 1. Therefore, the functional link conversion module 3 1 6 only sent the webpage containing the redirect instruction (ΜΕΤΑ) EQUIV: 'Refresh, CONTENT =, 0; URL = / upload / p / x / functoinl' &gt; to notify the webpage of Liu Lan The Liu Lan browser of the personal computer 400 will automatically switch to the real corresponding real-time URL immediately. In 4 is the browser 4 10 will display the web page that this hyperlink really corresponds to, such as: http://www.abc.com.tw/upload/p/x/functoinl Please refer to Figure 9 for corpses, Figure 9 is the operation flow of the function link conversion module 3 1 6

SNCII ^ OOlOlBf.ptd Page 24 507142 V. Description of the invention (21) Process diagram 130. The operation flow of the above function link conversion module 316 can be simply expressed by the following steps: 9 Step 1 32: Start; Step 1 34: The server host 3 〇 Received the remote web browser computer 4 〇〇 The message sent by the browser 4 1 0 to read the web page of a certain business; Step 136: The main program 3 12 of the server host 30 0 reads the corresponding web page, recognizes the hyperlinks of all the function links included, and automatically Add "Shop code" and "Agenda code", and then send it back to the browser 4 1 0; Step 1 38 · Server host 3 〇 Received the remote web browser computer 4 〇 Liu Lan browser 410 Send to click the link reference value (href) of a hyperlink in the webpage; Step 1 4 0 Step 1 4 2 Slot name of parameter 1 "Server host 3 0 〇 Start function link conversion module 3 丨 6 ; Function link conversion module 3 1 6 received the three store codes in the link reference value "," Agenda code "and" Function link file step 1 4 4 · Function link conversion module 3 丨 6 analyzes "File of function link file Name "to get the corresponding" feature link " Step 1 4 6: The function link conversion module 3 丨 6 uses the obtained "function link code" to query the function link comparison table 36 0 in the database 34 0 in order to obtain the corresponding actual URL; step 148: The server host 300 sends a web page containing a forwarding instruction (META) to automatically redirect the web browser 4 400 ’s browser 4 1 0 to display the web page corresponding to this hyperlink; Step 1 5 0: End.

5NCII-2001〇mV.ptd Page 25 Chuan 7142

V. Description of the invention (22) The webpage editing and display system of the present invention has the following advantages. First, the web page editor 26 or the editor of the business can download the modularized file—the functional block file 22 2 and the force month b 2 2 2 before the server host 300, for production and editing. A web page of a schematic nature is uploaded and stored on the server host 300. And when a general web browser connects to the server host 300 to browse the web, the main program 3 12 of the server host 300 performs real-time conversion to present the normal web page of the predetermined design. In this way, the version will be simpler and more flexible when editing the webpage. In addition, the main program 31 2 will call the function block conversion module, group 3 1 4, and function link conversion module 3 丨 6 for instant execution. The correct conversion is because the server host 300 will send the wrong message to the browser, so the server 410 'can enable the general web browser 420 to connect to the server host 300 to browse the web. The normal screen display of the predetermined design will also be presented. Eighteen people use the function link comparison table 36 in the shell database 340 to correspond to ^ e-MPping) The actual URL 3 66 has the following advantages: Generally speaking, in the dimension that can dynamically display multiple web pages] # 士卜, π + ^ 4 Α ϋ ^ 罔, the value of the real hyperlink of the mother-page is two, two, two, and five, and often follows the software system of the server host 300: = Man: 'Change, very unsuitable as stable Interface specifications. The function link broadcast case 232 downloaded by the merchant at 26 ° must be short and stable. The database 34 ° in the invention and the functions in it are connected ::: plan 'in order to fully achieve this goal. Directly repair the contents of block 366 of the actual website address of 360. I ’m comparing the table, and you can re-exist the function link ’s existing function link file and 232 completely.

507142 V. Description of the invention (23) No modification is needed, which can save the maintenance cost of a large number of web pages and files in the server host 300. With the above detailed description of the preferred embodiments, it is hoped that the features and spirit of the present invention may be more clearly described, rather than limiting the scope of the present invention with the preferred specific embodiments disclosed above. On the contrary, the intention is to cover various changes and equitable arrangements within the scope of the patent for which the present invention is intended.

5NCII-200101TW.ptd Page 27 507142 Brief Description of Drawings Figure 1 is a structural diagram of the web page editing and display system 100 of the present invention. FIG. 2 is a system architecture diagram of the webpage editing and display system 100 of the present invention at the server host 300. FIG. 3 is a schematic diagram of the function link comparison table 360 in the web page editing and display system 100 of the present invention. FIG. 4 is a system architecture diagram of the web page editing and display system 100 of the present invention at the user computer 200. FIG. 5 is a schematic diagram of the functional block file 222 in the web page editing and display system 100 of the present invention. FIG. 6 is a flowchart of the operation of the web page editing and display system 100 of the present invention at the user's computer terminal 2000. FIG. Figures 7 and 8 are schematic diagrams of the functional block conversion module 314 of the web page editing and display system 100 of the present invention converting the functional block file 222. FIG. 9 is a flowchart of the operation of the function link conversion module 31Θ of the webpage editing and display system 100 of the present invention 130. 〇 Symbol description of the diagram 1 0 0 webpage editing and display system 2 0 0 user computer 2 1 0 webpage editing software 2 2 0 block directory 2 2 2 function block file 2 3 0 link directory _ 232 function link file 240 compression / decompression software 2 5 0 browser 2 6 0 web editor 3 0 0 server host 3 0 2 front desk 303 display day and 304 background

5NCII-200101TW.ptd Page 28 507142 Simple diagram description 310 Program area 312 Main program 3 1 4 Function block conversion module 3 1 6 Function link conversion module 320 Download area 322 Function block file 324 Function link file 330 Merchant Folder 340 database 350 business information area 352 file 354 graphic 356 web page 3 6 0 function link comparison table 362 items 36 4 function link code 3 6 6 actual URL 3 6 8 remark description 370 function link file filename 4 00 web page Viewer computer 41 0 Browser 4 2 0 Web browser 5 0 0 Internet

5NCII-2001〇m.ptd Page 29

Claims (1)

507142 VI. Scope of patent application π 1. A web page editing and display system applied to the Internet-a server host to assist a remote web page editor, after editing at least one target web page in a browser The upload is stored in the editing software host, and can be subsequently used by a remote web browser to browse through the server host. The server host includes: a server connected to a download area, including There are multiple functional block files and multiple functions &lt;,, and cases, which can be downloaded by the web page editor to assist in the compilation of the target web page. Each functional block file can be selected by the web page editor's choice. Unintended function blocks are displayed on the target webpage. Each function can be combined with the target webpage by the editor of the page through the selection of the editor of the webpage. Schematic = 1 link is combined in the target webpage; Function: Function block Conversion module, τ will be uploaded to the target webpage: a functional block is converted into a corresponding graphic or text display; and: a functional link conversion module, the purpose of the upload The link contained in the webpage can be converted into the corresponding actual URL; i 哕: The web browser connects to the server host via the Internet to compose the g &quot;: webpage when the server host starts the function area The block conversion module pairs this, each of the functional blocks contained in the page is converted to the corresponding page, 1 = or the text is not displayed, and when the webpage viewer clicks the target network module 纟 JL, 2 t link , The server host starts to initiate the function link conversion, and it will be converted to the corresponding actual URL, and back 507142 VI. Application for Patent Scope 2. For the system under item 1 of Patent Scope, where each functional block file contains a schematic functional block and a corresponding template variable, when the web page editor edits on the web page When a function block file is selected in the software, the web page editing software ignores the template variables and only displays the functional blocks of the schematic nature in the target web page. 3. If the system of item 2 of the patent application is applied, when the webpage visitor connects to the server host via the Internet to browse the target webpage, the functional block conversion module may pass the functional block therein. The interpretation of the template variables of the file translates this schematic functional block into the actual corresponding Figure 4 shape or text for display in the browser of the web page viewer. 4. For the system of item 1 of the scope of patent application, each function link file contains a corresponding function link code. When the webpage visitor clicks the function link in the target webpage, the function link conversion module t According to the function link code in the function remote end file, convert the function link into a corresponding actual URL. 5. If the system of item 4 of the patent application is applied, the server host also includes a function link comparison table to list the function link and end code of each function link file and the corresponding actual URL. 6. The system of item 5 in the scope of patent application, wherein the function link conversion module is to convert the function link into a relative according to the function link comparison table. 5NCII-200101TW.ptd Page 31 507142 The actual URL. 'The method is stored in a web page editor's choice of a plurality of function-oriented web page editors in a browser, and each function uses a schematic machine to browse the instructions contained in the page; and URL and display phase 7. A feeder host for editing and displaying web pages on the Internet to assist-remote web page editor = edit at least one target web page, upload far: C f 2 It can be subsequently used by a remote web browser to connect to the server host for browsing. The method package: The server host provides a plurality of functional block files. 荦: = Project: Make = Editors can download To assist the project, you can edit the right plan through the webpage and link the right plan through the editor's choice; the functional link is integrated into the target webpage. When the webpage viewer is connected via the Internet When reaching the target webpage, each function block of the server host will be converted into a photo disc. Μ target webpage When the webpage viewer clicks on the item: 100 = shape or text display host will immediately The function is connected : Kui! : The function link returns to the page viewer's cut ^ π, Eclipse, corresponding to the actual page corresponding to the actual URL. Benefit ° / Browser 8, if the scope of the patent application item 7 includes-schematic functional blocks and two phases: ^-functional block file template variables that web page editors should respond to on this web page 'When w 釈 basket T select a functional block file 5NCII.200101TW.ptd Page 32 507142 VI. When applying for a patent, the webpage editing software will ignore the template variables and only display the functional block of the schematic nature in the target webpage. 9. The method according to item 8 of the scope of patent application, wherein when the webpage visitor connects to the server host via the Internet to browse the target webpage, the server host can pass the template of the functional block file therein The interpretation of the variable is to convert the functional block of the schematic nature into an actual corresponding graphic or text for display in the browser of the web page viewer. 10. The method of item 7 in the scope of patent application, wherein each function link file includes a corresponding function link code. When the webpage viewer clicks the function link in the target webpage, the server The host will convert the function link into the corresponding actual URL according to the function link code in the function link coffin case. 11. The method according to item 10 of the scope of patent application, wherein the server host further includes a function link comparison table to list the function link code of each function link file and the actual URL corresponding to the function link code. 1 2. The method according to item 11 of the scope of patent application, wherein the server host system converts the function link into a corresponding actual URL according to the function link comparison table. 5NCII-200101TW.ptd Page 33