TW466422B - Multimedia web page editor - Google Patents
Multimedia web page editor Download PDFInfo
- 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
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
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)
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)
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 |
-
2000
- 2000-06-12 TW TW89111192A patent/TW466422B/en not_active IP Right Cessation
Cited By (1)
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 |