480417480417
五、發明說明（1) 隨著電子商務的發展’個人化網頁成為明顯的趨勢。 引人注目的圖案、文字，加以個人或特定企業獨具之風 格，對於商品的宣傳是有正向作用的。電子商務之個人化 j頁設計的需求量將不斷提升。因此，對於網路服務而 吕’特別是提供個人或企業網頁廣告服務的公司，如何有 效、並快速地製作客戶所需的網頁，是該類公二 要關鍵。 又〜的里 利甩現有的網頁編輯軟 Front page等，就單一網頁 於提供網頁廣告服務的公司 各戶都要設計獨一的網頁是 為採用規格化廣告的版面， 位配置、背景下進行刊登。 獨特性。因此，如何兼顧網 明欲解決的問題。 有鑑於此，本發明之第 輯系統，適用以對網頁之版 欄位編輯單元，適用以輸入 句係用以將上述版面的欄位 格式，上述分割格式包括對 巢狀的分割；一解譯單元， 一超連結格式的攔位定義； 面的圖文資料加以儲存；以 攔位定義以及上述圖文資料 體’例如Dream weMei*、 設計而言已經足夠。然而，對 ’利用上述軟體，針對每一個 費時耗力的。常見的解決方式 使客戶的廣告在選擇有限的欄 上述方法的缺點是喪失客戶的 頁的製作速度與獨特性是本發 一特徵係提出一種網頁版面編 面進行編輯，上述系統包括一 一程式化語句，上述程式化語 佈局描述為一完整頁面之分割 應於上述攔位佈局所進行之一 用以將上述程式化語句轉換為 一圖文資料庫，用以對上述版 及一合併單元，用以結合上述 ，而產生上述超連結格式的網V. Description of the invention (1) With the development of e-commerce, the 'personalized webpage' has become an obvious trend. Eye-catching patterns and words, combined with the unique style of individuals or specific companies, have a positive effect on the promotion of goods. Personalized e-commerce demand for j-page design will continue to increase. Therefore, for online services, especially for companies that provide personal or corporate web advertising services, how to effectively and quickly create the web pages that customers need is the key to this type of publicity. In addition to the existing web page editing software, Frontier, etc., each company in the company that provides web page advertising services must design a unique web page for a single web page. It is designed to use standardized advertising layout, layout, and background. . unique. Therefore, how to take into account the problems that Net Ming wants to solve. In view of this, the first system of the present invention is applicable to a field editing unit for a webpage, and is adapted to use an input sentence to format the field format of the above layout. The above segmentation format includes segmentation of nests; an interpretation Unit, a block definition in a hyperlink format; the above graphic data are stored; the block definition and the above-mentioned graphic data body, such as Dream weMei *, are sufficient for design. However, the use of the above software is time consuming and laborious for each. A common solution is to make the client ’s advertisements select a limited number of columns. The disadvantage of the above method is the loss of the speed and uniqueness of the client ’s page creation. A feature of the present invention is to propose a web page layout for editing. The above system includes one by one Statement, the above-mentioned stylized layout is described as a complete page. The segmentation should be performed on the above-mentioned block layout to convert the stylized sentence into a graphic database for the above version and a merging unit. To combine the above to generate the above-mentioned hyperlink format of the web
480417 五、發明說明（2) 頁資料。 本發明之第二特徵係提出一種網頁版面 適用於對網頁的版面進行編輯，上述方法步驟=方法， 述網頁分成欄位佈局以及圖文資料兩部分 ^納將上 局描述為對-完整頁面之分割步冑，上述分心佈 應於上述欄位佈局而對上述完整頁面進行_巢‘：：括對 將上述分割步驟描述為一程式化語 的为割， 轉換為-超連結格式的欄位定義； ==化語句 =義以及上述圖文資料，…上述i二:::: 本發明之第三特徵係提出一種網頁版面 J用於在電腦上對網頁的版面進行編輯，上= : = ; 岡將上述網頁分成攔位佈局以及圖文内容兩部分.將： 述圖文内容儲存於上述電腦而形成圖文資 ;：土 佈局描述為對-完整頁面之分割步驟， * 對應於上述攔位佈局而對上述完整頁面進行二括 割；透過上述電腦將上述分割步驟描 儲存於上述電腦；提供-解譯程式，透過上= ::化：=為一超連結格式的攔位定義而儲存於上述 ::二”過上述電腦，結合相對應之上述欄位定義以 述圖文資料，而產生上述超連結格式的網頁資 -句iir月i?—、第二以及第三特徵中，上述程式化 上述描述語言之指令包括（一）橫向分割指令者=示 第6頁 0213-5762TWF.ptd 480417 五、發明說明（3) 對上述完整頁面 橫向襴位，並指 指令，顯示對上 向攔位，並指明 令’用以表示不 割指令與縱向分 向分割指令與縱 分割指令在上述 組上述指令，用 上述巢狀的分割 號對中對應上述 分別對上述縱向 描述。再者，上 於上述攔位的圖 標準之格式。 為讓本發明 下文特舉一較佳 下： 之一區域進行橫向 欄位的 縱向分 位的數 明上述橫向 述區域進行 上述縱向攔 對上述區域 割指令分別 向分割指令 括號對中對 以分別對上 的描述；以 各縱向搁位 攔位進行描 述圖文資料 案與文字。 進行分 包括一 所構成 應上述 述橫向 及上述 依序設 述，而 包括上 並且上 分割而 數量； 割而使 量；（ 割。其 括號對 字1句之 各橫向 攔位進 縱向分 有一組 構成上 述欄位 述超連 使上述 (二） 上述區 三）停 中，上 ’包夾 兩端； 攔位依 行描述 割指令 上述指 述巢狀 的尺寸 結格式480417 V. Description of the invention (2) pages of information. The second feature of the present invention is to propose a webpage layout suitable for editing the layout of the webpage. The above method steps = method, the webpage is divided into two parts: column layout and graphic information. In the step of division, the above distracting cloth should be nested on the complete page in the above-mentioned field layout: including the field describing the above-mentioned division step as a stylized word, and converted to the -hyperlink format field Definition; == 化 句 = 义 and the above-mentioned graphic and textual information, ... i2 above: The third feature of the present invention is to propose a webpage layout J for editing the layout of a webpage on a computer. ; The above webpage is divided into two parts: block layout and graphic content. The graphic content is stored on the computer to form graphic resources; soil layout is described as a step of dividing the complete page, * corresponding to the above block Bit layout to complete the above complete page; save the above segmentation steps on the above computer through the above computer; provide-interpreter program through the above = :: 化: = is a hyperlink in the format of a block It is stored in the above :: 2 "through the above-mentioned computer, combined with the corresponding definition of the above-mentioned fields to describe the graphic data, and generate the above-mentioned hyperlink format of the web page information-sentence iir 月 i?-, The second and third features In the above, the instructions for stylizing the above description language include: (1) horizontal division instructions = shown on page 6 0213-5762TWF.ptd 480417 5. Description of the invention (3) Horizontal positioning of the above complete page, and referring to the instructions, showing the right Go up to the stop and specify the order 'to indicate the non-cutting instruction and the vertical splitting instruction and the vertical splitting instruction. In the above group of instructions, use the nested split number pair to correspond to the above vertical description respectively. In order to make the present invention, the following is particularly preferred: The number of vertical divisions of a horizontal column in one area is clear. The above-mentioned horizontal area is divided by the above-mentioned vertical area. The instructions are divided into parentheses, and the instructions are respectively divided into descriptions. The vertical position is used to describe the graphic data and text. The division includes a structure. The composition should be based on the above-mentioned horizontal direction and the above-mentioned sequential description, and include the upper and upper divisions and the quantity; cut and make the quantity; (cut. The brackets are divided into a group of the horizontal block into the vertical block of the first sentence to form the above column description. The superlink makes the above (2) the above area 3) stop, on the two ends of the bag; the stop is described in accordance with the cut instructions according to the nested size knot format
區域具有 縱向分割 域具有縱 止分割指 述橫向分 於上述橫 上述橫向 序設有一 ，而構成 在上述括 令，用以 的分割的 以及設置係HTM L 之上述目的、特徵及優點能更明顯易懂， 實施例，並配合所附圖式，作詳細說明如 圖式之簡單說明 第1圖係一示意圖，用以顯示本發明之實施例的 編輯系統。 第2a至2d圖係分別顯示本發明編輯網頁的欄位佈局之 一範例。The region has a vertical division, a domain has a vertical division, and a horizontal division is provided in the above-mentioned horizontal order. The above-mentioned purpose, characteristics, and advantages of the division and the setting of the HTM L can be more obvious and easier. Understand the embodiment, and make a detailed description in conjunction with the attached drawings. The first diagram is a schematic diagram for showing an editing system according to an embodiment of the present invention. Figures 2a to 2d each show an example of the field layout of the editing web page of the present invention.
0213-5762TWF.ptd 第 7 頁 五、發明說明（4) _______一 第3圖係一流卷 述語言的解譯流程。β用以顯示本發明之實施例中/拖 符號說明 100广 ""網頁編輯系衾 1 0〜 攔位編輯單元 20〜 圖文資料庫； 3 0〜 解譯單元；’ 4 0〜 合併單元。 實施例之說明 圖所 圖文 統係 本發明的實施例 — 示，本實施例之系〜'—種網頁編輯系統1 0 0。如第1 資料庫20、一解譯、ΐΛ〇0包括一欄位編輯單元10、 _ 透過電腦進行既定：，以及-合併單元40。該系 面對大量不间1作，該系統1〇〇的運作如下所述。 要將該等資料編輯^ j w圖案、或文字的既定廣告資料， (可能是卢主為頁並刊登時，該系統10〇的使用者 佈局以及以頁編輯者）首先將廣告資料分為攔位 面中攔位的尺；=文資料包括各廣告頁 系缔1 nn沾固.欄位（或框格）中的圖案與文字等，該 工、:、圖文資料庫20係用以儲存該等圖文資料以留接 從二ISI用-該圖文資料庫20最好係透過上述電腦之磁磾播 儲存圖文貧料。 艰碟機 上述攔位佈局代表各頁面中各攔位間位置的相對關 0213-5762TWF.ptd 第8頁 立、贫明說明（5) 係。欄位編輯單元〗〇係 、— 的方法是對應於各攔位:義上述之攔位佈局。其定義 編輯單元1 〇，該程式二.雨入一程式化語句至上述攔位 攔位佈局分別描述為_二二，透過一描述語言，將該上述 包括對該完整頁面進杆二^頁面的分割袼式。該分割格式 面分割為較小之片卩J巢狀的分割（亦即，將該完整頁 核），該巢狀的分割可使該一 2進仃分割，如此循 佈局。該描述語古將赖# :凡正、的为割構成上述攔位 姑—、π ϋ知稍後加以詳細說明。 輯單元it產ίΐί:1 八^ 攔位定義，該超連結一超連結格式的 格式。 弋在本只轭例中係採用HTML的標準 的圖2 ί料：併：，40再：上述的複數攔位定義與相對應 是ϋί: 構成贿格式的網頁資料。於 疋上边的廣告資料便可輸出至網頁了。 以下對該描述語言作進一步的說明。 月=ί °。。係以巢狀之指令集合描述-上述版面之佈 、，丨ΐ:集合係分別對應於分割自上述之完整頁面之- /刀晶域’用以進—步地描述對該分龍域之分割的進 :丄亚且该指令集合係適用於包括另一或多者之上述指合 ^ δ丄而形成遞迴以實施上述巢狀分割之描述，該描述語 吕之指令包括： 一、符號部分： 1 ·付旒’’ Rn，用以標記對一連串之橫向分割指令之描 五、發明說明（6) 述的起碩； 述的2叔Ϊ號"C" ’用以標記對一連串之縱向分割指令之描 述的起碩；以及 3·付號’’ {”與”}” ，亦即括號，用以對關於上述一連串 二二=2位或縱向攔位中之一者之描述進行包夹，而形成 t符號”，”與”：”，亦即逗號與冒號，用以辅助上述 描述b g對關於上述一連串之橫向欄位 二、數字部分： 、數字部分係以冒號”：，，接於上述符號”c”或” R，，之後， 用以描述橫向攔位或縱向攔位的數量。例如2代表分 格’ 5代表分為五格。 指令集合中，對應於上述橫向分割指令或縱向分割指 I另需割之上述橫向欄位或縱向欄位係分別依序 以：-或多個其他指令集合藉由逗號"，”排 一進行描述。 欠、 特別的是’對應至一個不命$、 . y ,, 而再分割的欄位的指令隼合 中，係以〇作為停止分割指令，和- 相 ' 莱口 ^ 才不不該指令集合中不再包 予以省略。 谷為〇的指令集合的括號部分 以下再以數個例子進行說明： 範例（一）： 如第2 a圖所示’版面被横& 广1 、，甘由A 乂m w 、向刀割成兩個縱向欄位 (column) ’其中兩個橫向攔朽 1位分別沒有再被分割。此0213-5762TWF.ptd Page 7 V. Description of the Invention (4) _______ 一 Figure 3 is the process of interpreting first-class volume language. β is used to display the description of the / drag symbol in the embodiment of the present invention. The 100-page editing system is 1 0 to the editing unit 20 to the graphic database; 3 0 to the interpretation unit; '4 0 to merge unit. The description of the embodiment The system of the embodiment of the present invention—shows the system of this embodiment ~ '—a webpage editing system 100. For example, the first database 20, an interpreter, ΐΛ〇0 includes a field editing unit 10, _ is set by a computer :, and-a merge unit 40. The system faces a large number of continuous operations, and the operation of the system 100 is described below. To edit such information ^ jw pattern, or the text of the established advertising materials (may be when the main page is published and published, the user layout of the system 100 and page editors) first divide the advertising materials into blocks The ruler of the stop in the face; the text information includes the 1 nn attached to each advertising page. The pattern and text in the field (or frame), etc., the graphic database 20 is used to store the Wait for the graphic data to be used from the two ISIs-the graphic data database 20 is preferably stored by the computer's magnetic broadcasting. Hard disk machine The above layout of the stands represents the relative relationship between the positions on each page. 0213-5762TWF.ptd Page 8 Column editing unit 〖〇 series,-The method is corresponding to each stop: meaning the above-mentioned stop layout. Its definition edit unit 10, the program two. Rain into a stylized statement to the above-mentioned stop The stop layout is described as _two two, through a description language, the above includes including the full page into two ^ page Split style. The segmentation format is divided into smaller pieces of nested segmentation (that is, the complete page core), and the nested segmentation enables the 2 to be segmented in such a way that the layout is followed. The descriptor Gujiang Lai #: Fan Zheng, Wei ’s formation of the above-mentioned stop Gu, π ϋ will be described in detail later. The editing unit it produces ίΐί: 1 Eight ^ Block definition, the hyperlink is a format of a hyperlink format.弋 In this yoke example, the standard figure 2 of HTML is used: 并:, 40, and ：: The above-mentioned definition of the plural block corresponds to ϋ: The webpage data constituting the bribe format. The advertising data on 疋 can be output to the webpage. The description language is further described below. Month = ί °. . It is described by a nested instruction set-the layout of the above layout, 丨 ΐ: The set is corresponding to the-/ blade crystal domain 'that is divided from the complete page above to use to further describe the division of the sub-dragon domain Progress: Ziya and the instruction set is applicable to the description that includes one or more of the above-mentioned fingers ^ δ 丄 to form a recursion to implement the nested division described above. The instruction of the descriptor Lu includes: 1. Symbol part : 1 · Fu 旒 Rn, used to mark the description of a series of horizontal division instructions. 5. The superiority described in the description of the invention (6); The 2 uncle number " C " 'used to mark a series of vertical The beginning of the description of the split instruction; and 3. The numbers "{" and "}", that is, the brackets, are used to enclose the description of one of the series of two = two or two vertical stops. , And form the t symbol "," and ":", that is, commas and colons, to assist the above description bg for the above-mentioned series of horizontal fields 2. The numeric part: The numeric part is a colon ":", followed by The above symbol "c" or "R," is used to describe The number of horizontal stops or vertical stops. For example, 2 is divided into 5's divided into five. In the instruction set, corresponding to the above-mentioned horizontal division instruction or vertical division refers to the above-mentioned horizontal or vertical fields which need to be cut. They are described in order by:-or multiple other instruction sets by commas ", "one after the other. Owing, in particular, 'corresponds to a fatal $,. Y ,, and in the combination of the instructions of the sub-segmented field, 0 is used to stop the splitting instruction, and-phase' is not the same as the instruction set. No longer included in the package. The bracketed part of the instruction set with a valley of 0 is explained below with a few examples: Example (1): As shown in Figure 2a, the layout is horizontal & wide, and is divided by A 乂 mw and to the knife. Two vertical columns (two of them are horizontally blocked and one is not divided). this
第10頁 480417Page 10 480417
、發明說明（7) 時，其描述語句為： {C : 2，〇，〇 } 上述描述語言中，大括號U宣告其中的描述語言為一 集合’該集合為整個版面。C :2代表該集合（版面）被分 割為兩個橫向攔位。以逗號連接於C ·· 2之描述的兩個〇分 別表示上述分割成的兩個欄位是單純的空格，其中不再進 行分割。 範例（二）·· 如第2b圖所示，版面被縱向分割成兩個橫向攔位 C )’其中兩個欄位分別沒有再被分割。此時，其描 述語句為： (R : 2 ， 〇 ， 〇} 上述描述語言中，大括號{}宣告其中的描述語言為一 集合’該集合為整個版面。r : 2代表該集合（版面）被分 #J為兩個縱向攔位。以逗號連接於R : 2之描述的兩個0分 別表不上述分割成的兩個欄位是單純的空格，其中不再進 行分割。 範例（三）·· )，=^ 2c圖所示，版面先被橫向分割成兩個欄位（row 了 下方的攔位再被縱向分割為三。此時，其描述語 :3，〇，〇，〇} } 中，第一層大括號{}宣告其中的描述語 。R : 2代表該集合（版面）被分割為兩 上述描述語言中 言集合為整個版面。2. In the description of the invention (7), the description sentence is: {C: 2, 0, 0} In the above description language, the curly bracket U declares that the description language is a set, and the set is the entire layout. C: 2 represents that the set (layout) is divided into two horizontal stops. The two 0s described by a comma connected to C ·· 2 respectively indicate that the two fields divided above are pure spaces, and no division is performed. Example (2) ... As shown in Figure 2b, the layout is divided vertically into two horizontal stops C) ', where the two fields are not divided. At this time, its description sentence is: (R: 2, 〇, 〇} In the above description language, curly brackets {} declare the description language is a set 'the set is the entire layout. R: 2 represents the set (the layout) The divided #J is two vertical blocks. The two 0s described by commas connected to R: 2 respectively indicate that the two fields divided above are pure spaces, and no division is performed. Example (3) ··), = ^ 2c As shown in the figure, the layout is first divided horizontally into two columns (the lower stop is row and then divided vertically into three. At this time, its descriptor: 3, 0, 0, 0} }, The first level of braces {} declares the descriptors. R: 2 means that the set (the layout) is divided into two sets of the above-mentioned description language and the entire set of languages.
OU417 五、發明說明（8) 個縱向攔位。 第〜個攔位是 括銳{ }係宣告 述第二個縱向 刀為三個橫向 表示上述三個 範4例（四）: 如第2d圖 用上述描述語{R : 2 ， 〇 關於上述 藉由本實 地產生大量的 欲刊登的文字 需的版面配置 客戶提供檔案 告商透過上述 本發明所 上 以逗號連接 單純的空格 其中的描述 攔位，其中 攔位。以逗 橫向欄位分 所示，對於 言進行描述 ，{C : 3 ， 〇 描述語言之 施例之網頁 網頁，尤其 以及產品的 、框線形式 或廣告商製 之系統便可 提出的糸統 於R · 2之描述的Q表示分割成的 在其中不再進行分割。而第二層 語言的一次集合，該次集合為上 以c :3表示該次集合（欄位）被 點連接C : 3的三個〇，同樣的， 別不再分割。 頁逐一編輯，或統一網頁 雖然本發 以限定本發明 精神和範圍内 濩範圍當視後 明已以具體 。任何熟習 ，當可進行 附之申請專 更複雜的 。上圖之，{R : 2 解澤的流 編輯系統 是在網路 型錄檔案 以及背景 作）；依 快速地完 以及方法 格式以刊 之實施例 此項技藝 更動與潤 利範圍所 版面配置亦可簡單地利 版面可描述為： ’〇,〇}，0}} 程如第3圖所示。 ’使用者可以更有效率 廣告業上。客戶可先將 長1供給廣告商，並對所 圖案等提出要求（可由 據上述資料與要求，廣 成各網頁的編輯。承 係優於傳統上對既定網 登大量資訊的方法。 說明如上，然其並非用 者，在不脫離本發明之 飾。因此，本發明之保 界定者為準。 'OU417 5. Description of the invention (8) Vertical stops. The first stop is Kuo Rui {}, which declares that the second longitudinal knife is three horizontally representing the above three norms. 4 cases (four): As shown in Figure 2d, the above description {R: 2, 〇 From the field, a large number of layouts for the text to be published are provided. The customer provides the file to inform the dealer through the above-mentioned invention that the simple spaces are connected by commas. As shown in the horizontal column, the description of the language, {C: 3, 〇 description of the web page of the embodiment of the language, especially the product, the framed form or the system of advertisers can be put forward in the system The Q described by R · 2 means that the division is performed in which division is no longer performed. And a set of second-level languages, the set is above. C: 3 indicates that the set (column) is connected to the three zeros of C: 3 by the same way. Do n’t split it again. The pages are edited one by one, or the web pages are unified. Although the present invention is limited to the spirit and scope of the present invention, the scope of the present invention will be described in detail. Any familiarity should be accompanied by the application for more complicated ones. As shown in the figure above, {R: 2 Xie Ze's stream editing system is based on the network catalog file and background); according to the example of quick completion and method format published in this example, the layout and layout of this technology are also changed. The layout can be simply described as: '〇, 〇}, 0}} The process is shown in Figure 3. ’Users can be more efficient in the advertising industry. Customers can first supply Chang 1 to advertisers, and make requirements for the patterns (such as the editing of various web pages based on the above information and requirements. The system is superior to the traditional method of a large amount of information on a given web site. The description is as above, then It is not a user, without departing from the decoration of the present invention. Therefore, the guarantee of the present invention shall prevail.