201115362 六、發明說明： 【發明所屬之技術領域】 本發明大體上係關於圖形使用者介面，且更特定言之， 係關於用於編輯電子��件之系統、方法及程式。 【先前技術】 隨著近年來對網際網路之廣泛使用，諸多公司及個人已 建�����������web内容且定期將其在網際網路上公開。一般 而言，將web内容建立為遵&HTMnXML格式之多媒體 結構化電子文件。 為了幫助進行web内容建立，已提供具有一編輯器的編 寫軟雔，該編輯器能夠在内容之建立及編輯期間將確切地 如在顯示螢幕上所檢視之内容作為web内容（諸如，html 文件）來輸出。此編輯器被稱為WYSIWYG(所見即所得）編 輯益。舉例而言，作為申請人之國際商業機器公司201115362 VI. Description of the Invention: TECHNICAL FIELD OF THE INVENTION The present invention relates generally to graphical user interfaces and, more particularly, to systems, methods, and programs for editing electronic files. [Prior Art] With the widespread use of the Internet in recent years, many companies and individuals have established multimedia web content and regularly publish it on the Internet. In general, web content is built into multimedia structured electronic files in accordance with & HTMnXML format. In order to facilitate web content creation, a writing software with an editor has been provided that is capable of viewing content as viewed on the display screen as web content (such as html files) during content creation and editing. To output. This editor is called WYSIWYG (what you see is what you get) editing benefits. For example, as an applicant for the International Business Machines Corporation
(International Business Machines Corporation)提供 IBM WebSphere Studio Homepage Builder®作為具有 WYSIWYG 編輯器之軟體。 業界中之其他公司亦已開發編寫款體。舉例而言，作為 相關技術，日本專利申請公開案第9_6573(專利文件”揭示 種系統，s亥系統用於使用編寫工具或其類似者致能對一 影像圖之色彩配置進行適當且容易之調整，該影像圖片 待黏貼至編輯畫面上之編輯區（stage)f。在此系統令，保 存用詞語表達指定色調之各種影像表達片語，且該等影像 表達片S吾辛之���一者具有一指定色度範圍。當將一影像圖 J48726.doc 201115362 片(靜態影像)黏貼至編輯畫面上之編輯區内之某一位" 時’基於该影像圖片之色彩配置來計算其平均色彩。接下 來自所保存之各種影像表達片語選擇具有含該平均色彩 之色度的影像表達片語，且在一顯示器件上顯示選定影像 表達片5吾。當操作員自此等影像表達片語選擇所要影像表 達片語時，轉換影像圓片之色度，使得該影像圖片之平均 色彩將移位至由操作員選擇之影像表達片語的色度範圍之 中心。 作為另-相關技術，曰本專利申請公開案第9_16797號 (專利文件2)揭示-種方法，該方法用於使用描述敏感性之 字詞向操作員顯示對影像之印象且允許操作員在添加表達 時利用設計訣敦。該影像由影像分解部分進行分解，且每 一經分解區域之實體特徵量（a_nt)儲存於影像特徵儲存 部分中。在影像分析部分中處理該實體特徵量，且產生 與整個影像有關的具有視覺含義之特徵量。敏感性影響 程度計算部分接收具有視覺含義之特徵量，且基於設計 缺竅儲存部分中之資訊計算描述敏感性之字詞之因數:向 =員顯示描述敏感性之字詞之因數，且操作員使用描述 :感性之字詞經由表達指示部分下達關於所要表達之指 7。景，像表達添加部分接收關於表達之指令，且在參考# ==部…資:的同時校正影像。亦立即校二 :象/之貫體特徵1 ’且分析及顯示對經校正影像之 作為又—相關技術，日本專利申請公開案第2003_ 148726.doc 201115362 271510號（專利文件3)揭示一種首頁提供器件其具備 任意地選擇及指定置於首頁上之畫面之佈局、^色:於 影像及特性之構件及用於根據該選擇及指定自動地產I首 頁資料及自動地將其向WWW伺服器註冊之構件。 作為另-相關技# ’日本專利申請公開案第2005· 292964號（專利文件4)揭示一種用於簡化對—物件之修改操 作的列印資料編輯裝置及列印資料編輯程式。可在一修改 畫面上之修改清單區段中選擇修改清單。#核取所有等級 之顯示核取方塊時，根據等級排列所有等級下之經修改影 像’從而在預覽區段之水平方向上排列在水平清單方塊中 選擇之經修改影像的編號且顯示在垂直清單方力中選擇之 行的編號。可藉由選擇預覽區段中之列印影像來選擇修改 等級。在繪圖時，選擇經修改之影像。接著，洛選擇 確⑺時，將處於選定修改清單之修改等級的修改内容 應用至接受編��之物件。在修改畫面上，可使用修改等級 滑桿選擇修改清單中之修改等級，且在此狀Μ，在㈣ 區段中僅顯不處於選定修改等級之修改影像。 作為又相關技術，公開日本翻譯案第·7-5〇94〇2號 (專利文件5)揭示一種方法，其用於修改及顯示以標記語言 撰寫之文件中之内》，以用於經由瀏覽器在顯示器上以比 文件原本4時之解析度小的解析度呈現該文件。此方法 I括應用獨立函式之步驟，該等獨立函式被寫碼至溯覽器 中且協作以在需要時覆寫標記及樣式；及在顯示器上呈現 經修改文件之步驟。 I48726.doc 201115362 作為另一相關技術，PCT國際公開案第霤〇2〇〇2/19153號 小冊（專利文件6)揭示：「一種用於根據所接收資料輸入項 (5328)來建立web網站之方法及系統，該建立係藉由基於 該資料輸入項判定web網站之至少一 web網站維度的至少 特性來進行。基於所判定之特性產生對web網站（5500) 之多維描述。根據所產生之對web網站之多維描述擷取 web網站資料（5405)。基於所產生之對web網站之多維描述 及所擷取之web網站資料（5405)建立web網站（5500)」。 作為又一相關技術，美國專利第6697825號說明書（專利 文件7)揭示：「一種用於藉由以下步驟修改根據所接收資 料建立之web網站的技術：基於資料輸入項判定至少一 web網站維度之至少一特性；基於所判定之特性產生對 web網站之多維描述；根據所產生之對web網站之多維描 述榻取web網站資料；基於所產生之對web網站之多維描 述及所擷取之web網站資料建立網站；接收修改所判定特 性中之至少一者的修改資料；及基於所修改之特性重新產 生對web網站之描述」。 [專利文件1]曰本專利申請公開案第9-6573號 [專利文件2]曰本專利申請公開案第9-16797號 [專利文件3]曰本專利申請公開案第2003-2715 10號 [專利文件4]曰本專利申請公開案第2005-292964號 [專利文件5]公開日本翻譯案第2007-509402號 [專利文件6] PCT國際公開案第W02002/19153號小冊 [專利文件7]美國專利案第6697825號說明書 I48726.doc 201115362 [非專利文件 1] Tim Bray 等人，「Extensible Markup Language (XML) 1.1 (Second Edition)」，World Wide Web Consortium，2006年 9月 29 曰。 [非專利文件2] Bert Bos等人，「Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification」，World Wide Web Consortium，2009年 9 月 8 曰。 [非專利文件 3] Dave Raggett 等人，「HTML 4.01(International Business Machines Corporation) provides IBM WebSphere Studio Homepage Builder® as software with the WYSIWYG editor. Other companies in the industry have also developed styles. For example, as a related art, Japanese Patent Application Laid-Open No. 9-6573 (Patent Document) discloses a system for enabling appropriate and easy adjustment of the color configuration of an image map using a writing tool or the like. The image image is to be pasted to an editing area (stage) f on the editing screen. In this system, various image expression phrases expressing the specified color tone are saved by words, and each of the image expression films Swuxin has A specified chromaticity range. When an image J48726.doc 201115362 (still image) is pasted to a certain position in the editing area on the editing screen, the average color is calculated based on the color configuration of the image. Next, an image expression phrase having a chromaticity of the average color is selected from the saved image representation phrases, and the selected image expression sheet 5 is displayed on a display device. When the operator expresses the phrase from the image When selecting the desired image to express the phrase, the chromaticity of the image disk is converted so that the average color of the image is shifted to the image expression selected by the operator. The center of the range of chromaticity. As a further related art, the method of the present application discloses a method for displaying an image to an operator using a word describing sensitivity, as disclosed in Japanese Patent Application Laid-Open No. 9-16797 (Patent Document 2). The impression allows the operator to use the design when adding the expression. The image is decomposed by the image decomposition part, and the physical feature quantity (a_nt) of each decomposed area is stored in the image feature storage part. The image analysis part processes the a feature quantity of the entity, and generating a feature quantity having a visual meaning related to the entire image. The sensitivity influence degree calculation section receives the feature quantity having a visual meaning, and calculates a word describing the sensitivity based on the information in the design missing part storage part. Factor: shows the factor describing the word of sensitivity to the = member, and the operator uses the description: the word of the perceptual word is issued via the expression indication part about the finger 7 to be expressed. The scene, like the expression addition part receives the instruction about the expression, and Correct the image while referring to # ==部...: Immediately 2: Image/Section 1' and analysis and display The corrected image is a related art, and the Japanese Patent Application Publication No. 2003_148726.doc 201115362 271510 (Patent Document 3) discloses a layout of a screen provided by a homepage device having an arbitrary selection and designation placed on the front page, ^ Color: The component of the image and the feature and the component used to register the automatic property I home page according to the selection and designation and automatically register it with the WWW server. As another-related technology # 'Japanese Patent Application Publication No. 2005· 292964 No. (Patent Document 4) discloses a print data editing device and a print data editing program for simplifying the modification operation of the object. The modification list can be selected in the modified list section on a modified screen. #check all When the display of the level is checked, the modified image of all levels is arranged according to the ranks, so that the number of the modified image selected in the horizontal list box is arranged in the horizontal direction of the preview section and displayed in the vertical list square force. The number. The level of modification can be selected by selecting the print image in the preview section. When drawing, select the modified image. Next, when Lo is selected (7), the modification content at the modification level of the selected modification list is applied to the object to be edited. On the modification screen, you can use the Modify Level slider to select the modification level in the modification list, and in this case, only the modified image of the selected modification level is displayed in the (4) section. As a related art, Japanese Laid-Open Patent Publication No. 7-5〇94〇2 (Patent Document 5) discloses a method for modifying and displaying a document written in a markup language for browsing The file is presented on the display with a resolution that is less than the resolution of the file at 4 o'clock. The method includes the steps of applying an independent function that is coded into the tracer and cooperates to overwrite the mark and style as needed; and the step of presenting the modified file on the display. I48726.doc 201115362 As another related technology, the PCT International Publication No. 2〇〇2/19153 (Patent Document 6) reveals: "A web site for establishing a web site based on the received data entry (5328). And a method for determining, by determining, based on the data entry, at least one characteristic of at least one web site dimension of the web site. Generating a multi-dimensional description of the web site (5500) based on the determined characteristics. The web site data is retrieved from the multi-dimensional description of the web site (5405). The web site (5500) is established based on the generated multi-dimensional description of the web site and the captured web site material (5405). As a further related art, US Patent No. 6697825 (Patent Document 7) discloses: "A technique for modifying a web site established based on received data by the following steps: determining at least one web site dimension based on a data entry At least one characteristic; generating a multi-dimensional description of the web site based on the determined characteristics; drawing the web site material according to the generated multi-dimensional description of the web site; based on the generated multi-dimensional description of the web site and the captured web site The data establishes a website; receives modified information that modifies at least one of the determined characteristics; and regenerates a description of the web website based on the modified characteristics. [Patent Document 1] pp. Patent Application Publication No. 9-6573 [Patent Document 2], Patent Application Publication No. 9-16797 [Patent Document 3], Patent Application Publication No. 2003-2715 No. 10 [ Patent Document 4] Patent Application Publication No. 2005-292964 [Patent Document 5] Japanese Patent Publication No. 2007-509402 [Patent Document 6] PCT International Publication No. WO2002/19153 Booklet [Patent Document 7] US Patent No. 6697825, Specification I48726.doc 201115362 [Non-Patent Document 1] Tim Bray et al., "Extensible Markup Language (XML) 1.1 (Second Edition)", World Wide Web Consortium, September 29, 2006. [Non-Patent Document 2] Bert Bos et al., "Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification", World Wide Web Consortium, September 8, 2009 曰. [Non-Patent Document 3] Dave Raggett et al., "HTML 4.01
Specification」，World Wide Web Consortium，1999年 12月 12曰。 【發明内容】 IBM WebSphere Studio Homepage Builder向使用者提供 如下功此.藉由執行材質插入動作從而以拖放方式自材質 視圖澤擇材質（一種文件組件）之預f來將材質插入至編輯 目標文件中。在IBM WebSphere Studi〇 H〇mepage Builder 中’當選擇用於編輯目標文件之佈景主題時，回應於拖放 操作而將該佈景主題應用於材質且將其插入至編輯目標文 件中。 然而’除非已插人材質，否則錢者無法認識到材質之 最終外表特徵例如’當已應用實際插入佈景主題 之材質與使用者先m所想不同時，使用者可能被迫多次嘗 試發現適切質。前述相關技術巾之任―者皆無法解決此 降低使用者便利性之問題。 因此’本發明之一目的在於提供一種用於有效地支援對 電子文件之編輯的系統、軟體及方法。 148726.doc 201115362 為實現上述目標，提供一種用於編輯一電子文件之系 統。此系統包括用於識別一佈景主題的構件，該佈景主題 待應用於一待編輯之電子文件；及用於顯示該文件及待插 入至該文件中之一或多個組件之一預覽的構件。該預覽係 藉由將所識別之佈景主題應用於一或多個組件而在該等組 件中之至少-者之插人前形成及呈現。該預覽較佳係藉由 將與所識狀佈景主題相關聯之—或多個屬性參數的集合 應用於該一或多個組件來形成。 系統亦較佳進-步包括用於回應於—預定制者動作而 識別該-或多個組件中之至少一者且將該組件插入至該文 件中之構件。該預定使用者動作之一實例為拖放。進—步 較佳地，該系統進一步包括在該一或多個組件中之至少一 者待插人至該文件中時應用—屬性參數集合中之至少—些 參數以轉換該組件的構件。 二 此外，該系統較佳進一步包括用於選擇一位置之構件， 一（多個）組件在該位置處插入該文件中，其中一屬性參數 集合係根據關於該選定位置之資訊來判^，且顯示已應用 該等所判定參數之該（等）組件之一預覽。 較佳進_步包括用於允許一使用者選擇待應用於該文件 之該屬性參數集合中之—些參數的構件，纟中顯示已應用 該等選定屬性參數中之κ組件的在此“ 下’該系統可進-步包㈣於將已應用該㈣定屬性參數 中之一些的組件插入至該文件中的構件。 因此，本發明之概況已描述為用於編輯電子文件之系 148726.doc 201115362 、一程式產品、一軟 ’該程式產品或軟體 之儲存媒體或一用於 統’但本發明亦可被理解為一程式 體、一軟體產品或一方法。舉例而言 產品可包括一儲存有上述程式或軟體 傳輸該程式或軟體之媒體。 應注意’上文所提及之本發明之概況不包括本發明之所 有必需特徵’且此等組成部分之組合或子組合亦可構成本 發明。 【實施方式】 現將參考伴隨圖式描述本發明之較佳實施例。應注意， 以下實施例不限制申請專利範圍之範疇中所描述之本發 明，且並不需要實施例中所描述之全部特徵組合作為解析 本發明之手段》 此外，本發明可以多種不同模式執行且不應限於實施例 中所描述之内容。應注意，在實施例t始終使用相同參考 數字表示相同元件。 本發明之實施例包括編寫系統丨00，其具有被引入至獨 立資訊處理裝置中之編寫軟體。圖丨展示根據本發明之實 施例的編寫系統100之外觀之實例。根據本發明之實施例 之編寫系統包括鍵盤6、滑鼠7及顯示器件11。 使用者可經由一以視窗為基礎之围形使用者介面操作輸 入器件���諸如，鍵盤6及���鼠7)，以用於將關於工作條件之 資訊可視地呈現在顯示器件丨丨上，從而以—互動方式將 web網頁作為一種電子文件來編輯。在視窗中顯示 WYSIWYG編輯器及多個材質之一預覽，且同時顯示用於 148726.doc •10- 201115362 向使用者提供以下功能的材質視圖：將選自該預覽之材質 插入至編輯目標文件中。 在本發明之實施例中，當設定用於編輯目標文件之佈景 主題時，不僅文件自身顯示於WYSIWYG編輯器中，而且 材質視圖中所顯示之多個材質之預覽亦經轉換，使得佈景 主題亦將應用於該等材質之預覽。使用者在檢視材質預覽 影像時選擇經轉換以應用佈景主題之材質且執行插入動 作。本發明之實施例中的材質插入動作之實例為自材質預 覽影像之材質視圖至編輯視圖的拖放。在本發明之實施例 中，可在將材質實際插入至文件前獲得插入材質後之影 像’藉此改良使用者便利性。 圖2為展不一貧訊處理裝置之硬體組態之實例的方塊 圖’該資訊處理《置適合於實施根據本發明之實施例之編 寫系統資訊處理裝置包括cpu(中央處理單训及主 記憶體4 ’兩者均連接至匯流排2。諸如硬碟機m ; CD-臟光碟機26、29 ;軟磁碟機2〇 ; m〇光碟機28及 光碟機3 1之可卸除式儲存器（能夠替換記錄媒體之外 部儲存系統）經由軟碟機控制器i 9、ΙΜ控制器25、似咕 制器27及類似器件連接至匯流排2。 绪如軟性磁碟、M0、CD_R〇M、Dvd r〇m等之儲存媒 體插至可#除式儲存器中。此等儲存媒體（硬碟機η、 30及ROM 14)可記錄―電腦程式的程式碼，該電腦程式用 於協同作業系統對CPU及其類似者下達指令以執行本發 明。將該電腦程式載人至該主記憶體钟且執行該電腦程 148726.doc 201115362 式。該電腦程式亦可經壓縮，或分為兩個或兩個以上部分 且記錄於兩個或兩個以上媒體上。 資訊處理裝置經由鍵盤/滑鼠控制器5接收來自輸入号件 (諸如，鍵盤6及滑鼠7)之輸人。資訊處理裝置經由 DAC/LCDC 1G連接至顯示器#11以用於向使用者呈現可視 資料。 資訊處理裝置可經由網路配接器丨8(Ethernet⑧卡或符記 環卡）或其類似者連接至網路，從而與其他電腦及其類^ 者通信。儘管未，但亦可分賴由並料及串列缚連 接��表機及數據機。 自以上描述易於理解’適合於實施根據本發明之實施例 之編寫系統的資訊處理裝置實施為諸如通用個人電腦、工 作站、大型電腦，或其類似者或其組合的資訊處理裝置。 應注意，此等組件僅為說明性的且本發明並不需要所有組 件0 當然，熟習此項技術者可易於預期對實施本發明之實施 例中所使用的資訊處理裝置之硬體組態中之每一組件的各 種改變，諸如組合兩個或兩個以上機器且在其間分配功 能。此等改變自然包括於本發明之概念中。 本發明之實施例之編寫系統使用作業系統以用於支援 GUI(圖形使用者介面）多視窗環境’諸如由微軟公司提供 之 Windows®作業系統、由Appie c〇mputer Inc.提供之 Mac OS®或具有X視窗系統之UNIX®系統（例如，由國際商業機 器公司提供之AIX®)。 148726.doc -12· 201115362 、描述可理解，本發明之實施例中所使用之編寫系 統不限於特定的多視窗作業系統環境。 、=3為本發明之實施例的編寫系統1〇〇之功能方塊圓。應 /主思藉由使CPU 1在電腦程式（諸如，作業系統及儲存於 硬碟機13或其類似者中之編寫軟體）載入至主記憶體4後讀 取該電腦程式以使硬體資源與軟體協作，W之功能方塊 圖中之每-區塊可實施於具有圖2中所說明之硬體組態的 資訊處理裝置中。 本發月之實施例之編寫系統i 〇〇包括輸入，輸出器件 10、扁輯，.同頁健存器320、材質資料儲存器别、佈景主 題儲存器340及編寫.軟體35〇。輸入/輸出器件31〇具有顯示 圖形使用者介面每JL iKg 7|'l |%| — 飞其類似者以用於根據編寫軟體350之指 令在作業系統之桌面書面上建 — 堤立内谷之功能。輸入/輸出 器件3 1 0亦具有自掉作眘斜步？田么" 。 力曰铄作貪枓處理系統100之使用者接收資料 之操作及輸入以用於建立内容的功能。 本發'之實施例之編輯網頁料器32()將關於編輯目標文 件322的資料儲存為由編寫軟體35〇建立之_網頁。在本發 明之實施财，㈣™L語言格式建立此編輯目標文件322。 本發明之實施例之材質資 啊貝貧枓儲存器330將材質資料 332a... η儲存為待插入編輯目樟女彼m 士 保文件M2中之網頁組件（元 件）。在本發明之實施例中， 何負貝枓可包括（但不限於）影 像資料、動畫資料、向詈眘袓 ^ 貝Μ Γ7重貝枓、文字資料及町紙資料中 之任一者或此等資料之組人。# ' 編寫軟體3 5 〇之使用者可以 互動方式選擇儲存於材質眘��� 、符買貢㈣存器330中之材質且將其 148726.doc -13- 201115362 插入至該網頁中。 對=材質資料332a...n中之每一者，本發明之實施例之 材質貝料儲存器330亦儲存材質類型（照片、圖形或字元）、 材質類別、關於該材料之形狀變換之可用性的資訊，及關 於材質之色彩轉譯之可用性的資訊，在稍後描述之材質轉 換後考慮此等資訊項。 本發明之實施例之佈景主題儲存器340儲存關於具有整 體意義且待應用至編輯目標文件之佈景主題（色彩 '佈局 等）的資料。編寫軟體3 5〇之使用者可以互動方式自儲存於 佈景主題儲存器340中之佈景主題342a n選擇一待應用於 扁輯目軲文件322之佈景主題，且將該佈景主題應用於網 頁，從而建立具有整體意義之web内容。 圖12展示本發明之實施例中的佈景主題之實例（「柔和 單凋」佈景主題）。在本發明之實施例中，佈景主題由以 XML語言格式指定之一組參數組成，且建立為與編輯目標 文件分開的檔案（佈景主題檔案）。舉例而言，佈景主題檔 案之檔案名稱可為「···theme. xmi」。可僅在單一檔案中 或跨越兩個或兩個以上檔案指定使用者可指定之兩個或兩 個以上佈景主題。本發明之實施例中之標籤 <themecolor> ^ <themebgcol〇r> ^ <themetrans_col〇r> . <themetrans_shape> 、 <themetrans_border> 、 <themetrans_contrast> 、<themetrans_temparature> 、 〈themetrans—colortemp〉中的每一者用以指定待應用於待 插入材質的屬性參數。編寫軟體350之可應用參數判定區 I48726.doc -14· 201115362 段354及材質資料處理區段356紐考μ*楚is 于又解澤此4屬性參數中之至少 一些，且將該等參數應用於枒晳丨v結抬#从 ^ 何質以轉換該等材質，從而形 成可與相應佈景主題一起插入5 έέ· η 、個八至編軏目標文件中之材質及 例項（instance)之預覽。 ' [表 1] 標籤_ 〈description〉 指定内容 方法 <css path〉 待藉由編輯目標文件而 參考之CSS檔案之駐留 位置 入文子 檔案路徑/樓案名稱 (例如，hpb9tm05_8.css) 〈preview path〉 表示佈景k題之印象之 預覽影像檀案的駐留位 置 擋案路徑/檔案名稱 (例如：hpb9tm05_8.gif) 〈button path〉 — 低诹忡京主題之按鈕資 料之駐留位置 檔案路徑/檔案名稱 〈logo path〉 根據佈景主題之標誌資 料之駐留位置 檔案路徑/樓案名稱 <themecolor> 表示佈景主題之主要 色彩 色彩名稱(例如，紅色） 或RGB# (例如， #33FFAA) <themebgcolor> 表不佈景主題之主要背 景色彩 色彩名稱(例如，紅色） 或RGB# (例如， #33FFAA) 〈themetrans—color〉 根據佈景主題之色彩轉 譯方法 色彩轉‘方法名稱及值 (例如，monochrome， light) <themetrans_shape> 根據佈景主題之形狀變 換方法 形狀變換方法名稱及值 (例如，圓形，light) <themetrans_border> 根據佈熹主題之框架添 加方法 框架添加方法名稱及值 (例如，kabuki， medium) 〈themetrans—contrast〉 根據佈景主題之對比度 轉換方法 對比度名稱或值^乂.1: high，ex.2 : 255) 〈themetrans—temperature〉 根據佈景主題之���度 轉換 溫度轉換方法及溫度名 稱或值(ex.l : hot， ex.2 ： 35) 〈themetrans 一colortemp〉 根據佈景主題之色溫 轉換 色溫轉換方法及色溫名 稱或值(ex. 1 : daylight， ex.2 : 5600) -15- H8726.doc 201115362 以上已參看圖12描述本發明之實施例中的佈景主題之一 實例，其包括css檔案指定參數及根據XML規格設定之其 他參數。因為熟習此項技術者自上述非專利文件1及非專 利文件2已熟知XML及CSS語言規格，所以熟習此項技術 者可在閱讀本說明書後適當地實施建立處理程序。因此， 將省略進一步的詳細描述。 返回圖3，本發明之實施例之編寫軟體35〇存取儲存於網 頁儲存器320中之編輯目標文件322 ’且藉由在編寫系統 1〇〇之顯示器件11上展示圖形使用者介面（如稍後待描述之 在圖9至11中展示之視窗9〇〇)來向使用者提供以互動方式 編輯内容之功能。編寫軟體35〇包括佈景主題設定區段 352、屬性參數判定區段354、材f f料處理區段州、預 覽快取記憶體358、材質視圖控制器鳩及編輯視圖控制器 362。 本發明之實施例之佈景主題設定區段352具有如下功 能：允許使用者自儲存於上文所提及之佈景主題儲存器 34〇中之多個佈景主題選擇待應用於編輯 景主題’且識別該佈景主題。佈景主題設定區段352 ^ 有，定選定佈景主題之額外子參數(諸如，反映佈景主題 之程度或應反映佈景主題中之哪一參數）的功能。 处本發明之實施例之屬性參數判定區段354具有如下功 能·基於由佈景主題設定區段352選擇之佈景主題及子參 數來判定最終待應用於材質之參數集合。在本發明之實施 例中，由屬性參數判定區段354所判定之參數由材質資料 148726.doc 201115362 處理區段356應用於材質，從而導致材質轉換。 本發明之實施例之材質資料處理區段356具有如下功 能：根據來自材質視圖控制區段36〇之指令(例如，由材質 插入動作（諸如，將顯示於材質視圖中之材質拖放至編輯 視圖中之肩頁）產生之指令）而自材質資料儲存器3 〇掏取相 應材質資料，應用由屬性參數判定區段354所判定之參數 以轉換材質，及將材質遞交至編輯視圖控制區段3 62。材 質資料處理區段356亦具有如下功能：根據來自材質視圖 控制區段360之指令（例如，將材質預覽呈現為材質視圖之 指令）而自材質資料儲存器33〇擷取材質資料以產生預覽資 料，應用由屬性參數判定區段354所判定之參數集合中之 至少一些參數以轉換材質以便產生預覽影像，及將預覽影 像遞交至預覽快取記憶體3 5 8。 預覽快取記憶體358為一儲存區域，其用於暫時儲存關 於由材質資料處理區段356轉換之各別材質之預覽資料。 可藉由改變佈景主題或其類似者來再新儲存於預覽快取記 憶體358中之預覽資料。 材質視圖控制區段360將儲存於預覽快取記憶體358中之 預覽資料呈現為材質方塊，且回應於材質插入動作（諸 如，將顯示於材質方塊中之材質拖放至編輯視圖中之網 頁）而產生及發送用以執行與材質資料處理區段356相關之 處理的指令。 編輯視圖控制區段362向内容建立者提供在編輯編輯目 標文件322時使用之編輯視圖92〇。在本發明之實施例中， 148726.doc 201115362 編輯視圖92G為WYSIWYG編輯器，其具有能夠#在顯示螢 幕上所見地輸出web内容（諸如，HTML文件）之功能。 圖4為說明根據本發明之實施例的編寫系統1〇〇之操作的 机程圖4〇〇。此處理以步驟4〇5開始且在步驟4丨〇中初始 化系統，諸如開啟電源供應器及載入BI〇s及作業系統。接 下來，在步驟415中，回應於執行應用程式之使用者動作 (例如，雙點選桌面上表示編寫軟體35〇之圖符）而啟動編寫 軟體350。回應於編寫軟體35〇之啟動，作業系統在顯示於 顯示器件上之多視窗作業系統之桌面畫面上產生對應於經 啟動之編寫軟體350之視窗。 接著’處理進行至步驟42〇，其中使用者開啟編輯目標 文件322。在本發明之實施例中，編寫軟體35〇回應於開啟 呈web網頁形式之編輯目標文件332而自網頁儲存器32〇讀 取關於編輯目標文件322之資料，且將其顯示於畫面上。 舉例而言，可藉由雙點選桌面上對應於現有文件之圖符來 執行步驟420。亦可藉由自下拉式功能表選擇「新建文 件」以建立新文件來執行步驟42〇。在此狀況下，在網頁 儲存器320中形成新網頁資料。在任一狀況下，因為此步 驟已為吾人所熟知，所以熟習此項技術者可適當執行此步 驟。因此，此處省略進一步的詳細描述。 接著’處理進行至步驟425以判定是否使用佈景主題。 若步驟425中判定不使用佈景主題，則處理根據箭頭 「否」進行至步驟445而不設定任何待應用之屬性參數， 從而使用材質視圖及其類似者進行互動網頁編輯。 I48726.doc • 18 · 201115362 若步驟425中判定使用佈景主題功能，則處理根據箭頭 「是」進行至步驟430。在步驟430中，使用者根據編寫軟 體350之導覽來設定用於編輯目標文件322之佈景主題。佈 景主題由待應用於編輯目標網頁内之元件（包括材質）的一 或多個…生參數之集合組成，且此佈景主題之應用使得編 輯目標網頁能夠具有整體意義。 接下來，處理進行至步驟435以應用子參數。子參數指 示待插入至編輯目標文件中之材質應用佈景主題之程度。 接著，處理進行至步驟440以基於步驟430中設定之佈景主 題及步驟435中設定之子參數來判定最終待應用於材質的 參數’該材質待插入至編輯目標文件中。 接下來，處理進行至步驟445以使用材質視圖及其類似 者以互動方式編輯網頁。在步驟445中，使用者可操作圖9 中所展示之視窗以繼續按互動方式有效地建立内容。稍後 將參看圖5及圖6描述步驟445之細節。將參看圖9描述步驟 445中之對應於編寫軟體之視窗的實例。 處理進行至步驟450。在步驟45〇中，判定對編輯目標網 頁之編輯是否完成。若步驟45〇中判定未完成，則處理根 據箭頭「否」返回至步驟445，以繼續編輯目標文件^ 若步驟450巾判定編輯完成，則執行（諸如）儲存編輯内容的 終止處理，且處理根據箭頭「是」進行至步驟455以結 束。 接下來，將參看圖5之流程圖5〇〇及圖6之流程圖6⑼進— 步詳細描述圖4之步驟445中使肖材質視圖93〇進行網頁編 148726.doc •19- 201115362 輯之處理的實例。處理以步驟505開始，且在步驟5i〇中判 定是否使用材質視圖930。 若步驟5H)中判定不使用材質視圖93〇,則處理根據箭頭 「否」進行至步驟515以在不使用材質視圖93〇之情況下進 行網頁編輯。因為無需對不使用材質視圖93〇之情況下的 網頁編輯進行進一步的詳細描述，所以此處省略進一步的 詳細描述。接下來，處理進行至步驟52〇以結束（前進至步 驟 450)。 若在步驟510中判定使用材質視圖93〇，則處理根據箭頭 「是」進行至步驟525。在本發明之實施例中，當下達一 顯示材質視圖930之指令時，判定使用材質視圖93〇。在本 發明之實施例中，顯示材質視圖930之指令由點選標記為 「材質」之標籤下達，但此僅為實例且下達指令之方式不 限於此。舉例而言，當然可經由功能表列905或工具表列 910下達該指令。 在步驟525中’在材質總管935中瀏覽儲存材質之目錄， 以自儲存於材質資料儲存器33〇之每一目錄中之材質資料 查看所需材質。在本發明之實施例中，假定查看屬於影像 材質之圖例種類的與動物相關之材質。處理進行至步驟 530且自材質資料庫擷取在步驟530中查看之材質。 接著，處理進行至步驟535，以判定是否存在待應用於 一材質的一或多個屬性參數之集合，該材質待插入至編輯 目標網頁中。在本發明之實施例中，在步驟440中判定該 屬性參數集合。因此，若設定用於編輯目標網頁之佈.景主 I48726.doc 201115362 題’則判定存在屬性參數集合 编短s褲， 方面，右未設定用於 編輯目“頁之佈景主題，則判定不存在屬性參數隼人。 頭驟535中判定存在屬性參數集合，則處理根據箭 疋」進行至步驟54G，且將屬性參數集合應用 =中煎輯之用於預覽之材質。結果，轉換用： 材她變色彩、添加框架、改變亮度等）。之後，處理進 仃至步驟550’以將用於預覽之經轉換材質儲存於預覽快 取記憶體3 5 8中。 另一方面，若在步驟535中判定不存在屬性參數集人， 則處理根據箭頭「否」進行至步驟545，其中將在步驟53〇 令剪輯之用於預覽之材質按原樣用作最終用於預覽之材 質。之後，處理進行至步驟55〇，以將用於預覽之材質儲 存於預覽快取記憶體358中。 接著，處理進行至步驟555，其中在步驟55〇中所儲存之 用於預覽之材質以清單方塊形式置於材質方塊94〇中，且 以使得使用者可選擇其中之任一者之方式呈現。之後，處 理^由（入）560移至圖6所中展示之流程圖6〇〇。 此處，將描述根據本發明之實施例的包括材質視圖之使 用者介面。圖9展示本發明之實施例的編寫系統之圖形使 用者介面之實例（其中未設定佈景主題）。視窗9〇〇包括功能 表列905、工具表列910、編輯目標網頁顯示區域us、編 輯視圖920、HTML原始檔視圖925、材質視圖93〇、材質總 管935及材質方塊940。 功能表列905向使用者提供各種功能，諸如樓案操作及 148726.doc •21· 201115362 顯示控制。類似地’工具表列91 ���以按鈕圖符形式提供各 種功能（諸如，檔案操作及顯示控制）。藉由使用功能表列 905或工具表列910來開啟現有編輯目標網頁或建立新網 頁。因為表列之此等功能已為吾人所熟知，所以此處省略 其進一步的詳細描述。 網頁顯示區域915為顯示編輯目標網頁之區域。可以編 輯視圖920(其為WISIWIG編輯器）或HTML原始檔視圖 925(其以HTML格式顯示編輯目標網頁）形式在網頁顯示區 域中顯示編輯目標網頁。編輯視圖92〇具有回應於對編輯 目標網頁���編輯���將編輯目標網頁之顯示更新至最新版本 之功能。 材質視圖9 3 0向使用者呈現預先準備之網頁組件（影像、 動晝、聲音及其他網頁組件），使得使用者可使用此等材 質有效地建立網頁。材質視圖930包括材質總管935及材質 方塊940。 使用者可使用材質總管935瀏覽儲存有材質資料之目 錄°材質方塊940向使用者呈現駐留於由材質總管935指定 之目錄中的材質資料。接著’使用者可選擇呈現於材質方 塊940中之材質中之一者，且執行材質插入動作，諸如拖 放至編輯視圖920之網頁顯示區域915以插入選定 此致能内容之有效建立。 曰 作為内容建立者之使用者可將視窗_用作編寫軟體350 ^互動式圖形使用者介面以對編輯目標文件322進行編 輯，從而有效地建立web内容，該互動式圖形使用者介面 148726.doc -22- 201115362 包括此等使用者介面元件905至940。 應注意，因為未經由圖9中所展示之本發明之實施例的 、爲寫系、、先之圖形使用者介面設定佈景主題，所以材質視圖 中所展示之材質之預覽由原始材質之縮圖本身組成。 接下來參看圖1〇，描述當與範本一起設定佈景主題時本 發明之實施例的編寫系統之圖形使用者介面之另一實例。 在圖10中所展示之實例中’假定選擇「柔和單調」作為待 應用於編輯目標網頁之佈景主題。因為已參看圖12進行對 佈景主題「柔和單調」之描述，所以此處省略其詳細描 心〜因為佈景主題「柔和單調」經設定以用於編 輯目標網頁’所以材質視圖9辦所展示之每—材質變為 比圖9中所展示之材質更柔和單調。 流程圖600以㈧56〇開始。接下來，在步_5卜 質方塊94G中選擇待插人之材f。接著，處理進行 61〇’其中執行某一材質插入動作，亦、即，在本發明之： 施例中，將顯示於材質視圖中之材質拖放至 網頁上。 T之 在步驟610中之材質插入動作後，處理進行至步驟615, 以判疋疋否存在待應用於編輯目標網頁内之材質之屬性 數集合。如上文所提及’在本發明之實施例中 _中判定此屬性參數集合。因1若較用於編輯目= :頁之：景主題’則判定存在屬性參數集合。另—方面「 若未設定用於編輯目標網頁之佈景主題，則判定， 性參數集合。 在屬 148726.doc -23- 201115362 从在v驟615中判疋存在屬性參數集合，則處理根據箭 頭「是」進行至步驟620,且將屬性參數應用至步驟6〇5中 選擇之材質。因此，轉換材質(改變色彩、添加框架、改 變亮度等）。之後，處理進行至步驟63〇，以將經轉換材質 插入至編輯目標文件322中。接著’處理進行至步驟奶以 結束（前進至步驟450)。 「步驟61 5中判定不存在屬性參|，則處理根據箭頭 「否」進行至步驟625，其中按照原樣採用並複製在步驟 6〇5中選擇之材質作為最終插入之材質。之後，處理進行 至步驟630 ’以將該材質插入至編輯目標文件中。接 著，處理進行至步驟635以結束（前進至步驟45〇)。 圖U展示對應於編寫軟體35〇之视窗（插入材質後）之又 -實例’該視窗顯示於根據本發明之實施例的編寫系統 :〇〇之顯示器件上。應注意’因為選擇「柔和單調」作為 待應用於編輯目標網頁之佈景主題，所以展示於材質視圖 930「中之材質之預覽及新近插人編輯目標文件中之材質變 為「柔和單調J ，該編輯目標文件顯示於編輯視圖92〇 中。 接下來參看圖7之流程圖7〇〇及圖8之流程圖8〇〇，將描述 圖4之步驟445中使用材質視圖930及其類似者之網頁編輯 處理之另一實例。此實例中，取決於材質待插入編輯目標 網頁中所在之位置，待應用之參數可對應於不同佈景主 題。 流程圖700及800與流程圖5〇〇及6〇〇幾乎相同，且每—相 148726.doc -24· 201115362 應步驟之處理内容本質上相同。然而’應注意此實例辦加 以下各項：在步驟725中選擇材質插入位置，在步驟7二中 取決於材質插入位置而判定參數，及在步驟82〇中取決於 材質插入位置而判定參數。舉例而言，在此等步驟中藉 由在編輯視圖中點選預期插入材質之位置來選擇材質插二 位置。取決於該選擇而判定待應用於材質之屬性來數集 合。應用所判定之屬性參數集合以形成顯示於材質視圖中 之預覽及待插入編輯視圖中之材質。 作為一實例，為執行此等步驟，在系統中儲存描述編輯 目標文件中之位置與待應用屬性參數之間的對應關係的標 案，使得在步驟745及82〇中可使用該檔案判定待應用於在 步驟725中選擇之材質插入位置之屬性參數。在該權案 中可使用關於由XPath或其類似者表示之標籤组態的位 置貧訊指定編輯目標文件中之位置，或可使用選擇樣式 (諸如’類別、⑴或標籤）之樣式選擇器指定該位置。然 而，指定位置之方法不限於此等方法。 圖13及圖14展示本發明之實施例中的根據Η T M L規格建 立之編輯目標文件322之實例。圖13展示插人材質前之 HTML原始樓且圖14展+你> u μ 間展不插入材質後之HTML原始檔。應 庄思在如圖13所展不之插入材質前之編輯目標文件中， 指定與選定佈景主題（亦即，在佈景主題檔案中指定）相關 聯之CSS( P白層式樣式表（Cascading sheet))樓案 (「hpb9tm〇5_8.ess」）。可藉由改變佈景主題來改變此編 輯目標文件中之CSS檔案之指定。 148726.doc •25- 201115362 在本發明之實施例中，識別待應用於編輯目標網頁之佈 景主題檔案之屬性參數集合。應注意，在如圖13所展示之 插入材質後之網頁中，插入藉由應用佈景主題檔案中所包括 之屬性參數集合而轉換之材質（「file:///c:/D〇cumentsandSpecification, World Wide Web Consortium, December 12, 1999. SUMMARY OF THE INVENTION IBM WebSphere Studio Homepage Builder provides the following functions to the user. By performing a material insertion action, the material is inserted into the editing target file by dragging and dropping the material from the material view (a file component). in. In IBM WebSphere Studi〇 H〇mepage Builder' When you select a scene theme for editing a target file, the scene theme is applied to the material and inserted into the editing target file in response to a drag-and-drop operation. However, 'unless the material has been inserted, the money can't recognize the final appearance of the material. For example, 'when the material that has been actually inserted into the set theme is different from the user's first thought, the user may be forced to try multiple times to find the appropriate shape. quality. None of the aforementioned related art towels can solve the problem of reducing user convenience. Accordingly, it is an object of the present invention to provide a system, software and method for efficiently supporting editing of electronic files. 148726.doc 201115362 To achieve the above objectives, a system for editing an electronic file is provided. The system includes means for identifying a set theme, the set theme to be applied to an electronic file to be edited, and means for displaying the file and a preview of one or more components to be inserted into the file. The preview is formed and presented prior to insertion of at least one of the components by applying the identified scenery theme to one or more components. The preview is preferably formed by applying a set of attributes associated with the identified scenery theme or a plurality of attribute parameters to the one or more components. Preferably, the system further includes means for identifying at least one of the - or plurality of components and inserting the component into the file in response to the predetermined operator action. An example of this predetermined user action is drag and drop. Further preferably, the system further comprises at least one of the application-attribute parameter sets to convert the components of the component when at least one of the one or more components is to be inserted into the file. In addition, the system preferably further includes means for selecting a location at which the component(s) are inserted into the file, wherein a set of attribute parameters is determined based on information about the selected location, and A preview of one of the (etc.) components to which the determined parameters have been applied is displayed. Preferably, the step 301 includes means for allowing a user to select some of the parameters to be applied to the set of attribute parameters of the file, and wherein the κ component of the selected attribute parameters has been applied 'The system can further package (4) the components that have applied some of the (4) attribute parameters into the file. Therefore, the overview of the present invention has been described as a system for editing electronic files 148726.doc 201115362, a program product, a soft storage medium or software for the program product or software, but the invention may also be understood as a program, a software product or a method. For example, the product may include a storage The above-mentioned program or software transmits the medium of the program or software. It should be noted that 'the overview of the invention mentioned above does not include all the essential features of the invention' and combinations or sub-combinations of such components may also constitute the invention. [Embodiment] The preferred embodiment of the present invention will now be described with reference to the accompanying drawings. It should be noted that the following embodiments do not limit the present invention as described in the scope of the claims. It is to be understood that all of the combinations of features described in the embodiments are not required as a means of interpreting the invention. In addition, the invention can be implemented in many different modes and should not be limited to what is described in the embodiments. It should be noted that in the embodiment t The same reference numerals are used to refer to the same elements. Embodiments of the present invention include a writing system 00 having a writing software that is incorporated into an independent information processing device. The appearance of the writing system 100 in accordance with an embodiment of the present invention is shown. An authoring system according to an embodiment of the present invention includes a keyboard 6, a mouse 7, and a display device 11. The user can operate the input device via a window-based peripheral user interface (such as keyboard 6 and mouse 7). ) for visually presenting information about working conditions on the display device, thereby interactively editing the web page as an electronic file. Displaying the WYSIWYG editor and previewing one of the multiple materials in the window And at the same time display the material view for 148726.doc •10- 201115362 to provide the following functions to the user: will be selected from The material of the view is inserted into the edit target file. In the embodiment of the present invention, when setting the theme for editing the target file, not only the file itself is displayed in the WYSIWYG editor, but also multiple materials displayed in the material view. The preview is also converted so that the theme of the set will also be applied to the preview of the materials. The user selects the material converted to apply the theme of the theme and performs the inserting action when viewing the preview image of the material. The material insertion in the embodiment of the present invention An example of the action is drag and drop from the material view of the material preview image to the edit view. In the embodiment of the present invention, the image after inserting the material can be obtained before the material is actually inserted into the file, thereby improving user convenience. 2 is a block diagram showing an example of a hardware configuration of a display processing device. The information processing device is adapted to implement a system for processing a system according to an embodiment of the present invention, including a cpu (Central Processing Single Training and Main The memory 4' is connected to the busbar 2. Such as hard disk drive m; CD-dirty optical drive 26, 29; floppy disk drive 2 〇; m 〇 optical disk drive 28 and optical drive 3 1 removable storage (external storage system capable of replacing recording media) via soft A disk drive controller 9, a controller 25, a controller 27, and the like are connected to the bus bar 2. The storage medium such as the flexible disk, M0, CD_R〇M, Dvd r〇m, etc. is inserted into the #divide storage. These storage media (hard disk drives η, 30 and ROM 14) can record a "computer program code" for the collaborative operating system to issue instructions to the CPU and the like to execute the present invention. The computer program is carried to the main memory clock and the computer program is executed 148726.doc 201115362. The computer program can also be compressed or divided into two or more parts and recorded on two or more media. The information processing device receives input from an input number such as the keyboard 6 and the mouse 7 via the keyboard/mox controller 5. The information processing device is coupled to display #11 via DAC/LCDC 1G for presenting visual information to the user. The information processing device can be connected to the network via a network adapter ( 8 (Ethernet 8 card or token ring card) or the like to communicate with other computers and their class. Although not, it is also possible to rely on parallel and serial binding of printers and data machines. It is easy to understand from the above description that an information processing apparatus suitable for implementing a writing system according to an embodiment of the present invention is implemented as an information processing apparatus such as a general-purpose personal computer, a workstation, a large-sized computer, or the like or a combination thereof. It should be noted that these components are merely illustrative and that the present invention does not require all components. Of course, those skilled in the art can readily expect a hardware configuration of the information processing apparatus used in the embodiments of the present invention. Various changes to each component, such as combining two or more machines and distributing functions therebetween. Such changes are naturally included in the concept of the invention. The authoring system of an embodiment of the present invention uses an operating system for supporting a GUI (Graphical User Interface) multi-window environment such as a Windows® operating system provided by Microsoft Corporation, Mac OS® provided by Appie c〇mputer Inc. or A UNIX® system with an X Window System (for example, AIX® from International Business Machines Corporation). 148726.doc -12. 201115362. Description It will be understood that the authoring system used in embodiments of the present invention is not limited to a particular multi-window operating system environment. And =3 is a functional block circle of the writing system 1 of the embodiment of the present invention. Should be read by the CPU 1 to load the computer program (such as the operating system and the software stored in the hard disk drive 13 or the like) into the main memory 4, and then read the computer program to make the hardware Resources and software cooperate, and each block in the functional block diagram of W can be implemented in an information processing apparatus having the hardware configuration illustrated in FIG. 2. The writing system i of the embodiment of the present month includes an input, an output device 10, a flat series, a same page buffer 320, a material data storage device, a set theme storage 340, and a writing software 35. The input/output device 31 has a display graphical user interface per JL iKg 7|'l |%| — flying similar to it for writing on the desktop of the operating system according to the instructions for writing the software 350 - 堤立内谷Features. Input/Output Device 3 1 0 also has a self-dropping step? Tianmo " The function of the user of the greedy processing system 100 to receive data and input for establishing content. The edit web pager 32 of the embodiment of the present invention stores the data about the edit target file 322 as a web page created by the authoring software 35. In the implementation of the present invention, the edit object file 322 is created in the (4) TML language format. The material resource 332a... η of the embodiment of the present invention stores the material data 332a... η as a web page component (component) to be inserted into the editing file. In the embodiment of the present invention, any negative image may include, but is not limited to, image data, animation data, any of the 詈 袓 袓 Μ Μ Μ Γ Γ 枓 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字 文字Group of people such as data. # ' Write software 3 5 〇 Users can interactively select the material stored in the material carefully, the 买 贡 (4) 存 存 330 and insert 148726.doc -13- 201115362 into this page. For each of the material materials 332a...n, the material material storage 330 of the embodiment of the present invention also stores the material type (photo, graphic or character), the material type, and the shape change of the material. Information on usability and information on the usability of color translation of materials is considered in the material conversions described later. The scene theme storage 340 of the embodiment of the present invention stores material on a theme (color 'layout, etc.) having an overall meaning and to be applied to an editing target file. The user who writes the software can interactively select a set theme to be applied to the flat album 322 from the set theme 342a stored in the set theme storage 340, and apply the set theme to the webpage, thereby Create web content with overall meaning. Figure 12 shows an example of a set theme ("soft single" theme) in an embodiment of the present invention. In an embodiment of the present invention, the scenery theme is composed of a group of parameters specified in an XML language format, and is created as a separate file from the editing target file (the theme file). For example, the file name of the theme theme file can be "···theme. xmi". Two or more set themes that the user can specify can be specified in a single file or across two or more files. The label <themecolor> ^ <themetrans_col〇r> . <themetrans_shape>, <themetrans_border>, <themetrans_contrast>, <themetrans_temparature>, <themetrans- Each of the colortemp> is used to specify an attribute parameter to be applied to the material to be inserted. Write the applicable parameter determination area of the software 350 I48726.doc -14· 201115362 Section 354 and the material data processing section 356 New Tester μ* Chuis to solve at least some of the 4 attribute parameters, and apply the parameters桠 桠 丨 结 结 结 结 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从 从. '[Table 1] Tag_ <description> Specify content method <css path> Resident location of the CSS file to be referenced by editing the target file. Subfile path/stall name (for example, hpb9tm05_8.css) <preview path 〉 Indicates the image of the preview of the image of the scene. The location of the image file/file name (for example: hpb9tm05_8.gif) <button path> — The location of the button data of the low-lying theme button file/file name Logo path> The location file file/project name according to the theme of the set theme/the name of the building<themecolor> indicates the main color color name of the set theme (for example, red) or RGB# (for example, #33FFAA) <themebgcolor> The main background color of the theme of the scene theme color name (for example, red) or RGB# (for example, #33FFAA) <themetrans-color> The color translation method according to the theme of the set color color method name and value (for example, monochrome, light) < Themetrans_shape> The shape transformation method name and value according to the shape transformation method of the theme of the scene (example For example, circle, light) <themetrans_border> Add a method frame according to the framework of the theme of the cloth to add the method name and value (for example, kabuki, medium) <themetrans—contrast> Contrast conversion method according to the theme of the scene theme Contrast name or value ^乂.1: high, ex.2 : 255) <themetrans-temperature> The temperature conversion temperature conversion method and temperature name or value according to the theme of the set (ex.l : hot, ex.2 : 35) <themetrans a colortemp> according to the set The subject color temperature conversion color temperature conversion method and color temperature name or value (ex. 1 : daylight, ex. 2 : 5600) -15- H8726.doc 201115362 An example of the scenery theme in the embodiment of the present invention has been described above with reference to FIG. It includes the css file specification parameters and other parameters set according to the XML specification. Since those skilled in the art have already known XML and CSS language specifications from the above-mentioned non-patent document 1 and non-patent document 2, those skilled in the art can appropriately implement the establishment processing procedure after reading this specification. Therefore, further detailed description will be omitted. Returning to FIG. 3, the authoring software 35 of the embodiment of the present invention accesses the edit target file 322' stored in the web page storage 320 and displays the graphical user interface on the display device 11 of the writing system 1 (eg, The window shown in Figures 9 through 11 to be described later is provided to provide the user with the ability to edit the content interactively. The writing software 35 includes a set theme setting section 352, an attribute parameter determining section 354, a material processing section state, a preview cache memory 358, a material view controller, and an edit view controller 362. The set theme setting section 352 of the embodiment of the present invention has a function of allowing a user to select a plurality of set theme selected from the set theme storage 34 上文 mentioned above to be applied to the edited view theme and recognize The set theme. Scene theme setting section 352 ^ Yes, the function of the additional sub-parameters of the selected scene theme (such as reflecting the extent of the theme or reflecting which of the scene themes). The attribute parameter decision section 354 of the embodiment of the present invention has the function of determining the parameter set to be finally applied to the material based on the set theme and sub-parameters selected by the set theme setting section 352. In an embodiment of the present invention, the parameters determined by the attribute parameter decision section 354 are applied to the material by the material data 148726.doc 201115362 processing section 356, resulting in material conversion. The material data processing section 356 of the embodiment of the present invention has the function of: according to the instruction from the material view control section 36 (for example, by a material insertion action (such as dragging and dropping a material displayed in the material view to the edit view) In the material data storage device 3, the corresponding material data is extracted, the parameters determined by the attribute parameter determination section 354 are applied to convert the material, and the material is submitted to the edit view control section 3 62. The material data processing section 356 also has the function of extracting material data from the material data store 33 to generate preview data based on instructions from the material view control section 360 (eg, rendering the material preview as a material view command). At least some of the parameters determined by the attribute parameter determination section 354 are applied to convert the material to generate a preview image, and the preview image is delivered to the preview cache memory 358. The preview cache 358 is a storage area for temporarily storing preview material for the respective materials converted by the material data processing section 356. The preview material in the preview cache memory 358 can be newly stored by changing the set theme or the like. The material view control section 360 renders the preview data stored in the preview cache 358 as a material square, and responds to the material insertion action (such as dragging and dropping the material displayed in the material square to the webpage in the edit view). Instructions for executing the processing associated with the material material processing section 356 are generated and transmitted. The edit view control section 362 provides the content creator with an edit view 92 使用 that is used when editing the edit target file 322. In an embodiment of the present invention, 148726.doc 201115362 Edit View 92G is a WYSIWYG editor with the ability to output web content (such as HTML files) that can be seen on the display screen. 4 is a machine diagram 4A illustrating the operation of the authoring system 1 in accordance with an embodiment of the present invention. This process begins with step 4〇5 and initializes the system in step 4, such as turning on the power supply and loading the BI〇s and operating system. Next, in step 415, the authoring software 350 is launched in response to the user action of the executing application (e.g., double clicking on the desktop to indicate the icon for writing the software 35). In response to the initiation of writing the software 35, the operating system produces a window corresponding to the launched authoring software 350 on the desktop screen of the multi-window operating system displayed on the display device. The process then proceeds to step 42 where the user opens the edit target file 322. In the embodiment of the present invention, the authoring software 35 reads the information about the editing target file 322 from the web page storage 32 in response to opening the editing target file 332 in the form of a web page, and displays it on the screen. For example, step 420 can be performed by double clicking on the icon corresponding to the existing file on the desktop. Step 42 can also be performed by selecting "New File" from the drop-down menu to create a new file. In this case, new web material is formed in the web page storage 320. In either case, because this step is well known to us, this technique can be performed by those skilled in the art. Therefore, further detailed description is omitted here. The process then proceeds to step 425 to determine if the set theme is to be used. If it is determined in step 425 that the set theme is not used, the process proceeds to step 445 according to the arrow "No" without setting any attribute parameters to be applied, thereby performing interactive web page editing using the material view and the like. I48726.doc • 18 · 201115362 If it is determined in step 425 that the set theme function is used, the process proceeds to step 430 according to the arrow "Yes". In step 430, the user sets the theme for editing the target file 322 based on the navigation of the authoring software 350. The theme of the scene consists of a collection of one or more parameters of the component (including the material) to be applied to the editing target web page, and the application of the theme of the scene enables the editing of the landing page to have an overall meaning. Next, the process proceeds to step 435 to apply the sub-parameters. The sub-parameter indicates the extent to which the material to be inserted into the editing target file applies the theme of the scene. Next, the process proceeds to step 440 to determine the parameter to be finally applied to the material based on the set theme set in step 430 and the sub-parameters set in step 435. The material is to be inserted into the edit target file. Next, processing proceeds to step 445 to interactively edit the web page using the material view and its likes. In step 445, the user can operate the window shown in Figure 9 to continue to effectively build content interactively. Details of step 445 will be described later with reference to FIGS. 5 and 6. An example of the window corresponding to the writing of the software in step 445 will be described with reference to FIG. Processing proceeds to step 450. In step 45, it is determined whether the editing of the edit target web page is completed. If the determination in step 45 is not completed, the process returns to step 445 according to the arrow "No" to continue editing the target file. If the step 450 determines that the editing is completed, the processing of ending the editing of the editing content is performed, for example, and the processing is based on The arrow "Yes" proceeds to step 455 to end. Next, referring to the flowchart of FIG. 5 and the flowchart of FIG. 6 (9), the processing of the material page 93 is performed in step 445 of FIG. 4 to perform the processing of the webpage 148726.doc •19-201115362. An example. Processing begins with step 505 and determines whether material view 930 is used in step 5i. If it is determined in step 5H) that the material view 93 is not used, the processing proceeds to step 515 according to the arrow "No" to perform web page editing without using the material view 93. Since there is no need to further describe the web page editing without using the material view 93〇, a further detailed description is omitted here. Next, the process proceeds to step 52 to end (advance to step 450). If it is determined in step 510 that the material view 93 is used, the process proceeds to step 525 according to the arrow "YES". In the embodiment of the present invention, when an instruction to display the material view 930 is issued, it is determined that the material view 93 is used. In the embodiment of the present invention, the instruction to display the material view 930 is issued by the label marked as "material", but this is only an example and the manner of issuing the instruction is not limited thereto. For example, the instruction can of course be issued via function list column 905 or tool list column 910. In step 525, the directory of the stored materials is browsed in the material manager 935, and the required materials are viewed from the material data stored in each of the material data storages 33. In an embodiment of the invention, it is assumed that the animal-related material belonging to the legend of the image material is viewed. Processing proceeds to step 530 and the material viewed in step 530 is retrieved from the material database. Next, the process proceeds to step 535 to determine if there is a set of one or more attribute parameters to be applied to a material to be inserted into the edit target web page. In an embodiment of the invention, the set of attribute parameters is determined in step 440. Therefore, if you set the cloth for editing the target page, you can determine that there is a set of attribute parameter sets, and the right side is not set to edit the theme of the page. If the attribute parameter set is determined in the first step 535, the process proceeds to step 54G according to the arrow, and the attribute parameter set is applied to the material used for previewing. As a result, the conversion uses: material she changes color, adds frame, changes brightness, etc.). Thereafter, the process proceeds to step 550' to store the converted material for preview in the preview cache 358. On the other hand, if it is determined in step 535 that there is no attribute parameter set person, the process proceeds to step 545 according to the arrow "No", wherein the material for previewing of the clip is used as it is for the final use in step 53. Preview the material. Thereafter, the process proceeds to step 55A to store the material for preview in the preview cache 358. Next, the process proceeds to step 555, in which the material for preview stored in step 55 is placed in the material block 94A in the form of a list box, and is presented in such a manner that the user can select any of them. Thereafter, the process moves from (in) 560 to the flow chart 6 shown in FIG. Here, a user interface including a material view according to an embodiment of the present invention will be described. Figure 9 shows an example of a graphical user interface of a authoring system in accordance with an embodiment of the present invention (where the set theme is not set). The window 9 includes a function table column 905, a tool table column 910, an edit target page display area us, an edit view 920, an HTML source view 925, a material view 93, a material manager 935, and a material block 940. The function list 905 provides various functions to the user, such as the operation of the building and 148726.doc • 21·201115362 display control. Similarly, the 'Tools Table 91' provides various functions in the form of button icons (such as file operations and display controls). Open an existing editing target web page or create a new web page by using menu list 905 or tool table column 910. Since such functions of the list are well known to the person, further detailed description thereof is omitted herein. The web page display area 915 is an area for displaying an edit target web page. The edit target web page can be displayed in the web page display area in the form of an edit view 920 (which is a WISIWIG editor) or an HTML source view 925 (which displays the edit target web page in HTML format). The edit view 92 has the function of updating the display of the edit target web page to the latest version in response to editing the edit target web page. The material view 930 presents the pre-prepared web components (images, animations, sounds, and other web components) to the user so that the user can use these materials to effectively create web pages. The material view 930 includes a material manifold 935 and a material block 940. The user can use the material manager 935 to browse the directory in which the material data is stored. The material box 940 presents the user with the material data residing in the directory specified by the material manager 935. The user then selects one of the materials presented in the material block 940 and performs a material insertion action, such as dragging and dropping to the web page display area 915 of the edit view 920 to insert an effective creation of the selected enabled content. As a user of the content creator, the window _ can be used as a writing software 350 ^ interactive graphical user interface to edit the editing target file 322 to effectively create web content, the interactive graphical user interface 148726.doc -22- 201115362 includes such user interface elements 905 to 940. It should be noted that since the set theme is set for the writing system and the first graphic user interface, the preview of the material displayed in the material view is a thumbnail of the original material. It is composed by itself. Referring next to Fig. 1, another example of a graphical user interface of the authoring system of an embodiment of the present invention when setting the theme of the scene together with the template will be described. In the example shown in Fig. 10, it is assumed that "soft monotony" is selected as the theme of the scene to be applied to the editing target web page. Since the description of the theme "soft monotony" has been made with reference to FIG. 12, the detailed description is omitted here because the set theme "soft monotony" is set for editing the target web page. - The material becomes softer and more monotonous than the material shown in Figure 9. Flowchart 600 begins with (eight) 56〇. Next, the material f to be inserted is selected in the step _5 quality block 94G. Next, the process proceeds to 61 〇' in which a material insertion operation is performed, that is, in the present invention: in the embodiment, the material displayed in the material view is dragged and dropped onto the web page. After the material insertion operation in step 610, the process proceeds to step 615 to determine whether there is a set of attribute numbers of the material to be applied to the edit target web page. As mentioned above, this attribute parameter set is determined in _ in the embodiment of the present invention. If 1 is used for editing the content = : page: scene subject' then it is determined that there is a set of attribute parameters. On the other hand, if the set theme for editing the target page is not set, the set of sexual parameters is determined. In the case of 148726.doc -23- 201115362, the set of attribute parameters is judged from v 615, and the processing is based on the arrow " Yes, proceed to step 620 and apply the attribute parameters to the material selected in step 6〇5. Therefore, convert the material (change color, add frame, change brightness, etc.). Thereafter, the process proceeds to step 63A to insert the converted material into the edit target file 322. The process then proceeds to the step milk to end (advance to step 450). "If it is determined in step 61 that there is no attribute parameter |, the process proceeds to step 625 according to the arrow "NO", and the material selected in step 6〇5 is adopted and copied as the material of the final insertion as it is. Thereafter, the process proceeds to step 630' to insert the material into the edit target file. Next, the process proceeds to step 635 to end (advance to step 45A). Figure U shows a window corresponding to the window in which the software 35 is written (after inserting the material) - the window is displayed on the display device according to the embodiment of the present invention. It should be noted that 'because of the selection of "soft monotony" as the theme of the scene to be applied to the editing target page, the material displayed in the material view 930" and the material in the newly inserted editing target file becomes "soft monotonous J". The edit target file is displayed in the edit view 92. Next, referring to the flowchart 7 of FIG. 7 and the flowchart 8 of FIG. 8, a web page using the material view 930 and the like in step 445 of FIG. 4 will be described. Another example of editing processing. In this example, depending on where the material is to be inserted into the editing target web page, the parameters to be applied may correspond to different scenery themes. Flowcharts 700 and 800 and Flowcharts 5 and 6 Almost the same, and each phase 148726.doc -24· 201115362 The processing of the steps should be essentially the same. However, it should be noted that this example adds the following: Select the material insertion position in step 725, which depends on step 7 The parameters are determined at the material insertion position, and the parameters are determined in step 82 by depending on the material insertion position. For example, in these steps, by editing The midpoint is selected to insert the position of the material to select the position of the material. According to the selection, the attribute to be applied to the material is determined. The set of attribute parameters determined by the application is used to form a preview displayed in the material view and to be inserted. Editing the material in the view. As an example, in order to perform these steps, a table describing the correspondence between the position in the editing target file and the attribute parameter to be applied is stored in the system, so that in steps 745 and 82 The file is used to determine the attribute parameter to be applied to the material insertion position selected in step 725. In the weight, the position in the edit target file can be specified using the positional information about the label configuration represented by XPath or the like. The location may be specified using a style selector of a selection style such as 'category, (1) or label.) However, the method of specifying the location is not limited to such methods. Figures 13 and 14 show the basis in the embodiment of the present invention. An example of an edit target file 322 created by the TML specification. Figure 13 shows the HTML original building before inserting the material and Figure 14 shows + you > u μ The original HTML file is not inserted after the material. In the edit target file before inserting the material as shown in Figure 13, specify the CSS associated with the selected set theme (that is, specified in the set theme file). P Cascading sheet) ("hpb9tm〇5_8.ess"). The specification of the CSS file in this edit target file can be changed by changing the theme of the scene. 148726.doc • 25- 201115362 In an embodiment of the invention, a set of attribute parameters of a scene theme file to be applied to the edit target web page is identified. It should be noted that in the web page after inserting the material as shown in Fig. 13, the material converted by applying the attribute parameter set included in the set theme file is inserted ("file:///c:/D〇cumentsand"
Settings/user/AppJicationData/application/tmp/hb9tm05_8/ani016.gifj ) 〇 如上文所提及，儘管已參看圖丨3及圖14描述本發明之實 施例中的編輯目標文件322呈根據HTML規格建立之web網 頁形式的實例，但如非專利文件3及其類似者中所描述， HTML規格之細節已為熟習此項技術者所熟知。因此，因 為閱讀此說明書之熟習此項技術者可對内容做出添加及改 變’所以省略進一步的詳細描述。 如上所述，根據本發明之實施例，可提供有效地支援 web内容形式之電子文件（網頁）之編輯及建立的編寫系 統、軟體及方法。易於瞭解，可提高操作内容編寫系統以 建立内容之使用者之生產力。 本發明可由硬體、軟體或硬體及軟體之組合實施。由硬 體及軟體之組合實施之典型實例為具有職程式之資料處 理系統中之實施。在此狀況下，將預定程式載入至資料處 理系統中且執行該程式。結果，程式控制資料處理系統以 執行根據本發明之處理。此程式由能夠以任何語言、程式 碼、標記法表^之指令集^。《令集允直接i 在執二以下步驟中之—者或兩者後執行特定功能：i•轉換 至：一語言、程式碼、標記法，及2.複製至另一媒體。 虽然’本發明之範疇不僅包括此程式本身，而且包括上 148726.doc -26- 201115362 面記錄有該程式之媒體。用 ^ . 用於實施本發明之特徵的程式可 儲存於任何電腦可讀記錄 蛛體（诸如，軟性磁碟、MO ' CD-ROM、DVD、硬碟樁、μ、 '、機 R〇M、MRAM 或 RAM)上。此 程式可儲存於一記錄媒體 次 此係糟由自通信線連接之另 一貝料處理系統下載或自 _ a Α. 另—s己錄媒體複製而進行。此 外’該程式可經壓縮，或分夕 兄刀為多個部分且儲存於單一或多 個記錄媒體中。應注意，可 J以各種形式提供用於執行本發 明之程式產品。 熟習此項技術者將顯而县目 ,,易見，可對上述實施例添加各種 改皮或改良。舉例而言，儘 協s在本發明之貫施例中將佈景 :題樓案中所包括之屬性參數集合應用至材質以建立預 \但可允許❹者選擇待應料編輯目標文件之屬性參 之一些，使得將顯示已應用選定屬性參數中之一些之 組件的預覽。在此狀況下， — 將已應用選疋屬性參數中之 :些的組件插入至編輯目標文件���。������，在本發明之實 把例中，材質可為影像資料、動畫資料、向量資料、文字 資料及_L資料中之任一者或其組合。然而，可使用可 插入至電子文件中的所有其他類型之組件。當然，此改變 或改良包括在本發明之技術範疇中。 【圖式簡單說明】 / ^展T根據本發明之較佳實施例的資料處理系統之 外觀之實例的視圖； 圖2為展示―資訊處理裝置之硬體組態之實例的方塊 圖’該資訊處理裳置適合於實施根據本發明之實施例之資 148726.doc •27· 201115362 料處理系統； 圖3為根據本發明之實施例的編寫系統之功能方塊圖； 圖4為說明根據本發明之實施例的編寫系統之操作的流 程圖； 圖5為說明本發明之第一實施例中的編寫系統之操作之 流程圖（上半部分）； 圖6為說明本發明之第一實施例中的編寫系統之操作的 流程圖（下半部分）； 圖7為說明本發明之第二實施例中的編寫系統之操作的 流程圖（上半部分）； 圖8為說明本發明之第二實施例中的編寫系統之操作的 流程圖（下半部分）； 圖9為本發明之實施例的編寫系統之圖形使用者介面（其 中未設定佈景主題）之實例的說明； 圖/ ^為本發明之實施例的編寫系統之圖形使用者介面 (在-又疋佈景主題後且在插入材質前)之另一實例之說明； 圖11為本發明之實施例的編寫系統之圖形使用者介面 (在設定佈景主題後且在插入材質後）之又一實例之說明； 圖12展示本發明之實施例十之佈景主題的實例； 圖13展示本發明之實施例中的編輯目標文件之HTML原 始檔（在插入材質前）之實例；及 圖14展示本發明之實施例中的編輯目標文件之HTML原 始檔（在插入材質後）之實例。 【主要元件符號說明】 148726.doc •28· 201115362 1 CPU(中央處理單元） 2 匯流排 4 主記憶體 5 鍵盤/滑鼠控制器 6 鍵盤 7 滑鼠 10 DAC/LCDC 11 顯示器件 13 硬碟機 14 ROM 18 網路配接器 19 軟碟機控制器 20 軟磁碟機 25 IDE控制器 26 CD-ROM光碟機 27 SCSI控制器 28 MO光碟機 29 CD-ROM光碟機 30 硬碟機 31 DVD光碟機 100 編寫系統 310 輸入/輸出器件 320 網頁儲存器 322 編輯目標文件 148726.doc •29. 201115362 330 材質資料儲存器 3 3 2a. · .η 材質資料 340 佈景主題儲存器 342a... η 佈景主題 350 編寫軟體 352 佈景主題設定區段 354 可應用參數判定區段/屬性參數判定區段 356 材質資料處理區段 358 預覽快取記憶體 360 材質視圖控制器/材質視圖控制區段 362 編輯視圖控制器/編輯視圖控制區段 900 視窗 905 功能表列 910 工具表列 915 編輯目標網頁顯示區域 920 編輯視圖 925 HTML·原始檔視圖 930 材質視圖 935 材質總管 940 材質方塊 I48726.docSettings/user/AppJicationData/application/tmp/hb9tm05_8/ani016.gifj) As mentioned above, although the editing target file 322 in the embodiment of the present invention has been described with reference to FIG. 3 and FIG. An example of a web page form, but as described in Non-Patent Document 3 and the like, the details of the HTML specification are well known to those skilled in the art. Therefore, those skilled in the art who have read this disclosure can add and change the content', so a further detailed description is omitted. As described above, according to an embodiment of the present invention, a writing system, software, and method for efficiently supporting editing and creation of an electronic file (web page) in the form of web content can be provided. Easy to understand, it increases the productivity of users who operate content writing systems to build content. The invention may be practiced in the form of a combination of hardware, software or a combination of hardware and software. A typical example implemented by a combination of hardware and software is implementation in a data processing system with a job program. In this case, the predetermined program is loaded into the data processing system and executed. As a result, the program controls the data processing system to perform the processing in accordance with the present invention. This program consists of a set of instructions that can be expressed in any language, code, or notation. The Order allows you to perform specific functions directly or in combination with: i•Translate to: a language, code, notation, and 2. copy to another medium. Although the scope of the invention includes not only the program itself, but also the media on which the program is recorded on 148726.doc -26-201115362. The program for implementing the features of the present invention can be stored in any computer readable recording spider (such as a flexible disk, MO 'CD-ROM, DVD, hard disk, μ, ', machine R〇M, On MRAM or RAM). The program can be stored in a recording medium. The system is downloaded from another bedding processing system connected by a communication line or copied from the _ a Α. In addition, the program can be compressed, or divided into multiple parts and stored in single or multiple recording media. It should be noted that the program product for carrying out the present invention can be provided in various forms. Those skilled in the art will be apparent to the county, and it is easy to see that various modifications or improvements can be added to the above embodiments. For example, in the embodiment of the present invention, the set of attribute parameters included in the set: title file is applied to the material to establish a pre-, but allows the latter to select the attribute of the object to be edited. Some of them will cause a preview of the components to which some of the selected attribute parameters have been applied. In this case, — insert the components of the selected pick attribute parameters into the edit target file. In addition, in the embodiment of the present invention, the material may be any one or a combination of image data, animation data, vector data, text data, and _L data. However, all other types of components that can be inserted into an electronic file can be used. Of course, such changes or modifications are included in the technical scope of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS [FIG. 2 is a block diagram showing an example of a hardware configuration of an information processing apparatus.] FIG. 2 is a block diagram showing an example of a hardware configuration of an information processing apparatus. </ RTI> <RTIgt; </ RTI> <RTIgt; </ RTI> <RTIgt; </ RTI> <RTIgt; </ RTI> <RTIgt; </ RTI> <RTIgt; </ RTI> <RTIgt; Figure 5 is a flow chart showing the operation of the authoring system in the first embodiment of the present invention (top half); Figure 6 is a view for explaining the first embodiment of the present invention. Flowchart for writing the operation of the system (lower half); Fig. 7 is a flow chart (upper part) for explaining the operation of the authoring system in the second embodiment of the present invention; Fig. 8 is a view showing the second embodiment of the present invention Flowchart of the operation of the authoring system (lower half); FIG. 9 is an illustration of an example of a graphical user interface of the writing system (where the set theme is not set) according to an embodiment of the present invention; Description of another example of a graphical user interface of the authoring system (before and after the theme of the scene and before inserting the material); FIG. 11 is a graphical user interface of the authoring system of the embodiment of the present invention Description of another example of the theme after setting the theme of the scene and after inserting the material; FIG. 12 shows an example of the theme of the embodiment of the present invention; FIG. 13 shows the HTML original of the edit target file in the embodiment of the present invention. An example of a file (before inserting a material); and FIG. 14 shows an example of an HTML source file (after inserting a material) of an edit target file in an embodiment of the present invention. [Key component symbol description] 148726.doc •28· 201115362 1 CPU (Central Processing Unit) 2 Busbar 4 Main Memory 5 Keyboard/Mouse Controller 6 Keyboard 7 Mouse 10 DAC/LCDC 11 Display Device 13 Hard Disk Drive 14 ROM 18 Network Adapter 19 floppy disk controller 20 floppy disk drive 25 IDE controller 26 CD-ROM drive 27 SCSI controller 28 MO drive 29 CD-ROM drive 30 hard drive 31 DVD drive 100 Writing System 310 Input/Output Device 320 Web Page Storage 322 Editing Target File 148726.doc • 29. 201115362 330 Material Data Storage 3 3 2a. · .η Material Data 340 Scene Theme Storage 342a... η Scene Theme 350 Writing Software 352 Scene Theme Setting Section 354 Applicable Parameter Determination Section/Attribute Parameter Determination Section 356 Material Data Processing Section 358 Preview Memory Memory 360 Material View Controller/Material View Control Section 362 Edit View Controller / Edit View Control Section 900 Window 905 Function Table Column 910 Tool Table Column 915 Edit Target Page Display Area 920 Edit View 925 HTML· Original view 930 Material view 935 Material manager 940 Material block I48726.doc