TW466422B - Multimedia web page editor - Google Patents

Multimedia web page editor Download PDF

Info

Publication number
TW466422B
TW466422B TW89111192A TW89111192A TW466422B TW 466422 B TW466422 B TW 466422B TW 89111192 A TW89111192 A TW 89111192A TW 89111192 A TW89111192 A TW 89111192A TW 466422 B TW466422 B TW 466422B
Authority
TW
Taiwan
Prior art keywords
editing
area
image
main
window
Prior art date
Application number
TW89111192A
Other languages
Chinese (zh)
Inventor
Ming-Shin Su
Jung-Jr Lin
Wen-Hau Shiu
Original Assignee
Infopower Corp
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Infopower Corp filed Critical Infopower Corp
Priority to TW89111192A priority Critical patent/TW466422B/en
Application granted granted Critical
Publication of TW466422B publication Critical patent/TW466422B/en

Links

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Processing Or Creating Images (AREA)

Abstract

The invention discloses a web page editor including features of image conversion module, picture position fixing module, object link and embedded module, multi-layer menu module and multimedia module, which directly displays lots of special effects and multimedia objects to web pages while the editor does not need to know and use special effect to write program. In addition, a web page can be directly generated on browser for display and the editor does not need to write any web page design program to set up the linked way and path. With regard to the management of web page programming language, the invention brings up the concept of source code database to manage and store all the source codes. Such a structure not only facilitates the update of source code but also makes system more expandable.

Description

