專利名稱：通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之系統(tǒng)及其方法
技術領域：
本發(fā)明涉及一種網(wǎng)頁之瀏覽之系統(tǒng)及其方法，特別是指一種通過客戶端 的操作模塊提供圖形化網(wǎng)頁進行瀏覽，以實現(xiàn)網(wǎng)頁瀏覽之系統(tǒng)及其方法。
背景技術：
近年來，隨著網(wǎng)際網(wǎng)絡的蓬勃發(fā)展，網(wǎng)站的數(shù)量也呈現(xiàn)等比級數(shù)的成長 幅度，各行各業(yè)通過成立包含許多網(wǎng)頁的專屬網(wǎng)站，用于進行產(chǎn)品行銷及增 加市場能見度，已成為不可避免的趨勢， 一般的網(wǎng)頁瀏覽方式，皆以文字條
列的方式^荅配超本文標記語言(Hypertext Markup Language, HTML)的超鏈 結(jié)，用于進行網(wǎng)頁瀏覽，而當頻寬增加后，以圖片影像取代文字條列的超連 結(jié)方式逐漸普及，然而，隨著網(wǎng)頁資料的增長，無論是以文字條列或是圖片 影像搭配超連結(jié)，網(wǎng)頁版面的空間皆會隨網(wǎng)頁資料的增長而顯得擁擠，所以 在網(wǎng)頁版面的字體也開始越變越小造成瀏覽上的問題，因此如何充分利用有 限的網(wǎng)頁版面空間，已成為不容忽視的議題。
一般而言，已知技術之網(wǎng)頁瀏覽方式，通常依據(jù)網(wǎng)頁中放置已分類的圖 片影像及文字符號，且具備超連結(jié)的群組訊息，例如視聽娛樂、科學科技、 商業(yè)金融及社會人文等，用于供使用者依不同分類進一步點選，以便連結(jié)至 對應使用者所選擇之分類網(wǎng)頁，進而節(jié)省使用者查找資料的時間，不過此方 式在資料種類繁多，進而使得分類復雜的情況下，易造成因為增加圖片影像 及文字符號之數(shù)量，以及網(wǎng)頁連結(jié)之階層，進而產(chǎn)生網(wǎng)頁服務器效能不彰的 問題，且在層層連結(jié)的情況下，徒增使用者查找資料的難度，因此后來有人 提出以圖形化網(wǎng)頁方式進行網(wǎng)頁瀏覽，用于解決查找資料不易之問題，但是 以圖形化網(wǎng)頁方式的網(wǎng)頁瀏覽過程中，由于需要頻繁傳送請求至網(wǎng)頁服務 器，因此同樣不足以解決網(wǎng)頁服務器效能不彰的問題。
因此，有必要針對已知技術上所產(chǎn)生網(wǎng)頁服務器效能不彰及網(wǎng)頁瀏覽方
式不友善之問題提出解決方案。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術問題是提供一種通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏 覽之系統(tǒng)及其方法，通過客戶端的操作模塊進行圖形化網(wǎng)頁瀏覽之處理，用 于增加網(wǎng)頁瀏覽之友善性，以及提升網(wǎng)頁服務器之處理效能。
為了解決上述問題，本發(fā)明提供了 一種通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽
之系統(tǒng)，包含
一訊息資料庫，存放有至少 一連結(jié)參數(shù)所對應之至少 一訊息資料；
一網(wǎng)頁服務器，用于收到一HTTP請求時，傳回一個包含所述連結(jié)參數(shù) 之HTML文件，其中該HTML文件更包含一底圖、 一目標元件及至少一圖 示；及
至少一客戶端，該些客戶端均可用于發(fā)出所述HTTP請求，其包含有自 所述網(wǎng)頁服務器傳回并內(nèi)嵌于所述HTML文件的一操作模塊，用于在該 HTML文件于該些客戶端顯示時執(zhí)行，并對該些客戶端的操作進行處理，該 操作模塊更包含有
一移動處理單元，用于當所述客戶端點選所述圖示之一時，執(zhí)行所述目 標元件之一移動顯示處理，使該目標元件移動至該圖示；及
一訊息處理單元，用于當所述客戶端點選所述圖示之一時，經(jīng)由一點選 判斷處理產(chǎn)生一內(nèi)嵌框架，并根據(jù)所述連結(jié)參數(shù)之第一連結(jié)參數(shù)，自所述訊 息資料庫中傳回對應所述訊息資料于該內(nèi)嵌框架；其中，當該些客戶端于該
內(nèi)嵌框架中，經(jīng)由一操作選項選取該些連結(jié)參數(shù)之第二連結(jié)參數(shù)時，自該訊 息資料庫中傳回對應該訊息資料于該內(nèi)嵌框架。
進一步地，上述系統(tǒng)還可包括，其中所述操作模塊是自JavaScript、 VB Script及JScript之程序語言組合選擇之。
進一步地，上述系統(tǒng)還可包括，其中所述移動顯示處理系將所述目標元 件自當前座標移動至一輸入裝置所點選產(chǎn)生的目的座標，直到當前座標等于 目的座標時4f止移動該目標元件。
進一步地，上述系統(tǒng)還可包括，其中所述點選判斷處理是依據(jù)所述輸入 裝置所點選的座標位置與各所述圖示的座標位置進行比對，用于判斷客戶端 是否點選各該圖示。
進一步地，上述系統(tǒng)還可包括，其中所述操作選項是用于傳遞第二連結(jié) 參數(shù)至所述訊息資料庫，用于取得對應的所述訊息資料。
本發(fā)明還提供了一種通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之方法，應用于具 有一網(wǎng)頁服務器、 一訊息資料庫及至少一客戶端之網(wǎng)絡環(huán)境中，用于提供使 用者通過瀏覽器經(jīng)由網(wǎng)絡進行瀏覽，包含有下列步驟
建立至少 一連結(jié)參數(shù)所對應之至少 一訊息資料；
所述網(wǎng)頁服務器收到所述客戶端發(fā)出的一 HTTP請求時，傳回一個包含 所述連結(jié)參數(shù)之HTML文件至該些客戶端，其中該HTML文件更包含一底 圖、 一目標元件及至少一圖示，該HTML文件更內(nèi)嵌一操作模塊；及
將所述HTML文件顯示于所述客戶端，并對該些客戶端的操作進行處 理，包含有下列步驟
當所述客戶端點選所述圖示之一時，執(zhí)行所述目標元件之一移動顯示處 理，使該目標元件移動至該圖示；
當所述客戶端點選所述圖示之一時，經(jīng)由一點選判斷處理產(chǎn)生一內(nèi)嵌框 架，并根據(jù)所述連結(jié)參數(shù)之第一連結(jié)參數(shù)，自所述訊息資料庫中傳回對應所 述訊息資料于該內(nèi)嵌框架；及
當所述客戶端于所述內(nèi)嵌框架中，經(jīng)由 一操作選項選取所述連結(jié)參數(shù)之 第二連結(jié)參數(shù)時，自所述訊息資料庫中傳回對應所述訊息資料于該內(nèi)嵌框
恕不。
進一步地，上述方法還可包括，其中所述操作模塊是自JavaScript、 VB Script及JScript之程序語言組合選擇之。
進一步地，上述方法還可包括，其中所述移動顯示處理更包含下列步驟
取得所述目標元件之當前座標；
取得一輸入裝置選擇之目的座標；
將所述目標元件自當前座標往目的座標移動；及 于當前座標等于目的座標時，停止移動所述目標元件。 進一步地，上述方法還可包括，其中所述點選判斷處理更包含下列步驟 判斷所述輸入裝置是否點選各所述圖示；
產(chǎn)生所述內(nèi)嵌框架，并依據(jù)所述連結(jié)參數(shù)之第一連結(jié)參數(shù)載入對應的所 述訊息資料
依據(jù)所點選的座標位置與各所述圖示的座標位置進行比對；及
當比對結(jié)果相同時，顯示一操作選項，并依據(jù)所述連結(jié)參數(shù)之第二連結(jié) 參數(shù)，用于控制所述內(nèi)嵌框架之顯示頁面。
進一步地，上述方法還可包括，其中所述操作選項是用于傳遞所述連結(jié) 參數(shù)之第二連結(jié)參數(shù)至所述訊息資料庫，用于取得對應的所述訊息資料。
與現(xiàn)有技術相比，應用本發(fā)明，通過客戶端程序進行圖形化網(wǎng)頁瀏覽之 處理方法使網(wǎng)頁服務器效能不彰及網(wǎng)頁瀏覽方式不友善之問題得以解決。