4 6 642 2 五、發明說明(l) 5 -1發明領域: 本發明係有關於一種易使用的網頁編輯器,特別是有 關於一種具有許多特效及多媒體物件可直接應用於網頁的 顯示上的網頁編輯器,編輯者不需了解及使用特效撰寫語 言即可製作網頁文件。 · 5-2發明背景 :路的熱潮從1 999年延燒至2〇〇〇年,漸漸成為現代人 行購物::ί缺的一部份’在網路上找資料、在網路上進 路上交左耸望在網路上毛表文早、在網路上授課及在網 做出,網胃’是這些活動中最重要的媒介,如何 做出包羅萬象、最吸引人的網頁,是相當重要的課題。 當簡軟體工具在不斷的改進之後,提供相 工具編輯網頁時,苦相廣、芝日、π *般人在使用這些軟體 的内容時,往彳^ ί t f泛迅迷地利用或修改編輯所需 j門今時狂住仍有許多的不便之處。 如第一圖所示為一現今利 程示意圖。進人網頁編輯軟二,頁編輯軟體時的流 驟101),當然需要許多的物件來建的編輯工作(步 種不同的其他軚體處將已經編一置,-同頁的内容,,從各 466422 五、發明說明(2) ---- 載入所需的影像及物件(步驟1〇2),如果影像及物件的格 式無法完全被網頁編輯軟體所接受,則載入的影像及物 之格式便有所限制。 接著,為了使文件在網路上能完整呈現各個物件所需 的特殊效果,針對特效撰寫描述的語言(步,驟丨〇 3 ),去撰 寫整個網頁在瀏覽器上執行的網頁設計語言(步驟】〇4 ), 如HTML語言’然後在瀏覽器上顯示結果(步驟1 〇 5 )。 由上述的過程,很容易可以了解到,現今一般的網頁 編輯時’利用到其他軟體所編輯的物件,在使用上無法配 合蝙輯者的想法’若想修改此類物件時,必須依賴原來的 軟體來修改’若編輯者不熟悉此些其他軟體,則需求助專 業人士,將使整個網頁編輯的成本提高。此外,對於不熟 悉特效撰寫語言及網頁設計語言的編輯者而令 ' 二 降低其欲自行設計網頁的想法,更進一步阻礙了電子商 的蓬勃發展。 ^ Π 5 一 3發明目的及概述·· 鑒於上述之發明背景t,傳統的網頁蝙輯器所產生的 諸多缺點,本發明提供一易使用的網頁編輯器,其具有呼 多特效及多媒體物件可直接應用於網頁的顯示上了 ^輯^ 不需了解及使用特效撰寫語言。4 6 642 2 V. Description of the invention (l) 5 -1 Field of the invention: The present invention relates to an easy-to-use web page editor, in particular to a web page editor with many special effects and multimedia objects that can be directly applied to the display of web pages. Web editor, editors can create web files without knowing and using special effects writing language. · 5-2 Background of the Invention: The boom of the road has been postponed from 1999 to 2000, and it has gradually become a modern pedestrian shopping: "Lack of a part 'to find information on the Internet, turn left on the road on the Internet It is hoped that the text on the Internet will be written early, taught on the Internet, and made online. The Internet stomach is the most important medium for these activities. How to make an all-encompassing and attractive web page is a very important topic. When the Jian software tools are continuously improved and provided with related tools to edit web pages, people who are suffering from painstaking efforts, Zhiri, and π * use the contents of these software to make use of or modify the editor's office. There is still a lot of inconvenience to be required to live crazy now. As shown in the first figure, a schematic diagram of the current schedule is shown. When entering the web page editing software II, the flow of page editing software 101) Of course, many objects are needed to create the editing work (other bodies with different steps will already be edited,-the content of the same page, from Each 466422 V. Description of the invention (2) ---- Load the required images and objects (step 102). If the format of the images and objects cannot be completely accepted by the webpage editing software, the loaded images and objects The format is limited. Then, in order for the document to fully display the special effects required by each object on the Internet, write a description language for the special effects (step, step 丨 〇3), and write the entire webpage to be executed on the browser. Web design language (step) 〇4), such as HTML language, and then display the results on the browser (step 105). From the above process, it is easy to understand that the general web page editing nowadays uses other The objects edited by the software cannot be used in accordance with the editor's ideas. 'If you want to modify such objects, you must rely on the original software to modify them.' If the editor is not familiar with these other software, you need to Assisting professionals will increase the cost of the entire web page editing. In addition, editors who are not familiar with special effects writing language and web design language will reduce their desire to design web pages by themselves, further hindering the boom of e-commerce. ^ Π 5-3 Purpose and Summary of the Invention ... In view of the above-mentioned background t, many shortcomings of the traditional web page editor, the present invention provides an easy-to-use web page editor, which has Hudo special effects and multimedia objects. It can be directly applied to the display of web pages. ^ Edit ^ No need to know and use special effects to write language.

466422 五、發明說明(3) 本發明的另一目的在提供—網頁編輯器可直接使用並 修改其他軟體所編輯的物件,不需透過簡貼薄或插入的動 作’去複製物件或開啟另—軟體來進行编修的工作。 本發明的再一目的,係用以提供一網頁’編輯器可直接 產生一可在瀏覽器上顯示的網頁,編輯者不需撰寫任何的 網頁設計語言來設定連結的方式及路徑。 本發明的又一目的是提出程式碼資料庫。對於任何與 網頁相關的程式語言,由於隨著新技術、新標準不斷的推 i ϊ ί,為讓系統於這部分更有彈性’本發明提出程式碼 資料庫的觀念,即是所有程式碼不是一次寫 立於程式★,統一來管理,任何特效或 ,於轉換格式時於程式碼資料庫取出相對的程式 個網頁的設計,這樣的機制—改過去系統功能維 邊不易的問題,同時也方便這些程式碼的擴充。 ,據以上所述之目的,本發明提供了—種網頁編輯 二:至^包含一編輯視窗有一邊界,用以區分其盥外界 ^系統環境。一主控列有多個圖示鈕模組至少從=下的 能中選出:將該編輯視窗縮至最小、將該編輯視窗放至 大及關閉辕編輯視窗。一主要編輯區,用以編輯一網頁 顯不内容。一功能列有多個圖示鈕模組至少從以下的模466422 V. Description of the invention (3) Another object of the present invention is to provide-a web page editor can directly use and modify objects edited by other software, without the need to copy objects or open another- Software for editing. Still another object of the present invention is to provide a webpage 'editor which can directly generate a webpage that can be displayed on a browser. The editor does not need to write any webpage design language to set the link mode and path. Another object of the present invention is to provide a code database. For any programming language related to the webpage, as new technologies and standards continue to be promoted, in order to make the system more flexible in this part, the present invention proposes the concept of a code database, that is, all code is not Write once based on the program ★, unified management, any special effects, or take out the corresponding program from the code database when the format is converted, such a mechanism — to change the problem of the system's functional dimension is not easy, but also convenient These code extensions. According to the above-mentioned purpose, the present invention provides a kind of web page editing. Two: to ^ includes an editing window with a border to distinguish the external environment of the system. A main control bar has a plurality of icon button modules at least selected from the following: the edit window is minimized, the edit window is enlarged, and the edit window is closed. A main editing area for editing a web page display content. A function has multiple icon button modules.

466422 五、發明說明(4) 中選出:開啟新擋 體字型、斜體字型 、圓像位覃固定模 〆物件聯結及内嵌模 現窗外的任一物件 主要編輯區内。當 〜編辑視窗,一影 像變換區域,再將 區域。其次,一圖 一'圖像位置固定區 像物件在顯示幕上 要編輯區裡設定一 點選影像物件可開 個選項項目及調整 。此外,提供一多 啟該多媒體模組的 下的類別中選出: 類別及網頁動態内 像物件’將此影像 明更提供一物件聯 開啟一物件選單時 件拖放至主要編輯 、關閉檔案、開啟舊檔、儲存檔案、粗 、靠左對齊及置中對齊、影像變換模組 組、多階層選項模組及多媒體模組。— 組,可用一指標裝置,將存在於該編輯 ’以直接拖放的方式’放入編輯視窗的 以此網頁文件編輯方法編’輯時,將提供 像變換模組可在主要編輯區裡設定一影 第一及第二影像物件皆載入該影像變換 像位置固定模组可在主要編輯區裡設定 ,並在此載入一影像物件,便可設定影 固定的位置。一多階層選項模組可在主 多階層選項區’並載入一影像物件後, f -多階層選項子視窗,設定所需的多 ::員階層及設定所需的超連結路徑 、:Μ、且’開啟一多媒體子視窗,並開 影=寶箱包含許多類別,至少從以 容物仕相、視訊類別 '音效類別、動晝 物件放置::在該各別類別中選擇-影 社及内山在戎主要編輯區中。當然本發 了以:耿模組’在編輯視窗以外的區域 指標裝置從該物件選單中將一物 攻為—新的物件。 5-4發明詳細說明:466422 V. Description of the invention (4) Choose: open new block font, italic font, round image bit, fixed mold, 〆 object connection and embedded mold. Any object outside the window. Main editing area. When ~ edit window, an image transforms the area, and then the area. Secondly, a picture, a fixed area of the image position, the image object is on the display screen. To set a point in the editing area, click the image object to open an option item and adjust. In addition, provide a selection of the following categories to enable the multimedia module: Category and webpage dynamic internal image objects' This image is provided with an object link Open an object menu When the item is dragged and dropped to the main editor, close the file, open Old file, save file, coarse, left-align and center-align, image transform module group, multi-level option module and multimedia module. — Group, with an index device, when the editor exists in the editor 'directly drag and drop' into the editing window and edited with this webpage file editing method, an image conversion module will be provided which can be set in the main editing area The first and second image objects of a shadow are loaded. The image transformation image position fixing module can be set in the main editing area, and a fixed image position can be set by loading an image object here. A multi-level option module can be used in the main multi-level option area and after loading an image object, f-multi-level option sub-window, set the required multi :: member level and set the required hyperlink path,: M And, 'Open a multimedia sub-window, and open the film = treasure chest contains many categories, at least from the content of the material, video category' sound effects category, moving day objects placement :: choose in this category-Yingsha and Neishan In Rong's main editing area. Of course, this article published: Geng module 'in the area outside the editing window. The pointing device attacked an object from the object menu into a new object. 5-4 Invention Details:

4 b 642 2 五、發明說明(5) 本發明揭霞γ , 界的編輯視窗了一種網頁編輯系統’至少包含-有-邊 功能中選出·收Γ主控列有多個圖示鈕模組至少從以下的 最大及關閉h ί編輯視窗縮至最小、將該編輯視窗放至 的顯示:耳視窗…主要編輯區…編輯-網頁 組中選屮.„功能列有多個圖示鈕模組至‘少從以下的模 粗體字型檀、目閉樓案、開啟舊檔、儲存檀案、、 組、圖像位置=Γ f、靠左對齊及置中對齊、影像變換模 -物件:好i S 組、多階層選項模組及多媒體模組。 輯视+ 嵌模組,可用一指標裝置’將存在於該編 的 卜的任—物件,以直接拖放的方式,放入編輯視窗 供—要、輯區内。當以此網頁文件編輯方法編輯時,將提 ϋ編輯視窗,一影像變換模紐可在主要編輯區裡設定一 ί &變換區域,再將一第一及第二影像物件皆載入該影像 执」區域。其次’一圖像位置固定模組可在主要編輯區裡 =疋—圖像位置固定區,並在此載入一影像物件,便可設 景/像物件在顯示幕上固疋的位置。一多階層選項模組可* =·主要編輯區裡設定一多階層選項區,並載入—影像物件 '二點選影像物件可開啟一多階層選項子視窗,設定所需 的/夕個選項項目及調整多個選項階層及設定所需的超連結 ,位η此外,提供一多媒體模組,開啟一多媒體子視窗, =開啟該多媒體模組的一媒體百寶箱包含許多類別’至少 ί =下的類別中遠出··影像類别、視訊類別、音效類別、 _ Α類別及網頁動態内容物件類別。在該各別類別中選擇4 b 642 2 V. Description of the invention (5) The present invention reveals the gamma, the editing window of the world has a web editing system 'selected at least including-there-side function · receive the main control bar has multiple icon button modules At least from the following maximum and closed h ld The edit window is reduced to the minimum, the display of the edit window to the display: the ear window ... the main editing area ... select in the Edit-Web page group.  There are multiple icon button modules in the function list At least from the following mold bold fonts, closed doors, open old files, stored files, groups, image position = Γ f, left-aligned and center-aligned, image transform mold-object: Good i S group, multi-level option module and multimedia module. Edit view + embedded module, you can use a pointer device 'to place any tasks — objects that exist in the series, directly drag and drop them into the editing window. Supply—required and edited areas. When editing with this webpage file editing method, the editing window will be raised. An image conversion module can be set in the main editing area. A & Both image objects are loaded into the image execution area. Secondly, an image position fixation module can be in the main editing area = 疋 —Image position fixation area, and an image object is loaded here to set the position where the scene / image object is fixed on the display screen. A multi-level option module can set a multi-level option area in the main editing area and load it—Image Objects'. Click on the image object to open a multi-level option sub-window and set the required options. Item and adjust multiple options hierarchy and set the required hyperlinks. In addition, provide a multimedia module, open a multimedia sub-window, = open a multimedia treasure chest of the multimedia module contains many categories' at least ί = under Out of category · Image category, video category, audio category, _ Α category and web dynamic content object category. Select in that respective category

$ 8頁 4b b42 2 五、發明說明(6) 本ί:^:供將2影像物件放置在該主要编輯區_ °當然 -物件拖放至主要:二該物件選單中將 意圖第= 吏:輯==)網,編輯工具的流程示 窗。如欲使網頁呈現一自動並開啟一網頁編軏視 變換模組(步驟22),在網的物件時’進入影像 的區域,將-般狀態所需的影像物 象-換 (步驟⑶。所謂的-般狀態,係指4在; ,指標工具如滑鼠’在爭 、 丨Χ 上顯不時 時候。設定滑氣移至影像變換的區7 步驟24)。如此便完成影像變換的特二 =像物件( :上顯示時,指標工具在影像變換的以;:=:丨! 具移至影像變換的=的疋影像物件,而當指標工 另-影ίίΪ域中時,影像變換的區域所顯示的是 若欲編輯一物件具有多階層選項的功 模組(步驟25) 1入一物件於編輯視窗中進以 。,層選項的屬性,便可開啟—多階層 4 2足所需的選項項目(步驟26),並根據 階層(步驟27),將選定的選項項目設定所需“;;:】$ 8 pages 4b b42 2 V. Description of the invention (6) This: ^: for placing 2 video objects in the main editing area _ ° Of course-drag and drop objects to the main: Second, the intent of the object menu = clerk: Edit ==) net, the flow window of the editing tool. If you want to make the webpage appear automatically and open a webpage editing deflection conversion module (step 22), when you enter the webpage, you can enter the image area and change the image objects in the normal state (step ⑶. The so-called -Normal state, refers to 4 in ;, indicator tools such as the mouse 'on the display, from time to time. Set the slider to the image transformation area 7 step 24). In this way, the second feature of image transformation is completed: image objects (: are displayed on the index tool, and the index tool is used to transform the image;: =: 丨! With the image object that is moved to the image transformation =, and when the index tool is different-the image is displayed. In the domain, the image transformation area shows the function module for editing an object with multiple levels of options (step 25). 1 Enter an object in the editing window. The properties of the layer options can be opened— Multi-level 4 2 foot required option items (step 26), and according to the hierarchy (step 27), set the selected option item to the required ";;:"

第9頁 4 b b 4 2 2 五、發明說明(7) -----^ (步驟28),如此便完成多階層選項的功能,即當網 覽器上顯示時,指標工具在該物件以外的範圍移動二在割 物件的多階層選項為隱藏的狀態,當指標工具移至2仏該 上時,便顯示出多階層選項,可供使用者作更多件 選擇。 % '〜的 若欲設定一物件具有在顯示幕上固定位置的功 進入圖像位置固定模组(步驟29),載入—物件設定^ 内容及具有位置固定的屬性(步驟3 〇),接著可設定麥= 在顯不幕上何處固定(步驟3 ]),即當網頁在瀏覽器上 , 時,若網頁内容隨著上下捲軸或左右捲軸而更動時,缔= 像物件的位置及内容不會因網頁内容而變動。 人弓 此外,本發明也提供了用指標工具直接拖放物 能,啟動物件聯結與嵌入機制(步驟32),選擇本發的功 的軟體編輯的物件聯結與嵌入機制(步驟3 3 ),利用扑❺外 具(步驟34),將物件聯結與嵌入機制從原編輯軟體= 案目錄中直接拖放至本發明的編輯視窗中放置即可,插 製內容動作(步驟35),其詳細步驟包含啟動—指標:, 件、偵測一標記、偵測一物件型態、創造一新物^ :爭 該新物件内容及在本發明的編輯視窗中顯示該新物件戰入 再者,本發明更提供一媒體百寶箱,進入個性化 設定、開啟多媒體模組(步驟36),由媒體百寳箱所提=的Page 9 4 bb 4 2 2 V. Description of the invention (7) ----- ^ (step 28), so as to complete the function of multi-level options, that is, when displayed on the web browser, the indicator tool is outside the object The multi-level selection of the cut object is hidden. When the pointer tool is moved to 2 仏, the multi-level selection is displayed, allowing the user to make more choices. If you want to set an object with a fixed position on the display screen, enter the image position fixing module (step 29), load—object setting ^ content and attributes with fixed position (step 3), then You can set Mai = where to fix on the screen (step 3)), that is, when the web page content is changed with the up and down scroll or left and right scroll when the web page is on the browser, the position and content of the image object Does not change due to web content. In addition, the present invention also provides a direct drag-and-drop feature using an index tool to activate the object linking and embedding mechanism (step 32), and the software editing object linking and embedding mechanism (step 3 3) selected by the present function. Tap the external tool (step 34), drag and drop the object linking and embedding mechanism directly from the original editing software = project directory to the editing window of the present invention, and insert the content action (step 35). The detailed steps include Start-indicator :, item, detect a mark, detect an object type, create a new object ^: compete for the content of the new object and display the new object in the editing window of the present invention to enter the war again, the present invention is even more Provide a media treasure chest, enter personalized settings, open the multimedia module (step 36), the media treasure chest =

4 b ο 4 2 2 五、發明說明(8) '― 選單中選擇圖庫影像(步驟37),再由多媒體模組所提供的 修改及預覽的功能進行更改影像屬性(步驟38),利用直接 拖放的方式’將該修改後的物件放置在本發明的編輯視窗4 中’即完成產生一新的影像(步驟39),且多媒體模組亦會 自動將此修改後的物件儲存在媒體百寶箱中,以供日後使 當利用上述的各模組完成網頁的編輯工作時,只要利 用儲存的動作,本發明便會自動將網頁所需的物件及樓案 儲存起來,自動產生於瀏覽器上執行的描述語言(步驟Η ) 使用者不需撰寫任何的描述語言,可在j劉罾卜拥_ 盆砝耍f卓咖1n、 見盗上顯不 …果C步驟12),完成整個網頁的製作。 以下 為本發明 一編輯視 在編輯視 邊輯視窗 能列3 — ’包含開 外,更包 組、圖像 項模組及 功能’如 所開啟 窗6有 窗6的 6縮到 般位於 啟新、 含啟動 位置固 多媒體 字型顯 各不意圖來 的一新的编 一邊界1 , 上方有一主 最小、放到 主控列2的 舊檔案、儲 本發明多項 定模組、物 模組。輔助 示、粗體字 ^ 一 u 輯視窗圖,在一般的顯示幕上 用來與其他軟體及系統區分。 控列2 ,主控列2至少包含將 最大及關閉等功能模組。一功 下方’有各功能模紐的快速鍵 存及關閉檔案等1的挟速鍵 模組的快速鍵’如影像變換模 件聯結與嵌入模組、多階層 列4則包土含一些編輯i的輔助、 型、文章靠左對齊等功能4 b ο 4 2 2 V. Description of the invention (8) '― Select the gallery image in the menu (step 37), and then use the modification and preview functions provided by the multimedia module to change the image attributes (step 38). The method of placing 'place the modified object in the editing window 4 of the present invention' is to generate a new image (step 39), and the multimedia module will automatically store the modified object in the media treasure chest For future use, when the above-mentioned modules are used to complete the web page editing work, as long as the storage action is used, the present invention will automatically store the objects and building plans required by the web page, and automatically generate them for execution on the browser. Description language (step Η) The user does not need to write any description language, but can display it on j 罾 罾 拥 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ 1 _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ __ __ __ __ ___ ___ __ ________________________ ____ Description language (step Η) The user does not need to write any description language, but he can display it at j 刘 罾 卜 support_ 砝 重 耍 f Zhuo 1n, see the thief ... if step 12), complete the production of the entire web page. The following is an editor view editor side view window of the present invention can be listed 3-'Including open, more packages, image item modules and functions' is located in Kaixin as the window 6 is opened, 6 is retracted A new editing-border 1 containing a fixed multimedia font display at the starting position is not intended, and there is an old file on the top, which is placed on the main control column 2, and stores a plurality of fixed modules and physical modules of the present invention. Auxiliary display, bold text ^ A u window diagram, used to distinguish it from other software and systems on a normal display screen. Control column 2, main control column 2 contains at least the function modules such as max and off. Below the function, “there are shortcut keys to save and close files of various function modules, etc. 1 shortcut keys of the fast-speed key module” such as image conversion module connection and embedding module, multi-level columns 4 include some editing i Auxiliary, type, left-aligned articles, etc.

第11買 4 b 〇 ^ 2 2 五、發明說明(9) 要編輯區5則為網頁文件編輯時放置任何物件的區域,即 在瀏覽器上可以看到的内容區域。 當欲編輯一物件具有影像變換的效果時,只需在功能 列3找到影像變換模組的快速鍵’利用指標·工具如骨鼠, 將影像變換模组的快速鍵圖示直接拖放到主要編輯區5, 即在主要編輯區5產生一框架區域如第三a圖所示。在此框 架區域中以一實線8將此框架區域分成兩部份,每一部份 可放置一物件’如第三B圖所示,框架區域左、右各放置 一影像物件後’當網頁在瀏覽器上顯示時,指標工具在影 像變換的區域以外的區域移動時,影像變換的區域所顯示 的=一影像物件(如左部份),而當指標工具移至影像變換 的适域中時,影像變換的區域所顯示的是另一影像 如右部份)。 ^ 功&當欲編輯一物件具有圖像位置固定的效果時,只需在 像=口 3,巧圖像位置固定模組的快速鍵,利用滑氣將圖 接_ 固疋模組的快速鍵圖示直接拖放到主要編輯區5, 影ί =置Ί影像物件,如第三c圖所示,當以滑鼠點選本 圖所件_時’便會產生一圖像位置固定設定子視窗’如第 主知 示此圖像位置固定設定子視窗亦有一邊界及— 欲固… 取重要是有一圖示選擇區9可供設定影像物件 疋的位置,即當網頁在瀏覽器上顯示時,若網頁内容 466422 五、發明說明(ίο) 隨著上下捲麵或左右捲軸而更動時,該影像物件的 内容不會因網頁内容而變動。 、立 當欲編輯一物件具多階層選項模組的效果時,〇、需在 功能列3找到多階層選項模組的快速鍵,利用滑鼠ς多階 層選項模組的快速鍵圖示直接拖放到主要編.輯區5,接著 放置一影像物件,如第四Α圖所示,當以滑鼠點選本.影像 物件時,便會產生一多階層選項設定子視窗,如第四B圖 所示,此多階層選項設定子視窗除了有一邊界及—主控列 外’尚包含一功能列41,有許多快速鍵供設定多階層選項 顯示的方式及增刪多階層選項。多階層選項選單區則顯 示多階層選項編輯的架構以供編輯,此外,尚還有一超連 ,,示43供設定多階層選項超連結的功能。即當網頁在瀏 1器上顯不時,指標工具在該物件以外的範圍移動時,該 物件的多階層選項為隱藏的狀態,當指標工具移至此物件 上蚪,便顯不出多階層選項’可供使用者作更多連結的 選擇。 再者’上述的所有影像物件,皆可由本發明的媒體頁 ^箱所提供。第五A圖所示為本發明多媒體模組的功能流 孝王不意圖,多媒體模組的媒體百寶箱提供許多多媒體的類| 如顏色類別61可設定顏色、影像圓庫62、閃動(fUsh )類別63、爪哇(java)類別64及影片音樂類別65,其中影 像圖庫6 2包含各式各樣的影像檔,如JJ?EG及6丨F。而影片The 11th purchase 4 b 〇 ^ 2 2 V. Description of the invention (9) The editing area 5 is an area for placing any object when editing a web page file, that is, a content area that can be seen on a browser. When you want to edit an object with the effect of image transformation, just find the shortcut key of the image transformation module in function bar 3 'Using indicators and tools such as bone mouse, drag and drop the shortcut icon of the image transformation module directly to the main The editing area 5, that is, a frame area is generated in the main editing area 5, as shown in the third a diagram. In this frame area, a solid line 8 is used to divide this frame area into two parts, and each part can place an object 'as shown in Figure 3B, the left and right of the frame area are each placed an image object' when the web page When displayed on the browser, when the index tool is moved outside the image transformation area, the image transformation area displays = an image object (such as the left part), and when the index tool is moved to the image transformation area At the same time, the image transformation area shows another image (such as the right part). ^ Function & When you want to edit an object with the effect of fixed position of the image, you only need to press the shortcut key of the fixed position module of the image in the image = port 3, and use the air to connect the image to the _ fast speed of the fixed module The key icon is directly dragged and dropped to the main editing area 5, and the image object is set as shown in Figure 3c. When the mouse clicks on the part in this figure, a fixed position of the image will be generated. The sub-window is fixed as shown in this image. The sub-window also has a border and-to be fixed ... Importantly, there is an icon selection area 9 for setting the position of the image object, that is, when the web page is displayed on the browser At the time, if the content of the webpage is 466422 V. Description of the Invention (ίο) The content of the image object will not change due to the content of the webpage when it changes with the up and down scrolls or left and right scrolls. When you want to edit an object with the effect of a multi-level option module, you need to find the shortcut key of the multi-level option module in function bar 3. Use the mouse to drag the shortcut key icon of the multi-level option module directly. Place it in the main compilation area 5, and then place an image object, as shown in Figure 4A. When you click on the image object with your mouse, a multi-level option setting sub-window will be generated, such as the fourth B As shown in the figure, this multi-level option setting sub-window includes a function bar 41 in addition to a border and a main control bar. There are many shortcut keys for setting the display method of multi-level options and adding and deleting multi-level options. The multi-level option menu area displays the structure of multi-level option editing for editing. In addition, there is also a hyperlink, which shows the function for setting multi-level option hyperlinks. That is, when the web page is displayed on the browser, the multi-level options of the object are hidden when the pointer tool moves outside the object. When the pointer tool is moved to this object, the multi-level options are not displayed. 'Allows users to make more link choices. Furthermore, all the image objects mentioned above can be provided by the media page box of the present invention. The fifth figure A shows the function of the multimedia module of the present invention. The filial piety of the multimedia module is not intended. The multimedia treasure chest of the multimedia module provides many types of multimedia. 63. Java (java) category 64 and movie music category 65, in which the image gallery 62 contains various image files, such as JJ? EG and 6 丨 F. And the video