圖1是本發(fā)明通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之系統(tǒng)方塊圖； 圖2是本發(fā)明通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之方法流程圖； 圖3是本發(fā)明移動顯示處理之方法流程圖； 圖4是本發(fā)明點選判斷處理之方法流程圖； 圖5是本發(fā)明之HTML文件示意圖6及圖7是本發(fā)明于使用者利用輸入裝置點選圖示時進行移動顯示處 理及點選判斷處理之示意圖8至圖12是本發(fā)明于使用者內(nèi)嵌框架中進行操作選項之示意圖。
具體實施例方式
下面結(jié)合附圖和具體實施例對本發(fā)明作進一步說明。
請參閱圖1，圖l是本發(fā)明通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之系統(tǒng)方塊
圖，包含有訊息資料庫101、網(wǎng)頁服務器102、客戶端103、 HTML文件 110、操作模塊lll、移動處理單元112及訊息處理單元113。其中，訊息資 料庫101,存放有連結(jié)參數(shù)所對應之訊息資料；網(wǎng)頁服務器102,用于收到 HTTP請求時，傳回一個包含連結(jié)參數(shù)之HTML文件110,其中HTML文件 IIO更包含底圖、目標元件及圖示，上述之連結(jié)參數(shù)是指一般HTML文件的 超連結(jié)中所內(nèi)含之內(nèi)容(例如http:〃www.xxx.com/news.htm 、 http:〃www.xxx.com/movie.htm及http:〃www.xxx.com/bank.htm),而i凡,氛,資泮牛 為存;^丈于訊息資料庫101之分類訊息(例如新聞類、影;見類及財經(jīng)類的相 關內(nèi)容等)。
客戶端103均可用于發(fā)出HTTP請求，其包含有自網(wǎng)頁服務器102傳回 并內(nèi)嵌于HTML文件110的操作模塊111,用于在HTML文件110顯示于 客戶端103時執(zhí)行，并對客戶端103的操作進行處理，操作模塊111更包含 有移動處理單元112及訊息處理單元113。其中，移動處理單元112用于當 客戶端103點選圖示之一時，執(zhí)行目標元件之移動顯示處理，使目標元件移 動至圖示，其移動顯示處理是將目標元件自當前座標移動至輸入裝置所點選 產(chǎn)生的目的座標，直到當前座標等于目的座標時停止移動目標元件，在目標 元件的移動顯示過程中，由于客戶端103的操作都是通過操作模塊111處理， 因此不需經(jīng)由傳送任何請求至網(wǎng)頁服務器102即可進行移動顯示，所以能夠 減少網(wǎng)頁服務器102的運作負擔。
訊息處理單元113，是用于當客戶端103點選圖示之一時，經(jīng)由點選判 斷處理產(chǎn)生內(nèi)嵌框架，并根據(jù)連結(jié)參數(shù)之第一連結(jié)參數(shù)(例如圖7中，使 用者點選的圖示為新聞圖示512,而新聞圖示512所對應的超連結(jié)訊息為 http:〃www.xxx.com/news.htm,此超連結(jié)訊息即為所謂的第一連結(jié)參數(shù)，有 關圖7將在后面的實施例中詳加說明)，自訊息資料庫101中傳回對應訊息 資料于內(nèi)嵌框架。
其中，當客戶端103于內(nèi)嵌框架中，經(jīng)由操作選項選取連結(jié)參數(shù)之第二 連結(jié)參數(shù)(例如圖8中，使用者點選內(nèi)嵌框架601中的操作選項之下一頁 選項，而此下 一 頁選項所對應的超連結(jié)訊息為
http:〃www.xxx.com/news_page—next.htm，此超連結(jié)訊息即為所謂的第二連結(jié) 參數(shù)，有關圖8將在后面的實施例中詳加說明)時，自訊息資料庫101中傳 回對應訊息資料于內(nèi)嵌框架，所述之點選判斷處理是依據(jù)輸入裝置所點選的 座標位置與圖示的座標位置進行比對，用于判斷客戶端103是否點選圖示， 而操作選項是用于傳遞第二連結(jié)參數(shù)至訊息資料庫101,用于取得對應的訊 息資料。
前面所提及的移動顯示處理、點選判斷處理及操作選項將在之后進一步 說明。
如圖2所示，為本發(fā)明通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之方法流程圖， 包含有下列步驟建立連結(jié)參數(shù)所對應之訊息資料(步驟201);網(wǎng)頁服務器 收到客戶端發(fā)出的HTTP請求時，傳回一個包含連結(jié)參數(shù)之HTML文件至 客戶端，其中HTML文件更包含底圖、目標元件及圖示，HTML文件更內(nèi) 嵌操作模塊(步驟202);將HTML文件顯示于客戶端，并對客戶端的操作進 行處理(步驟203);當客戶端點選圖示之一時，執(zhí)行目標元件之移動顯示處 理，使目標元件移動至圖示(步驟204);當客戶端點選圖示之一時，經(jīng)由點 選判斷處理產(chǎn)生內(nèi)嵌框架，并根據(jù)連結(jié)參數(shù)之第一連結(jié)參數(shù)，自訊息資料庫 中傳回對應訊息資料于內(nèi)嵌框架(步驟205)及當客戶端于內(nèi)嵌框架中，經(jīng)由 操作選項選取連結(jié)參數(shù)之第二連結(jié)參數(shù)時，自訊息資料庫中傳回對應訊息資 料于內(nèi)嵌框架(步驟206)。
接著本發(fā)明將進一步說明上述所提及之移動顯示處理，請參閱圖3為本 發(fā)明移動顯示處理之方法流程圖，包含有下列步驟取得目標元件之當前座 標(步驟2041);取得輸入裝置選擇之目的座標(步驟2042);將目標元件自當 前座標位置往目的座標移動(步驟2043);于當前座標等于目的座標時(步驟 2(M4),停止移動目標元件(步驟2045)。
接著本發(fā)明進一步說明上述所提及之點選判斷處理，請參閱圖4，為本 發(fā)明點選判斷處理之方法流程圖，包含有下列步驟判斷輸入裝置是否點選 圖示(步驟2051);產(chǎn)生內(nèi)嵌框架，并依據(jù)連結(jié)參數(shù)之第一連結(jié)參數(shù)載入對應 的訊息資料(步驟2052);依據(jù)所點選的座標位置與圖示的座標位置進行比對 (步驟2053);當比對結(jié)果相同(步驟2054);顯示操作選項，并依據(jù)連結(jié)參數(shù)
之第二連結(jié)參數(shù)，用于控制內(nèi)嵌框架之顯示頁面(步驟2055),所述之操作選 項是用于傳遞連結(jié)參數(shù)之第二連結(jié)參數(shù)至訊息資料庫，用于取得對應的訊息 資料，其中，連結(jié)參數(shù)之第一連結(jié)參數(shù)是指圖示對應之連結(jié)參數(shù)，而第二連 結(jié)參數(shù)則是在操作選項中所對應之連結(jié)參數(shù)，。
以下本發(fā)明將配合圖5至圖12以實施例方式進行如下說明，請先參閱 圖5是本發(fā)明之HTML文件示意圖，如前所述，圖中則顯示出使用者經(jīng)由 網(wǎng)頁服務器102接收到具有底圖510、目標元件511及圖示(例如新聞臺圖 示512、銀行圖示513及電影院圖示514)之HTML文件110,且HTML文件 110更內(nèi)嵌有操作模塊111(步驟202),并通過瀏覽器經(jīng)由網(wǎng)絡進行瀏覽，除 此之外，圖中還包括有代表輸入裝置的鼠標501，此為HTML文件110顯示 的初始狀態(tài)，初始時目標元件511通常顯示于畫面中央，等待使用者移動鼠 標501及點選圖示(例如新聞臺圖示512^L行圖示、513及電影院圖示514) 以便作進一步瀏覽及處理(步驟203)。
當使用者想進一步瀏覽與新聞相關的文章時，將經(jīng)由移動鼠標501點選 對應新聞類型的圖示(例如新聞臺圖示512)來達到目的，請參閱圖6及圖 7是本發(fā)明于使用者利用輸入裝置點選圖示時進行移動顯示處理及點選判斷 處理之示意圖，如圖6所示，包括鼠標501、底圖510、目標元件511、新 聞臺圖示512、銀行圖示513、電影院圖示514及內(nèi)嵌框架601,當使用者 點選新聞臺圖示512時，會執(zhí)行移動顯示處理，使得目標元件511從原本的 位置往新聞臺圖示512的方向移動(步驟204),移動顯示處理為了要將目標 元件511移動至新聞臺圖示512，會先取得目標元件511之當前座標(步驟 2041)及輸入裝置(例如鼠標501)選擇之目的座標，也就是新聞臺圖示512 的座標(步驟2042)后，將目標元件511從當前座標往目的座標移動(目標元 件511的移動速度，基本上只要符合能夠讓人眼觀看且舒適的速度均可)(步 驟2043),并判斷當前座標是否等于目的座標(步驟2044),若是則目標元件 停止移動(步驟2045),反之則繼續(xù)往目的座標移動(步驟2043),由于此時目 標元件511之當前座標不等于目的座標，也就是說還沒有移動到使用者所點 選的座標位置(例如新聞臺圖示512),所以目標元件511繼續(xù)往目的座標 移動(步驟2(M3)。
在使用者點選新聞臺圖示512時，會同時經(jīng)由點選判斷處理，產(chǎn)生內(nèi)嵌 框架601,并依據(jù)連結(jié)參數(shù)之第一連結(jié)參數(shù)，自訊息資料庫101中傳回對應 訊息資料于內(nèi)嵌框架中(步驟205),其中，點選判斷處理的詳細說明如下
由于使用者點選新聞臺圖示512,所以在經(jīng)過判斷輸入裝置是否點選圖 示(步驟2051)后，可以得知使用者已經(jīng)點選圖示，因此產(chǎn)生內(nèi)嵌框架601， 并依據(jù)連結(jié)參數(shù)之第一連結(jié)參數(shù)載入對應之訊息資料(例如新聞標題l)(步 驟2052),接著依據(jù)所點選的座標位置與新聞臺圖示的座標位置進行比對(步 驟2053)，由于當前目標元件511尚未移至新聞圖示512的座標位置，所以 比對結(jié)果不同，因此不顯示操作選項(步驟2054)。
接下來說明當目標元件511進入新聞圖示512的情況，如圖7所示，與 圖6之差異僅在于目標元件511已經(jīng)移動至新聞臺圖示512的座標位置，所 以在經(jīng)過判斷之后(步驟2054),內(nèi)嵌框架601中顯示操作選項(例如完整 頁面及下 一 頁)，并依據(jù)連結(jié)參數(shù)之第二連結(jié)參數(shù)(例如 http:〃www.xxx.com/news_page—fUll.htm 及 http:〃www.xxx.com/news_page—next.htm), 用于4空制內(nèi)嵌才匡架之顯示頁面(步 驟2055)。
最后將說明使用者在內(nèi)嵌框架中進行操作之方式，請參閱圖8至圖12 是本發(fā)明于使用者內(nèi)嵌框架中進行操作選項之示意圖，請先參閱圖8，由于 載入訊息資料庫101內(nèi)對應新聞臺圖示512之訊息資料(例如新聞標題1) 是第一筆訊息資料，因此操作選項顯示完整頁面及下一頁之選項，以供使用 者選擇，當使用者將鼠標501移至操作選項(例如下一頁)并進行點選(選取 連結(jié)參數(shù)之第二連結(jié)參數(shù)如http:〃www.xxx.com/news_page—next,htm)時，會 自訊息資料庫101中傳回對應訊息資料于內(nèi)嵌框架601中(步驟206)，所顯 示之畫面如圖9所示，其內(nèi)嵌框架601中顯示訊息資料(例如新聞標題2) 及才喿作選項(例如上一頁、完整頁面及下一頁)。
當使用者再次點選(步驟206)下一頁之選項直至最后一筆訊息資料時， 其所顯示之畫面如圖IO所示，其內(nèi)嵌框架601中顯示訊息資料(例如新聞 標題n，其中n代表最后一筆資料)及操作選項(例如上一頁及完整頁面)。
另外，請參閱圖11,當使用者將鼠標501移至內(nèi)嵌框架601內(nèi)之操作
選項(例如完整頁面)并進行點選(步驟206)時，所顯示之畫面如圖12所示， 整個瀏覽畫面將連結(jié)至新聞網(wǎng)頁610。
至于以鼠標501點選電影院圖示514及銀行圖示513之操作流程與上述 實施例相同，差別僅在于顯示之訊息資料上有所差異，在此不再贅述。
經(jīng)由上述實施例說明可得知，本發(fā)明移動處理單元112所進行的4喿作都 是在客戶端103執(zhí)行，因此在進行目標元件511的移動顯示過程中，不需經(jīng) 由傳送任何請求至網(wǎng)頁服務器102即可進行移動顯示，與已知技術需頻繁傳 送請求至網(wǎng)頁服務器102相比，將可大幅降低網(wǎng)頁服務器102的負載，避免 網(wǎng)頁服務器102效能不彰，除此之外，更可提高網(wǎng)頁瀏覽方式的友善性。
以上所述，僅為本發(fā)明較佳的具體實施例，但本發(fā)明的保護范圍并不局 限于此，任何熟悉該技術的人在本發(fā)明所揭露的技術范圍內(nèi)，可輕易想到的 變化或替換，都應涵蓋在本發(fā)明的保護范圍之內(nèi)。因此，本發(fā)明的保護范圍 應該以權(quán)利要求的保護范圍為準。
權(quán)利要求
1、一種通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之系統(tǒng)，其特征在于，包含一訊息資料庫，存放有至少一連結(jié)參數(shù)所對應之至少一訊息資料；一網(wǎng)頁服務器，用于收到一HTTP請求時，傳回一個包含所述連結(jié)參數(shù)之HTML文件，其中該HTML文件更包含一底圖、一目標元件及至少一圖示；及至少一客戶端，該些客戶端均可用于發(fā)出所述HTTP請求，其包含有自所述網(wǎng)頁服務器傳回并內(nèi)嵌于所述HTML文件的一操作模塊，用于在該HTML文件于該些客戶端顯示時執(zhí)行，并對該些客戶端的操作進行處理，該操作模塊更包含有一移動處理單元，用于當所述客戶端點選所述圖示之一時，執(zhí)行所述目標元件之一移動顯示處理，使該目標元件移動至該圖示；及一訊息處理單元，用于當所述客戶端點選所述圖示之一時，經(jīng)由一點選判斷處理產(chǎn)生一內(nèi)嵌框架，并根據(jù)所述連結(jié)參數(shù)之第一連結(jié)參數(shù)，自所述訊息資料庫中傳回對應所述訊息資料于該內(nèi)嵌框架；其中，當該些客戶端于該內(nèi)嵌框架中，經(jīng)由一操作選項選取該些連結(jié)參數(shù)之第二連結(jié)參數(shù)時，自該訊息資料庫中傳回對應該訊息資料于該內(nèi)嵌框架。
2、 如權(quán)利要求1所述的系統(tǒng)，其特征在于，其中所述操作模塊是自Java Script、 VB Script及JScript之程序語言組合選擇之。
3、 如權(quán)利要求l所述的系統(tǒng)，其特征在于，其中所述移動顯示處理系 將所述目標元件自當前座標移動至一輸入裝置所點選產(chǎn)生的目的座標，直到 當前座標等于目的座標時停止移動該目標元件。
4、 如權(quán)利要求3所述的系統(tǒng)，其特征在于，其中所述點選判斷處理是 依據(jù)所述輸入裝置所點選的座標位置與各所述圖示的座標位置進行比對，用 于判斷客戶端是否點選各該圖示。
5、 如權(quán)利要求l所述的系統(tǒng)，其特征在于，其中所述操作選項是用于 傳遞第二連結(jié)參數(shù)至所述訊息資料庫，用于取得對應的所述訊息資料。
6、 一種通過客戶端實現(xiàn)圖形化網(wǎng)頁瀏覽之方法，應用于具有一網(wǎng)頁服務器、 一訊息資料庫及至少一客戶端之網(wǎng)絡環(huán)境中，用于提供使用者通過瀏覽器經(jīng)由網(wǎng)絡進行瀏覽，包含有下列步驟建立至少 一連結(jié)參數(shù)所對應之至少 一訊息資料；所述網(wǎng)頁服務器收到所述客戶端發(fā)出的一 HTTP請求時，傳回一個包含 所述連結(jié)參數(shù)之HTML文件至該些客戶端，其中該HTML文件更包含一底 圖、 一目標元件及至少一圖示，該HTML文件更內(nèi)嵌一操作模塊；及將所述HTML文件顯示于所述客戶端，并對該些客戶端的操作進行處 理，包含有下列步驟當所述客戶端點選所述圖示之一時，執(zhí)行所述目標元件之一移動顯示處 理，使該目標元件移動至該圖示；當所述客戶端點選所述圖示之一時，經(jīng)由 一點選判斷處理產(chǎn)生一 內(nèi)嵌框 架，并根據(jù)所述連結(jié)參數(shù)之第一連結(jié)參數(shù)，自所述訊息資料庫中傳回對應所 述訊息資料于該內(nèi)嵌框架；及當所述客戶端于所述內(nèi)嵌框架中，經(jīng)由一操作選項選取所述連結(jié)參數(shù)之 第二連結(jié)參數(shù)時，自所述訊息資料庫中傳回對應所述訊息資料于該內(nèi)嵌框 架。
7、 如權(quán)利要求6所述的方法，其特征在于，其中所述操作模塊是自Java Script 、 VB Script及JScript之程序語言組合選擇之。
8、 如權(quán)利要求6所述的方法，其特征在于，其中所述移動顯示處理更 包含下列步驟取得所述目標元件之當前座標；取得一輸入裝置選擇之目的座標；將所述目標元件自當前座標往目的座標移動；及于當前座標等于目的座標時，停止移動所述目標元件。
9、 如權(quán)利要求6所述的方法，其特征在于，其中所述點選判斷處理更 包含下列步驟 判斷所述輸入裝置是否點選各所述圖示；產(chǎn)生所述內(nèi)嵌框架，并依據(jù)所述連結(jié)參數(shù)之第 一連結(jié)參數(shù)載入對應的所 述訊息資料依據(jù)所點選的座標位置與各所述圖示的座標位置進行比對；及當比對結(jié)果相同時，顯示一操作選項，并依據(jù)所述連結(jié)參數(shù)之第二連結(jié) 參數(shù)，用于控制所述內(nèi)嵌框架之顯示頁面。
10、如權(quán)利要求9所述的方法，其特征在于，其中所述操作選項是用于 傳遞所述連結(jié)參數(shù)之第二連結(jié)參數(shù)至所述訊息資料庫，用于取得對應的所述 訊息資料。
全文摘要
本發(fā)明公開了一種通過客戶端實現(xiàn)網(wǎng)頁瀏覽之系統(tǒng)及其方法，包含一訊息資料庫，存放有至少一連結(jié)參數(shù)所對應之至少一訊息資料；一網(wǎng)頁服務器，用于收到一HTTP請求時，傳回一個包含該些連結(jié)參數(shù)之HTML文件，其中該HTML文件更包含一底圖、一目標元件及至少一圖示；及至少一客戶端，該些客戶端均可用于發(fā)出該HTTP請求，其包含有自該網(wǎng)頁服務器傳回并內(nèi)嵌于該HTML文件的一操作模塊，用于在該HTML文件于該些客戶端顯示時執(zhí)行，并對該些客戶端的操作進行處理。應用本發(fā)明，解決了網(wǎng)頁瀏覽方式不友善之問題，通過客戶端的操作模塊進行圖形化網(wǎng)頁瀏覽之處理，用于增加網(wǎng)頁瀏覽之友善性，以及提升網(wǎng)頁服務器之處理效能。
文檔編號H04L29/08GK101388902SQ20071015151
公開日2009年3月18日 申請日期2007年9月14日 優(yōu)先權(quán)日2007年9月14日
發(fā)明者銘 劉, 露 孫, 邱全成 申請人:英業(yè)達股份有限公司