4 b 〇 4 2 2 五、發明說明(11) . 音樂類別65更包含許多動態檔,如視訊檔AVI及MPEG、音 效檔如MP3及WAV,閃動(flash)類別63動畫檔如SWF,爪哇 (Java)類別 64 包含 JAVA Applet 及 Java Script 等。此外, 多媒體模紐更為動態類別提供編輯預覽檔的功能,若決定, 設定預覽晝面,就可進行編輯,在播放動態檔的同時,從 中選取一預覽的畫面,儲存影像於一與動態檔同主檔名的 影像檔作為此動態檔的預覽影像。 當點選多媒體模組時,會產生一多媒體的子視省如第 五B圖所示,同樣地,除了邊界及主控列外,功能列5 0包 含許多修改及編輯預覽的快速鍵。輔助列5 1則包含媒體百 寶箱類別選單顯示區、新增圖示及刪除圖示等。此外更包 含一媒體百寶箱類別内容顯示區52。藉由媒體百寶箱類別 選單顯示區選擇任一類別,便可在媒體百寶箱類別内容顯 示區52預覽其物件的内容,其中更包含了動態類別,選定 影像物件後可直接從媒體百寶箱類別内容顯示區5 2將物件 拖放至主要編輯區5即可。 若欲編輯動態檔的預覽影像,只需在選定影像物件後 啟動功能列5 0的編輯預覽快速鍵,即會開啟一編輯預覽子 視窗如第五C圖所示。編輯預覽子視窗除了邊界及主控列 外,藉由播放控制8 2將任一動態檔顯示在播放區8 1,藉由 擷取控制8 3便可從播放區81擷取到一晝面顯示在預覽區8 4 ,作為此動態檔的預覽影像,如此便完成預覽晝面的編輯4 b 〇4 2 2 V. Description of the invention (11). Music category 65 also contains many dynamic files, such as video files AVI and MPEG, sound effects files such as MP3 and WAV, flash category 63 animation files such as SWF, Java (Java) Category 64 includes JAVA Applet and Java Script. In addition, the multimedia model provides the function of editing the preview file in the dynamic category. If you decide to set the preview day, you can edit it. While playing the dynamic file, select a preview screen from it and save the image in the dynamic file. An image file with the same main file name is used as a preview image of this dynamic file. When the multimedia module is clicked, a multimedia sub-view will be generated as shown in Figure 5B. Similarly, in addition to the border and the main control column, the function column 50 contains many shortcut keys for modification and editing preview. The auxiliary column 51 contains the media treasure chest category menu display area, adding icons and deleting icons, and so on. In addition, a media treasure chest category content display area 52 is included. By selecting any category through the media treasure chest category menu display area, the contents of its objects can be previewed in the media treasure chest category content display area 52, which also includes dynamic categories. After selecting the image objects, you can directly select the media treasure chest category content display area 5 2 Drag and drop the object to the main editing area 5. If you want to edit the preview image of the dynamic file, just select the image preview shortcut key in the function bar 50 after selecting the image object, and an edit preview sub-window will open as shown in Figure 5C. In addition to the border and the main control bar of the editing preview sub-window, any dynamic file is displayed in the playback area 8 1 through the playback control 8 2, and can be captured from the playback area 81 to a daytime display through the capture control 8 3 In the preview area 8 4, as a preview image of this dynamic file, so that the editing of the preview day and time is completed.

第14頁 號 8911Π02 ^!蛉委r 五、發明說明(12) 啟動功能列50的編輯預覽快速鍵,即會開啟一編輯預覽子 視窗如第五C圖所示。編輯預覽子視窗除了邊界及主控列 外,藉由播放控制82將任一動態檔顯示在播# p ώ 彌取控細便可從播放隨擁取到一晝面覽= ,作為此動態檔的預覽影像’如此便完成預覽晝面的編輯 工作〇 弟六圖 本發明編輯 輯系統便啟 中所有的參 所謂的程式 卷的描述語 位置顯示、 完成此網頁 述語言(74) 頁程式碼的 為本發明 系統編輯 動編輯界 數設定, 媽庫,内 言(72), 隨指標工 文件的程 ,程式碼 各項更新 程式碼資 一網頁文 面,進入 即完成此 包含本發 如網頁特 具變換影 式碼時, 庫可以在 料庫的 件,選 程式碼 網頁文 明所有 效即包 像及多 即本發 不更動 流程示 擇所需 庫,將 件的程 的特效 含本發 階層選 明產生 執行檔 意圖8當進入 的功能後,編 載入網頁文件 式碼(71 )。而 及動態元件所 明的影像固定 單等(73),當 特效所需的描 情況下進行網 因 此,本發明提供一易使用的網頁編輯器,其具 多特效及多媒體物件可直接應用於網頁的顯示上了 ^ = ^需了解及使用特效撰寫語言,即可完成一網頁的編輯工 以上所述僅為本發明之較佳實施例而已,並非用以限Page 14 No. 8911Π02 ^! 蛉 委 r V. Description of the invention (12) Activate the edit preview shortcut of function bar 50, and an edit preview sub-window will open as shown in Figure 5C. In addition to the border and main control bar of the editing preview sub-window, any dynamic file can be displayed on the broadcast through the playback control 82. The detailed control can be taken from the playback to the day view =, as this dynamic file The preview image of the image is thus completed. The editing work of previewing the day and the day is completed. The younger figure 6 The editing system of the present invention will start to display all the descriptive positions of the so-called program volume, and complete the language of this page (74). For the system of the present invention, the number of editors and editors is set, Maku, Intro (72), as the process of the index document, the code is updated, and the code is provided on a web page. When you enter this page, you can complete this page. When changing the shadow code, the library can be in the library. Select the code that is valid for the webpage civilization. That is, the image is included and the current version is not changed. Select the required library, and select the special effect of the program. Generate the execution file intention 8 After entering the function, edit and load the webpage file code (71). And the image fixation sheet (73) described by the dynamic components, when the special effects need to be described, the web is provided. Therefore, the present invention provides an easy-to-use web page editor with multiple special effects and multimedia objects that can be directly applied to web pages. The display of ^ = ^ You need to know and use the special effect writing language to complete the editing of a web page. The above description is only a preferred embodiment of the present invention and is not intended to be limited.

第〗5頁Chapter 5

第一圖為一現今利用 般網頁編輯軟體時的流程示意 圖 第一Α圖為使用本發明提供的網頁編輯工具的流程示 第二B圖為本發明所開啟的一新的編輯視窗圖; 第二A圖為本發明影像變換模组所產生的一框架區 示意圖; 第二B圖為本發明影像變換模組所產生的一框架區域 放置兩物件後的示意圖; 第三C圖為啟動本發明圖像位置固定模組放置一物件 後的示意圖; 第三D圖為本發明圖像位置固定模組的圖像位置固定 設定子視窗示意圖; 第四A圖啟動本發明多階層選項模組放置一物件後的 示意圖; 第四B圖為本發明多階層選項模組的多階層選項設定The first diagram is a schematic flowchart of a current webpage editing software. The first diagram A is a flowchart of using a webpage editing tool provided by the present invention. The second diagram B is a new editing window diagram opened by the present invention. A is a schematic diagram of a frame area generated by the image conversion module of the present invention; second B is a schematic diagram of two frames placed in a frame area generated by the image conversion module of the present invention; and the third C is a diagram for starting the present invention A schematic diagram of an image position fixing module after placing an object; FIG. 3D is a schematic diagram of an image position fixing setting window of the image position fixing module of the present invention; and FIG. 4A starts a multi-level option module of the present invention to place an object. Figure 4B is the multi-level option setting of the multi-level option module of the present invention

第16頁 ά b 〇 4- 2 2 圖式簡單說明 子視窗示意圖; 第五A圖所示為本發明多媒體模組的功能流程示意圖 第五B圖所示為當點選本發明多媒體模組時,所產生 的多媒體子視窗示意圖; 第五C圖所示為啟動多媒體模組的編輯預覽功能所開 啟的編輯預覽子視窗;及 第六圖為本發明程式碼資料庫的流程示意圖。 主要部分之代表符號: 1 邊界 2 主控列 3 功能列 4 輔助列 5 主要編輯區 6 編輯視窗 8 實線 9 圖示選擇區 41 功能列 42 多階層選項選單區Page 16ά b 〇4- 2 2 Schematic illustration of the sub-window; Figure 5A shows the functional flow diagram of the multimedia module of the present invention. Figure 5B shows when the multimedia module of the present invention is clicked. A schematic diagram of the generated multimedia sub-window; FIG. 5C shows the editing preview sub-window opened by starting the editing preview function of the multimedia module; and FIG. 6 is a schematic flowchart of the code database of the present invention. Symbols of the main parts: 1 Boundary 2 Main control bar 3 Function bar 4 Auxiliary bar 5 Main editing area 6 Editing window 8 Solid line 9 Icon selection area 41 Function bar 42 Multi-level option menu area

第17頁Page 17

第18頁Page 18

Claims (1)

466422 六、申請專利範圍 1. 一種網頁編輯系統,至少包含: 一編輯視窗,該編輯視窗有一邊界,一控 σ 窗顯示的主控列,一主要编輯區及一具多個阁」遠編輯視 列; 夕1u圖不的功能 該邊界用以區分該編輯視窗與外界其它.备W 六匕糸統琿掊; 該主要編輯區,用以編輯一網頁的顯示内容.、兄 一物件聯結及内嵌_模組’該物件聯結及内令U及, 用一指標裝置’將存在於該編輯視窗外的住 t模組k使 J —物件 iil窗 接拖放的方式,放入該編輯視窗的該主要編輯區^" $ 2·如申請專利範圍第1項之系統,其中上述之主 要編輯區及功能列皆於該編輯視窗中,皆有—控列 '主 他範圍區分’且其在編輯視窗中的位置可互 邊界與其 相更換。 3. 如申請專利範圍第1項之系統,其中上述 内嵌模組於開啟該網頁編輯系統時即自動 件聯、,Ό及 執八其功能。 4. 如申請專利範圍第1項之系統,其中上 括多個圖示鈕模組選自於由影像變換模組:能列更^ 模組、多階層選項模組及多媒體模組所紐成的族二置:定 5細田申請,專利範圍第4項之系統’其中上述之影像變換模 *不以在該主要編輯區裡設定—影像變換區域,將一第466422 6. Scope of patent application 1. A webpage editing system at least: an editing window, the editing window has a border, a main control column that controls the sigma window display, a main editing area and a plurality of cabinets. The function of the map is used to distinguish the editing window from the rest of the world. The main editing area is used to edit the display content of a web page. Links and internal objects Embedded_module 'The object is connected and ordered U and, using an indicator device', the living module t existing outside the editing window is used to make J — the object iil window drag and drop into the editing window. The main editing area ^ " $ 2 · If the system of the first scope of the patent application, the above main editing area and function list are all in the editing window, all are-control column 'main range distinction' and its Positions in the editing window can be replaced with each other. 3. If the system of the first scope of the patent application, the above-mentioned embedded module will automatically link, execute and perform its functions when the webpage editing system is opened. 4. For the system of item 1 of the scope of patent application, the above-mentioned multiple icon button modules are selected from the group consisting of image conversion modules: capable of updating ^ modules, multi-level option modules, and multimedia modules. The second family of the family: The system of the 5th application of Hodada, the fourth item of the patent scope, where the above-mentioned image conversion module * is not set in the main editing area—the image conversion area, and the first 第19頁 466422 六、申請專利範面 )-第二影像物件栽 ' ^ 區在瀏覽器上顯示時,j Θ像變換區域,當該 區域移動時,該影像變J二工具在該影像變換區要編輯 ,而當指標工具移至兮 '二域所顯示的是該第—‘=外的 域所顯示的是該第;亥影像變換區域中時丄影像物件 • π疋該苐一影僳物件。 °亥影像變換區 6二如申請專利範圍 疋模組係用以在亜之系統,其令上述 在4位置固定區載入—裡叹疋—圖像位置固 u 物件欲在顳-笪第一影像物件,可設金 疋區, 上顯示時,' I π固定,即當該主要編韓^第二影像 捲輪而更,編輯區内容隨著-上ΐί;在劉覽器 要編輯區内容而變動,像物件的位置及内容不會隨該; 如申請專利範圍第4項之 :組係用以在該主要編輯“才、:上述之多階層選項 f階層選項區載入一第四-多階層選項,在該 =階層選項的屬性,可開啟一多階影像物件具 路徑,即當該主要:進一步設定所需的超連結 該第四景ί傻妝杜、#〇 /彳覽器上顯示時,指標工具在 階屉、骂=象物件以外的範圍移動時,該第四影像物件的多 上‘選項為隱藏的狀態,當指標工具移至該第四影像物件 更顯不出多階層選項,可供更多超連結的選擇。 466422 六、申請專利範圍 8如申請專利範圍第4 ^ , L Α 用以提供-媒體百寶,系;中上述之多媒體模組係 類別至少包含一麥像二媒體百寶箱包含許多類別,各 件屬…,可ί 多媒體模組具有更改影像伽 在該主要編輯區中,方式合;該影像物件放置 影像物件儲存在該媒體2 = '组亦會自動將此修改後的 的青專利範圍第8 j員之系統,其中上述之媒體百寶箱 別:ϋ於由顏色類別、影像圖庫、閃動類別、水唾類 ,、影片曰樂類別所組成的族群之一。 10. 種網頁編輯系統,至少包含: 办編輯視窗,該編輯視窗有一邊界,一控制該編輯視 自.、-不的主控列’—主要編輯區及—具多個圖示的功能列 ί 忒邊界用以區分該編輯視窗與外界其它系統環境; j王,編輯區,用以編輯—網頁的顯示内容;及 傲掖;r 列,該功能列有多個圖示鈕模組選自於由影像 ¥換杈組、圖像位置固定槿έ 个 ^ Μ ^ έθ , ΛΑ u疋棋、,且、多階層選項模組及多媒體 棋組所组成的族群之一。 11.如申請專利範圍第1 〇項之李# ^ ^ 主要編耝Fe — 承統,其中上述之主控列、 女屬铒^及功能列皆於該編 平耳視_中,皆有一各邊界與Page 19 466422 VI. Patent application scope)-When the second image object is displayed on the browser, the j Θ image transforms the area. When the area moves, the image transform tool is in the image transform area. To edit, when the indicator tool is moved to the second field, the first field is displayed — '= the field outside is the first field; the image object is in the image transformation area. . ° The image transformation area 62. As the scope of the patent application, the module is used in the system, which makes the above-mentioned load in the 4-position fixed area-inside sigh-the position of the image is fixed. For the video object, you can set the golden image area. When it is displayed, 'I π is fixed, that is, when the main editor Han ^ the second image reel is changed, the content of the editing area is followed by-上 ΐί; the content of the editing area is to be edited in Liu Lan However, the position and content of the object will not change with it. For example, the scope of patent application: Item 4: The group is used to load a fourth- Multi-level options. In the attribute of = level options, you can open a multi-level image object with a path, that is, when the main: further set the required hyperlink, the fourth scene, silly makeup, # 〇 / 彳 Browse on When displayed, when the pointer tool is moved in a range other than the drawer and the image object, the option of 'more on' of the fourth image object is hidden. When the pointer tool is moved to the fourth image object, it will not show multiple levels. Options for more hyperlink options. 466422 VI. Patent application scope 8 If the patent application scope No. 4 ^, L Α is used to provide-media treasure, the above; the above-mentioned multimedia module system category includes at least one wheat image, two media treasure boxes include many categories, each of which belongs to ... ί The multimedia module has a system that changes the image gamma in the main editing area; the image object is placed in the media and stored in the media. 2 = 'The group will also automatically modify this modified blue patent range of the 8th member system Among them, the above-mentioned media treasure box is different from one of the groups consisting of color categories, image galleries, flash categories, saliva categories, and movie music categories. 10. A web editing system, including at least: Edit window The editing window has a boundary, a main control column that controls the editor's view from the ","-not the main editing area and-a function column with multiple icons. 忒 The boundary is used to distinguish the editing window from other external system environments. King J, the editing area for editing-the display content of the web page; and arrogant; R column, this function column has multiple icon button modules selected from the group of image ¥ change branch, image position Ding hibi ge ^ Μ ^ deg θ, ΛΑ u 疋 Chess, and, a multi-level option module and a multi-media group consisting of chess groups. 11. As in the scope of the patent application No. 1 〇 的 李 # ^ ^ Main editor耝 Fe — Cheng Tong, in which the above-mentioned main control column, female genus 上述 ^ and function column are all included in the compilation flat ear _, all have a boundary and 466422 六、申請專利範圍 其他範圍區分,且其在編輯視窗中的位置可互相更換。 12. 如申請專利範圍第1 0項之系統,其中更包含一物件聯 結及內嵌模組,該物件聯結及内嵌模組可用一指標裝置, 將存在於該編輯視窗外的任一物件,以直接拖放的方式, 放入該編輯視窗的該主要編輯區内’該物件聯結及内鼓模 組於開啟該網頁編輯系統時即自動載入其功能。 13. 如申請專利範圍第1 0項之系統,其中上述之影像變換 模組係用以在該主要編輯區裡設定一影像變換區域,將一 第一及一第二影像物件載入該影像變換區域,當該主要編 輯區在瀏覽器上顯示時,指標工具在該影像變換區域以外 的區域移動時,該影像變換區域所顯示的是該第一影像物 件,而當指標工具移至該影像變換區域中時,該影像變換 區域所顯示的是該第二影像物件。 14. 如申請專利範圍第1 0項之系統,其中上述之圖像位置 固定模組係用以在該主要編輯區裡設定一圖像位置固定區 ,在該位置固定區載入一第三影像物件,可設定該第三影 像物件欲在顯示幕上何處固定,即當該主要編輯區在瀏覽 器上顯示時,若該主要編輯區内容隨著一上下捲軸或一左 右捲軸而更動時,該第三影像物件的位置及内容不會隨該 主要編輯區内容而變動。466422 6. Scope of patent application Other areas are distinguished, and their positions in the editing window can be changed. 12. If the system of item 10 of the patent application scope further includes an object link and embedded module, the object link and embedded module can use an indicator device, and any object existing outside the editing window, By directly dragging and dropping, the object link and the inner drum module are placed in the main editing area of the editing window, and the function is automatically loaded when the webpage editing system is opened. 13. The system of item 10 in the scope of patent application, wherein the above-mentioned image conversion module is used to set an image conversion area in the main editing area, and load a first and a second image object into the image conversion. Area, when the main editing area is displayed on the browser, when the index tool moves in an area other than the image transform area, the first image object is displayed in the image transform area, and when the index tool is moved to the image transform When in the area, the image transformation area displays the second image object. 14. The system for applying item 10 of the patent scope, wherein the above-mentioned image position fixing module is used to set an image position fixing area in the main editing area, and load a third image in the position fixing area. Object, you can set where the third image object is to be fixed on the display screen, that is, when the main editing area is displayed on the browser, if the content of the main editing area changes with an up-down scroll or a left-right scroll, The position and content of the third image object will not change with the content of the main editing area. 第22頁 466422 六、申請專利範圍 1 5 ·如申請專利範圍 項模組係用以在該主 該多階層選項區栽入 具有多階層選項的屬 所需的選項項目及調 結路辉,即當該主要 在該第四影像物件以 多階層選項為隱藏的 件上時,便顯示出多 第1 〇項之系 要編輯區裡 一第四影像 性,可開啟 整選項階層 編輯區在瀏 外的範圍移 狀態,當指 階層選項, 統,其中 設定〆多 物件,則 一多階層 ,進一步 覽器上顯 動時,該 標工具移 可供更多 上述之 階層選 該第四 選頊清 設定所 示時, 第四影 至該第 超連結 多階層選 項區,在 影像物件 單,設定 需的超逹 指標工具 像物件的 四影像物 的選擇。 1 传利J圍第10項之系統,其中上述之多媒體模組 體百寶’該媒體百寶箱包含許多類別, 物件屬丨生1 3 一影像物件,且多媒體模組具有更改影像 置在該主要編輯區中ί方式,將2像物件放 的影像物件儲存在該媒體百寶箱中組亦會自:此修改後 17. 箱的 類別 如申請專利範圍第1 6項 類別選自於由顏色類别 、影片音樂類別所組成 之系統》其中上述之媒體百寶 、影像圖庫、閃動類別、爪哇 的族群之一。 18. —種網頁編輯系統,至少包含. 一編輯視窗,該編輯视窗有一 ^ 邊界’一控制該編輯視Page 22 466422 VI. Patent application scope 1 5 · If the patent application scope item module is used to plant the required option items and tune Luhui with multi-level options in the main and multi-level option area, that is, When the fourth image object is mainly hidden by the multi-level option, it will display a fourth image of the 10th item to be edited. You can open the entire option hierarchy edit area outside the browser. The state of the range shift, when referring to the hierarchy option, system, where multiple objects are set, then a multi-level, when further displayed on the browser, the target tool can be used for more of the above-mentioned levels to select the fourth selection clear settings As shown in the figure, from the fourth shadow to the multi-level selection area of the hyperlink, in the image object list, set the required selection of the four image objects of the hyper pointer tool like the object. 1 The system of item 10 of Chuanli J, in which the above-mentioned multimedia module body "Treasure Box" contains many categories. Objects belong to 1 3 and an image object, and the multimedia module has a modified image placed in the main editor. In this way, the group will store the video objects with 2 like objects in the media treasure box. The group will also change from this 17. The category of the box, such as the 16th category of the patent application, is selected from the color category, the movie "System of Music Category" is one of the aforementioned media treasures, video galleries, flash categories, and Java. 18. — A webpage editing system, at least. An editing window, the editing window has a ^ border ’-controls the editing video 46 642 2 六'申請專利範圍 窗顯示的主控列,一主要編輯區及一具多個圖示的功能列 9 該邊界用以區分該編輯視窗與外界其它系統環境; 該主要編輯區,用以編輯一網頁的顯不内容;及 該功能列選自於影像變換模組、圖像位置固定模組、 多階層選項模組及多媒體模組所組成的族群'之一;及 一物件聯結及内嵌模組,該物件聯結及内嵌模組可用 一指標裝置,將存在於該編輯視窗外的任一物件,以直接 拖放的方式’放入該編輯視窗的該主要編輯區内。〆 19.如申請專利範圍第1 8項之系統,其中上述之主控列、 主要編輯區及功能列皆於該編輯視窗中,皆有一各_界與 其他範圍區分,且其在編輯視窗中的位置可互相更換。 2 0.如申請專利範圍第1 8項之系統,其中上述之影像變換 模組係用以在該主要編輯區裡設定一影像變換區域,將一 第一及一第二影像物件載入該影像變換區域,當該主要編 輯區在瀏覽器上顯示時,指標工具在該影像變換區域以外 的區域移動時,該影像變換區域所顯示的是該第一影像物 件,而當指標工具移至該影像變換區域中時,該影像變換 區域所顯示的是該第二影像物件。 21.如申請專利範圍第1 8項之系統,其中上述之圖像位置 固定模組係用以在該主要編輯區裡設定一圖像位置固定區46 642 2 6 'The main control column displayed in the window of the patent application scope, a main editing area and a function bar with multiple icons 9 This boundary is used to distinguish the editing window from other external system environments; the main editing area is used to Edit the displayed content of a web page; and the function is selected from one of the group consisting of an image conversion module, an image position fixing module, a multi-level option module, and a multimedia module; and an object link and Embedded module. The object connection and embedded module can use a pointing device to place any object existing outside the editing window into the main editing area of the editing window by directly dragging and dropping. 〆19. If the system of the 18th in the scope of patent application, the above-mentioned main control bar, main editing area and function bar are all in the editing window, all of them are distinguished from other areas, and they are in the editing window The positions are interchangeable. 20. The system according to item 18 of the scope of patent application, wherein the image conversion module is used to set an image conversion area in the main editing area, and load a first and a second image object into the image. Transformation area. When the main editing area is displayed on the browser, when the index tool moves in an area other than the image transformation area, the first image object is displayed in the image transformation area, and when the index tool is moved to the image When in the transformation area, the second image object is displayed in the image transformation area. 21. The system according to item 18 of the scope of patent application, wherein the above-mentioned image position fixing module is used to set an image position fixing area in the main editing area. 第24頁 46642 2 六、申請專利範圍 ,在該位置固定區載入一第二 像物件欲在顯示幕:何處固:影像物#,可設定該第三影 器上顯示時,若# ± =,即當該主要編輯區在瀏覽 右捲抽而更動=隨著-上下捲轴或一左 主要編輯區内容而變動。 < 的位置及内容不會隨該Page 24 46642 2 VI. For the scope of patent application, load a second image object in the fixed area of the position to be displayed on the display screen: where to fix: image object #, you can set the third projector to display, if # ± =, That is, when the main editing area is scrolled to the right of the scroll, it changes = as the content of the-main scroll area or the left main editing area changes. < location and content will not 22. 如申請 項模組係用 該多階層選 具有多階層 所需的選項 結路徑,即 在該第四影 多階層選項 件上時,便 專利範圍第1 8項之系統,其中 以在該主要編輯區裡設定一多 項區载入一第四影像物件,則 選項的屬性,可開啟一多階層 項目及調整選項階層,進一步 當該主要編輯區在瀏覽器上顯 像物件以外的範圍移動晴,該 為隱藏的狀態,當指標工具移 顯示出多階層選項,可供更多 23.如申請專利範圍第以項之系統,其中 組係用以提供一媒體百寶箱,該媒體百寶 各4別至少包含一影像物件,且多媒體 像物件,性功能’卩利用直接拖放的方式 放置在该主要編輯區中,且多媒體模組亦 後的〜像物件儲存在該媒體百寶箱中。 24’如申清專利範圍第23項之系統,其中上述之媒體多媒 上述之多 階層選項 該第四影 選項清單 設定所需 示時,指 第四影像 至該第四 超連結的 階層選 區,在 像物件 ,設定 的超連 標工具 物件的 影像物 選擇。 上述之多媒體模 箱包含許多類別 模組具有史改影 ’將該影像物件 會自動將此修改22. If the application module is to use the multi-level selection to have the option knot path required by multiple levels, that is, on the fourth shadow multi-level option, the system of item 18 of the patent scope is used, where Set a number of areas in the main editing area to load a fourth image object. The properties of the options can open a multi-level item and adjust the option level. When the main editing area moves beyond the displayed object on the browser, Clear, this is a hidden state. When the indicator tool is moved to display multiple levels of options, more options are available. For example, the system for the first item in the scope of patent application, where the system is used to provide a media treasure box, each of which is 4 Do n’t include at least one image object, and multimedia image object. The sexual function '卩 is placed in the main editing area by direct drag and drop, and the multimedia module is followed by ~ image objects are stored in the media treasure chest. 24 'If the system of claim 23 of the patent scope is cleared, wherein the above-mentioned media and the above-mentioned multi-level options and the fourth shadow option list are set to display, it refers to the fourth image to the fourth hyperlinked hierarchical selection, The image object is selected in the image object, the setting of the super standard tool object. The above multimedia box contains many categories. The module has a history change shadow. 466422 六、申請專利範圍 體的類別選自於由顏色類別、影像圖庫、閃動類別、爪哇 類別、影片音樂類別所組成的族群之一。 含 2 5. —種網頁文件編輯方法,該方法至少包 控制該編 提供一編輯視窗,該編輯視窗有一邊界’, 輯視窗顯示的主控列及一主要編輯區; 以該邊界區分該編輯視窗與外界其它 以該主要編輯區編輯一網頁的顯示内容“;兄, 輯巴2:;影丄象:!換模組,該影像變換模叙可在該主要編 軻£裡5又疋一影像變換區域;及 將弟—及一第二影像物件皆載入該影像變換區域。 26_如申請專利範圍第25項之方沬甘山 第二影像物件,在該主要 ',’其中上述之第一及一 工具在該影像變換區域以外的瀏覽器上顯示時,指標 域所顯示的是該第一影像物件區域移動時,該影像變換區 變換區域中時,該影像變換區祕而當指標工具移至該影像 件。 、°°或所顯示的是該第二影像物 27‘如申請專利範圍第以項 結及内嵌模組,該物件聯奸及决’更包含提供一物件聯 將存在於該編輯視窗外的F :—内歲模紐可用一指標裝置, 放入該編輯视窗的嗲 ~物件’以直接拖放的方式, ^ 胥編輯區内。 麵 466422 六、申請專利範圍 2 8. —種網頁文件編輯方法,該方法至少包含: 提供一編輯視窗,該編輯視窗有一邊界,一控制該編 輯視窗顯示的主控列及一主要編輯區; 以該邊界區分該編輯視窗與外界其它系’統環境; 以該主要編輯區編知·一網頁的顯不内容, 提供一圖像位置固定模組,該圖像位置固定模組可在 該主要編輯區裡設定一圖像位置固定區; 在該位置固定區載入一第一影像物件;及 設定該第一影像物件在顯示幕上固定的位置。 29. 如申請專利範圍第28項之方法,其中上述之第一影像 物件在該主要編輯區於瀏覽器上顯示時,若該主要編輯區 内容隨著一上下捲軸或一左右捲軸而更動時,該第一影像 物件的位置及内容不會隨該主要編輯區内容而變動,會在 顯示幕上原以設定的固定位置上。 30. 如申請專利範圍第28項之方法,更包含提供一物件聯 結及内嵌模組,該物件聯結及内嵌模組可用一指標裝置, 將存在於該編輯視窗外的任一物件,以直接拖放的方式, 放入該編輯視窗的該主要編輯區内。 31. —種網頁文件編輯方法,該方法至少包含:466422 6. The scope of patent application The category of the body is selected from one of the groups consisting of color category, image gallery, flash category, Java category, and movie music category. Contains 25. A method for editing a web page file. The method at least includes controlling the editor to provide an editing window, the editing window has a border, a main control column displayed by the editing window, and a main editing area; the editing window is distinguished by the boundary. Edit the display content of a webpage with other main editors in the main editing area "; dude, jiba 2 :; video image:! Change the module, the image conversion model can be included in the main editor. Change the area; and load the second image object and the second image object into the image conversion region. 26_ If the second image object of Fang 沬 ganshan in the scope of the application for the patent is No. 25, When one and one tools are displayed on a browser other than the image transformation area, the indicator field shows that when the first image object area is moved, when the image transformation area is in the transformation area, the image transformation area is hidden and the indicator tool Move to the image piece., °° or what is displayed is the second image piece 27 'If the scope of the patent application is based on the item and the embedded module, the object linking and decision' will also include providing an object link will exist F: outside the editing window can use an index device, put 嗲 ~ objects' in the editing window by dragging and dropping directly, ^ 胥 editing area. Face 466422 6. Application for patent scope 28. A method for editing a web page file, the method includes at least: providing an editing window, the editing window having a boundary, a main control column controlling the editing window display, and a main editing area; the boundary distinguishing the editing window from other external systems 'Unified environment; Based on the main editing area editing and display content of a web page, provide an image position fixing module, which can set an image position fixing area in the main editing area; Load a first image object in the position fixing area; and set the fixed position of the first image object on the display screen. 29. For example, the method of the scope of patent application No. 28, wherein the first image object is in the main When the editing area is displayed on the browser, if the content of the main editing area changes with an up-down scroll or a left-right scroll, the position and content of the first image object It will not change with the content of the main editing area, and will be set at a fixed position on the display screen. 30. If the method of the scope of patent application No. 28, it also includes providing an object link and embedded module, the object link And the embedded module can use an indicator device to place any object outside the editing window into the main editing area of the editing window by dragging and dropping directly. 31. A method for editing a web document, The method contains at least: 第27頁 466422 六、申請專利範圍 提供一編輯視窗,該編輯視窗有一第一邊界,一控制 該編輯視窗顯示的第一主控列及一主要編輯區; 以該第一邊界區分該編輯視窗與外界其它系統環境; 以該主要編輯區編輯一網頁的顯示内容; 提供一多階層選項模組,該多階層選項·模組可在該主 要編輯區裡設定一多階層選項區; 在該多階層選項區載入一第一影像物件; 點選該第一影像物件,開啟一多階層選項子視賓; 設定所需的多個選項項目及調整多個選項階層;及 設定所需的超連結路徑。 3 2.如申請專利範圍第3 1項之方法,其中上述之第一影像 物件在該主要編輯區於瀏覽器上顯示時,指標工具在該第 一影像物件以外的範圍移動時,該第一影像物件的多階層 選項為隱藏的狀態,當指標工具移至該第一影像物件上時 ,便顯示出多階層選項,可供更多超連結的選擇。 33.如申請專利範圍第31項之方法,其中上述之多階層選 項子視窗更包含: 一第二邊界用以區分該編輯視窗與外界其它系統環境 9 一控制該編輯視窗顯示的第二主控列;Page 27 466422 6. The scope of the patent application provides an editing window, the editing window has a first border, a first main control column and a main editing area controlling the editing window; the first border is used to distinguish the editing window from the main editing area; Other external system environments; Edit the display content of a web page in the main editing area; Provide a multi-level option module, the multi-level option module can set a multi-level option area in the main editing area; in the multi-level area Load a first image object in the option area; click the first image object to open a multi-level option sub-viewer; set the required multiple option items and adjust multiple option levels; and set the required hyperlink path . 3 2. The method according to item 31 of the scope of patent application, wherein when the above-mentioned first image object is displayed on the browser in the main editing area, when the index tool moves outside the first image object, the first The multi-level options of the image object are hidden. When the pointer tool is moved to the first image object, the multi-level options are displayed, which can provide more hyperlink options. 33. The method according to item 31 of the patent application scope, wherein the above-mentioned multi-level option sub-window further includes: a second border to distinguish the editing window from other external system environments 9 a second main control that controls the editing window display Column 第28頁 6422 六、申請專利範園 一第二功能列’有多個圖示鈕模組選自於由設定多階 層選項顯不的方式及增删多階層選項所組成族群之一; 一多階層選項選單區,顯示多階層選項編輯的架構以 供編輯;及 一超連結圖示,供設定多階層選項超連結的功能。 35. 法,更包含提供一物件聯 嵌模組可用一指標裝置, 任一物件’以直接拖放的方式, 編輯區内。 法’該方法至少包含: 窗有一第一邊界,一控制 一主要編輯區; 將C ί別類別中選擇 ' ^第—影像物件放 一媒體 於由顏 樂類別 一第一 置在該 百寶箱,該媒體百寶箱包 色類別、影像圖庫、閃動 所組成的族群之一; 影像物件;及 主要編輯區中。Page 28 6422 VI. The second function bar of the patent application Fanyuan 'has multiple icon button modules selected from one of the groups consisting of the way of setting multi-level options and adding or deleting multi-level options; one multi-level The option menu area displays a multi-level option editing framework for editing; and a hyperlink icon for setting a multi-level option hyperlink function. 35. The method further includes providing an object embedding module which can be used as a pointing device. Any object ’can be directly dragged and dropped in the editing area. This method includes at least: the window has a first border, one controls a main editing area; selects the C category, the first object is a media object placed in the treasure chest by the Yanle category, the first One of the groups consisting of color categories, image galleries, and flashing media treasures; image objects; and in the main editing area. 第29頁 34.如申請專利範圍第儿1 結及內喪模組,該物件聯 =存在於該編輯視窗外的 敌入該編輯视窗的該主要 種網頁文件編輯方 提供一魄is、 該編輯视窗,視窗’該 饵囪顯示的第一主 2第-邊界區分該 从遠主座:ΛΑ i 王要編輯區編輯 提供一容册A 開啟體模組; ^ 媒體子視窗 含許多類別媒體^組的 _別、/ ,唣類別選自 在:唾類別、影片音 項之方 結及内 編輯視 控列及 編輯視窗與外界其它系統環境 一網頁的顯示内容; 466422 六、申請專利範圍 36. 如申請專利範圍第35項之方法,其中上述之/多媒體模 組更具有編輯及預覽該第一影像物件屬性功能,且會自動 將此修改後的該第一影像物件儲存在該媒體百寶箱中。 37. 如申請專利範圍第35項之方法,其中上’述之多媒體子 視窗更包含: 一第二邊界,用以區分該編輯視窗與外界其它.系統環 境; 一控制該編輯視窗顯示的第二主控列; 一第二功能列,包含許多圖示鈕,該圖示鈕選自於由 背景顏色、圖庫及網頁動態内容物件類別所組成族群之一 一輔助列,包含許多圖示紐,該圖示紐選自於由媒體 百寶箱類別選單顯示區、新^圖示及刪除圖示所組成族群 之一;及 一媒體百寶箱類別内容顯示區。 38. 如申請專利範圍第37項之方法,其中上述之圖示鈕包 含一預覽子視窗,該預覽子視窗更至少包含: 一第三邊界,用以區分該編輯視窗與外界其它系統環 境;Page 29 34. If the scope of the patent application is for the first paragraph and the internal funeral module, the object link = the main type of web document editor who exists outside the editing window and enters the editing window provides the isometric, the editing Windows, windows' The first master 2nd-boundary displayed by the bait is distinguished from the remote master: ΛΑ i Wang Yao edits the editor to provide a volume A to open the module; ^ The media subwindow contains many categories of media ^ groups _ 别 、 / , 唣 The category is selected from the following: saliva category, video knots and internal editing video control bar and editing window and display content of a web page in other system environment; 466422 VI. Patent application scope 36. If you apply The method of the 35th aspect of the patent, wherein the above / multimedia module has a function of editing and previewing the properties of the first image object, and automatically stores the modified first image object in the media treasure chest. 37. For example, the method of claim 35, wherein the above-mentioned multimedia sub-window further includes: a second border for distinguishing the editing window from other external. System environments; a second controlling the display of the editing window Main control bar; a second function bar, including a number of icon buttons, the icon button is selected from one of the group consisting of background color, gallery, and web page dynamic content object category, an auxiliary bar, containing many icon buttons, the The icon button is selected from the group consisting of a media treasure box category menu display area, a new icon and a delete icon; and a media treasure box category content display area. 38. The method according to item 37 of the scope of patent application, wherein the icon button mentioned above includes a preview sub-window, and the preview sub-window further includes at least: a third border to distinguish the editing window from other external system environments; 第30頁 4 6 642 2 六、申請專利範圍 —第三主控列,該篦二上 罘〜主控列有多個圖示鈕模組選t 於由將忒編輯視窗縮至最丨 Μ # $ t 。敢、、將該編輯視窗放至最大及關 閉該編輯視1¾所組成族群之〜. 一播放區顯示任一動態擋: 一播放控制用以啟動你 ’ 一栌取抑M m 動態檔的播放動作;及 才口取控制用以從該播 田 檔的預覽影像。 敌區拮取一晝面.,作為此動態 39.如申請專利範圍 結及内鼓模組,= =存在於該編輯視窗 放入該編輯视窗的該 40. 種網頁文件編 弟3 5項之方法,更包含提供一物件聯 件聯結及内嵌模組可用一指標裝置, 外的任一物件,以直接拖放的方式, 主要編輯區内。 輯方法,該方法至少包含: ,供一蝙辑视窗 現尚顯示的主控列 以該邊界區分該 以4主要蝙輯區 提供一物件聯結 在該編輯視窗以 指標擬置從 主要編輯區成為—第 控制該編 ’該編輯視窗有一邊界, 及一主要編輯區; 編輯視窗與外界其它系統環境; 編輯一網頁的顯示内容; 及内嵌模組; 外的區威開啟—物件選單;及 該物件選單中將一第一物件拖放至該 二物件。Page 30 4 6 642 2 VI. Scope of patent application-the third main control column, the second upper column ~ the main control column has a plurality of icon button modules, and the editing window will be reduced to the maximum #M # $ t. Dare ,, close the editing window to the maximum and close the editing group 1¾. ~ A playback area displays any dynamic block: a playback control to start you 'a block of M m dynamic file playback action ; And access control to preview images from the broadcast field file. The enemy's area is confined to one day. As a development of this 39. If the scope of the patent application and the inner drum module, = = the 40. web page editors that exist in the editing window and put into the editing window 3 of 5 items The method further includes providing an object link and an embedded module which can be used as a pointing device, and any object outside the main editing area can be directly dragged and dropped. The editing method at least includes: for the main control column currently displayed in a bat editing window to distinguish the boundary with the 4 main bat editing area to provide an object connection in the editing window with indicators proposed from the main editing area to— The first control editor's editing window has a border, and a main editing area; the editing window and other external system environments; editing the display content of a web page; and embedded modules; the external zone opening-object menu; and the object Drag a first object to the two objects in the menu. 466422 六、申請專利範圍 41. 如申請專利範圍第40項之方法,其中上述之物件聯結 及内嵌模組更包含:466422 6. Scope of applying for patent 41. For the method of applying for the scope of patent application No. 40, the above-mentioned object connection and embedded module further include: 第32頁Page 32
TW89111192A 2000-06-12 2000-06-12 Multimedia web page editor TW466422B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW89111192A TW466422B (en) 2000-06-12 2000-06-12 Multimedia web page editor

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW89111192A TW466422B (en) 2000-06-12 2000-06-12 Multimedia web page editor

Publications (1)

Publication Number Publication Date
TW466422B true TW466422B (en) 2001-12-01

Family

ID=21660019

Family Applications (1)

Application Number Title Priority Date Filing Date
TW89111192A TW466422B (en) 2000-06-12 2000-06-12 Multimedia web page editor

Country Status (1)

Country Link
TW (1) TW466422B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2004008351A1 (en) * 2002-07-11 2004-01-22 Webnd Technologies Pty Ltd Electronic content publication management system and method

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2004008351A1 (en) * 2002-07-11 2004-01-22 Webnd Technologies Pty Ltd Electronic content publication management system and method

Similar Documents

Publication Publication Date Title
JP3219027B2 (en) Scenario editing device
RU2506629C2 (en) Creating presentation on infinite canvas and navigation thereon
US8756525B2 (en) Method and program for displaying information and information processing apparatus
US9600164B2 (en) Media-editing application with anchored timeline
US8166402B2 (en) User interface for managing master and layout relationships
US8560952B2 (en) Adding an arbitrary number of placeholders to a custom layout
JP4612069B2 (en) How to represent and manipulate data
US8875025B2 (en) Media-editing application with media clips grouping capabilities
US8024672B1 (en) System and method for generating presentations
EP0827092A2 (en) Navigation editor framework for building multimedia titles
US7555722B2 (en) Dynamic link control object for dynamically presenting link options in connection with a content management server system
JP4669912B2 (en) Content browsing system, program, and content browsing method
JPH08509824A (en) Collaborative work system
JP2012524942A (en) Media timeline interaction
JPH11205736A (en) Moving image editing device
JP5785227B2 (en) System and method for mapping logical assets to physical assets in a user interface
US7523403B2 (en) Placeholder control object for creating and viewing content in connection with a content management server system
TW466422B (en) Multimedia web page editor
US20040145611A1 (en) Method, program, and system for editing contents of multimedia
US20080115062A1 (en) Video user interface
JP4798479B2 (en) Content editing apparatus, content editing program, and content editing method
WO2002023350A1 (en) Technique for superimposingly display additional information on display screen
JP2000250902A (en) Computer readable recording medium recording contents production tool
JP4953190B2 (en) Display device, content browsing method, and program
JP2003099424A (en) Document data structure, storage medium and information processor

Legal Events

Date Code Title Description
GD4A Issue of patent certificate for granted invention patent
MM4A Annulment or lapse of patent due to non-payment of fees