TW200945160A - Webpage displaying method of mobile communication apparatus - Google Patents

Webpage displaying method of mobile communication apparatus Download PDF

Info

Publication number
TW200945160A
TW200945160A TW97113736A TW97113736A TW200945160A TW 200945160 A TW200945160 A TW 200945160A TW 97113736 A TW97113736 A TW 97113736A TW 97113736 A TW97113736 A TW 97113736A TW 200945160 A TW200945160 A TW 200945160A
Authority
TW
Taiwan
Prior art keywords
webpage
image
size
typesetting
screen
Prior art date
Application number
TW97113736A
Other languages
Chinese (zh)
Other versions
TWI384392B (en
Inventor
Hao Chen
Original Assignee
Inventec Appliances 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 Inventec Appliances Corp filed Critical Inventec Appliances Corp
Priority to TW97113736A priority Critical patent/TWI384392B/en
Publication of TW200945160A publication Critical patent/TW200945160A/en
Application granted granted Critical
Publication of TWI384392B publication Critical patent/TWI384392B/en

Links

Landscapes

  • Information Transfer Between Computers (AREA)

Abstract

The invention discloses a webpage displaying method of a mobile communication apparatus, and the method includes the following steps. At first, an original webpage is received by the mobile communication apparatus, and the original webpage includes at least one image; afterward, the original webpage is analyzed to retrieve a dimension of the image; then, whether the dimension exceeds a dimension parameter is judged; if the judgement result is NO, the image is arranged on a first composition webpage according to the dimension, and the first composition webpage is displayed; if the judgement result is YES, the image is arranged on a second composition webpage according to the dimension parameter, and the second composition webpage is displayed. Accordingly, the invention improves webpage displaying method of the communication apparatus by the adjustment of the dimension of the image.

Description

200945160 九、發明說明: 【發明所屬之技術領域】 本發明係關於一種網頁呈現方法,且特別是有關於— 用於行動通訊裝置之網頁呈現方法。 、 【先前技姻 一般行動通訊裝置,例如:手機及PDA ,大部分 ❹ $度係小於QVGA(32()X24()),因此當利用手機上網劉= 網頁的解析度需求為1024x768以上,遠超: 手Sfi解析度。若依上述例子,手機螢幕只顯示了四分之 頁内容,使用者需橫向及縱向地 = 整個網頁内容。或者,若網 ^軸以硯看 300x200,則該圖像佔據手機榮幕大部分可尺寸2 法將網頁上的圖像搭配文字—起閱讀,造成此:、 用者使用手機上網的意願。况相备不方便,進而影響了使 對==二,解決方向,第-是改 變網頁製作 方式,針對行動通訊裝置製作I 一 軟體(網頁割覽器)呈現網^乍^的網頁’第二是修改手機 潮f趨勢,但手機上網人數相對網是未來的 小得多,因此網頁製作者不一 (NB)上網人數還是 用的網頁。因此,目前手機教二^外製作行動通訊裝置專 一 一 機切麵❹-些綠方案,如 下所述 來對二圖像較= 圖像而只顯示文字,如此一 捲動視窗來觀看整個網頁。作,下载網頁時間以及較不需要 的網頁,例如網路相薄,相種方法並不適合圖像為主 相專不顯示圖像則失去網頁所欲呈 5 200945160 機再從該遠端系統讀取機螢幕尺寸的網頁,手 按鍵及軟體蚊的功能,對透過手機上的 但此方法需透過軟體商的“再作放大樹覽。 權,並且f搭輔敗鲍技使職=錄制者的隱私 口itb ’如何提供另—種適 :式’且不需透過遠端系統重製網頁動 【發明内容】 梦署ii明之—範轉在於提供—種網頁呈規方本 利於使用者瀏覽 、固像的網頁敢佳化地镅敕·ί^χ.ι ·、· ❹ :佳化地調整排列 先,行動通訊裝置接收原始網^見^法包含下列步驟。首 像;接著,分析原始網頁以原始網頁包含至少一圖 寸是否超出第—尺寸參數;之尺寸;接著,判斷尺 於第—排版網頁内,^呈拫據尺寸 網頁内’並呈現第二排數^圖像以排列於第二排版 内之該被調;的^像=3日匕==或該第二拆版網頁 圖像以排列於第三排版網;整該 頁能Ϊ:圖調整顯示的尺寸,讓網 動晝面細― 6 200945160 點選以另開視窗或彈現式呈現,達到可翻丢釗码心 會影響到網頁最佳化排列的目的打觀看到原始圖像卻不 關於本發明之優點與精神可,χ藉由 附圖式得到進一步的瞭解。 月评遂及所 【實施方式】 本發明之網頁呈現方法主要應用於具有較 ❹ Ο 而:要t現網頁前必須能先接收網 裒置必/員/、有通甙功旎以透過通訊網路接收 外,由於螢幕的單位面積上能顯示的像素有限,以 2,小尺寸螢幕(-般係4相下)只能有64 解析度,目此低螢幕解析度係代表小 ^下的 =幕:;置通常是為了體積、重量=的== ΐΐ:?及PDA之類的行動觀裝置,所以本發ί之網ί, 現方法主要應用於行動通訊裝置上。 、、同頁王 ^主意的是’由於圖像尺寸及螢幕解析度皆 碎X:叉(像素)表不之,螢幕尺寸絲示螢 ^ 度’圖像解析度係表示單位面積的料 ^線的長 以圖像的,,尺寸,韻树,騎度說明係 動通示根據本發明—具體實施例之行 包含:ΐη ί 塊圖。如圖一所示,行動通訊裝置1 匕s螢幕10、處理模組12、及設定槿組14。然苔戒置1 模組14分別雷柯、电拉s占 、’ 螢幕及設定 *刀別電性連接至處理模組12。設定 又疋 或使用者可設定的第— 有内建 處理模挺12 歎 及弟—尺寸參數SDP ; 現該網並分析及處職纟頭;f幕用以呈 貝次處理過的網頁。此外,請同時參閱圖二所示之 200945160 程圖以及圖三A至圖三c所示之步驟示意圖,以下 發明於行動通訊裝置1呈現網頁的方法。 、首先,於步驟S10中,處理模組12透過通訊模組16經 訊網路接收原始網頁17(如圖三A所示),原始網頁17g 3第=圖像17〇及文字段落17¾虛線框内所示)。於實際情況 下行動通訊裝置1以手機為例,通訊模組16可透 類2:3G甚至Z5G或3.5G的無線通訊方式,例如:1 ❹ ❹ 盥^、EDGE、WCDMA、CDMA2000 或 hsdpa/hsu伙, 二台連接通訊,繼而可透過網際網路(intemet)從網頁 欲觀看的網頁(原始_ 17)’接收的網頁(原始網頁 I·土現於螢幕10上,或是暫存於行動通訊裝置1的記 體中,等待後續分析處理。 罝丄的。己 以择ίία於步驟S12中,處理模、组12分析原始網頁η, 二獲2原始網頁π t關於第-圖像17。的顯示尺寸或 气設計所使用的語法皆需遵猶W3C所制定的標準 二圖像===12可讀取細賴17原雜中關^ 寸^^,值:以獲得第一圖们兀戶斤設定之顯示尺 ^ ^ 出 g Src=ab_ jPeg圖像的真麻尺寸—ϋ述语句’係表示不論名為abc的 像素,顯示2 ’、、^ ’圖像於網頁上的顯示寬度係27個 像Π0的^二定值^素。此外’若網頁沒有關於第-圖 二 尺寸,4 —圖像17G將可依真實尺寸顯示。 之真貝 尺寸ίί超二處理模組12判斷第一圖像m之 是,執行步驟S18。如 1 7,執行步驟训,若 口一 A所不,第一尺寸參數FDp的設 8 Ο ❹ 200945160 模f,列,常用的尺寸參數讓使用者利 ί透二包含手兩= 入區讓r者自訂心 自訂尺寸的方式二S二,轉不透過按鍵輸入 像170之思的疋處_組12所讀取之第一圖 若销頁朴^2糸多照網頁原始碼尹關於圖像尺寸的設定值, 圖像“有圖像尺寸的設定值,則該尺寸為第一 姐以,於步驟S16中,若判斷結果為否,則根攄兮尺千 版系二》/〇70上於^排?網頁(未顯示)内並呈現第, ㈣情況下’呈現於螢 或者,於步驟S18中,若判斷結 1^0 ^ 170 排列於弟一排版網頁18内,並呈第_ 面相關’若圖像於網頁中的重要性高,可將200945160 IX. INSTRUCTIONS: [Technical Field] The present invention relates to a web page presentation method, and more particularly to a web page presentation method for a mobile communication device. [Previously, general mobile communication devices, such as mobile phones and PDAs, most of which are less than QVGA (32()X24())), so when using mobile phones, the resolution of the webpage is 1024x768 or more. Super: Hand Sfi resolution. According to the above example, the mobile phone screen only displays the content of the quarters, and the user needs to horizontally and vertically = the entire webpage content. Or, if the network axis looks at 300x200, then the image occupies most of the size of the mobile phone. The 2 method will read the image on the webpage with the text, causing this: the user's willingness to use the mobile phone to access the Internet. It is inconvenient to prepare the situation, which in turn affects the right == two, solves the direction, the first is to change the way the web page is made, for the mobile communication device to make a software (web page viewer) to render the web ^ 乍 ^ page 'the second is to modify Mobile phone tide f trend, but the number of mobile Internet users is much smaller than the future, so the number of web page makers is not the same (NB). Therefore, at present, the mobile phone teaches the production of a mobile communication device with a special machine-cutting scheme, and some green schemes, as shown below, the two images are compared with the image and only the text is displayed, so that the scrolling window is used to view the entire webpage. The time of downloading the webpage and the lesser-desired webpages, such as the thin webpage, the method is not suitable for the image as the main phase, the image is not displayed, and the webpage is lost. 5 200945160 The machine then reads from the remote system. The screen size of the screen, the function of the hand button and the soft-mosquito, on the mobile phone, but this method needs to be re-enlarged by the software vendor. Right, and f is the assistant to defeat the Baoji incumbent = the privacy of the recorder The mouth itb 'how to provide another kind of: type' and does not need to reproduce the webpage through the remote system [invention content] Dream Department ii Mingzhi-fan is to provide - a kind of web page specification for user browsing, solid image The webpage is dazed by 镅敕·ί^χ.ι ·,· ❹ :Adjustment of the arrangement first, the mobile communication device receives the original network ^See ^ method contains the following steps: first image; then, analyze the original page to the original The webpage includes at least one dimension that exceeds the size of the first dimension parameter; and then, the judging panel is in the first typesetting webpage, and the second row number ^ image is displayed in the second typesetting image. The inside should be transferred; =3日匕== or the second disassembled webpage image is arranged in the third typesetting net; the whole page can be: the image is adjusted to display the size, so that the webpage is thinner - 6 200945160 Click to open another window Or the present-style presentation, to achieve the purpose of reversing the weight of the webpage, affecting the optimal arrangement of the webpage, and viewing the original image without regard to the advantages and spirit of the present invention, and further understanding by the drawing [Review] The method of web page presentation of the present invention is mainly applied to have a relatively high level of Ο Ο : : 要 要 要 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 现 网页 网页 网页 网页 网页 网页In addition to the road reception, since the pixels that can be displayed per unit area of the screen are limited, only 2 resolutions can be achieved with a small screen size of 2, and the low screen resolution is representative of the small ^= Curtain:; usually for the size, weight = == ΐΐ:? and PDA and other action device, so this method is mainly used in mobile communication devices. The idea is that 'because the image size and screen resolution are broken X: fork (pixel) does not, The screen size indicates the degree of fluorescence. The image resolution indicates the length of the material per unit area. The image size, the size, the rhyme tree, and the riding degree are shown in accordance with the present invention. : ΐη ί block diagram. As shown in Figure 1, the mobile communication device 1 匕s screen 10, processing module 12, and set 槿 group 14. However, the moss ring set 1 module 14 respectively, Le Ke, electric pull s account, ' The screen and setting * knife are electrically connected to the processing module 12. The setting is 疋 or the user can set the first - there is built-in processing mode is quite sigh and sigh - the size parameter SDP; now the network and analysis and work 纟Head; f screen is used for the webpage processed by Beibei. In addition, please refer to the diagram of 200945160 shown in Figure 2 and the steps shown in Figure 3A to Figure 3c. The following invention is presented in the mobile communication device 1 Methods. First, in step S10, the processing module 12 receives the original webpage 17 via the communication module 16 via the communication network (as shown in FIG. 3A), and the original webpage 17g 3 = image 17 and the text segment 173⁄4 Shown inside). In the actual situation, the mobile communication device 1 takes a mobile phone as an example, and the communication module 16 can transmit a wireless communication method of 2:3G or even Z5G or 3.5G, for example: 1 ❹ 盥 、^, EDGE, WCDMA, CDMA2000 or hsdpa/hsu Hey, two connected to the communication, and then can receive the webpage from the webpage (original _ 17) that the webpage wants to watch through the internet (original webpage I is on the screen 10, or temporarily stored in the mobile communication In the record of the device 1, the subsequent analysis processing is awaited. In step S12, the processing mode, the group 12 analyzes the original web page η, and the second original web page π t is related to the first image 17. The grammar used for display size or gas design must be in accordance with the standard two images set by W3C. ===12 can read the fine lyrics of 17 original miscellaneous ^^^^, value: to get the first map Display scale of the jin setting ^ ^ Output g Src=ab_ jPeg The true hemp size of the image - the statement "is a representation of the display of the 2 ', ^ ^ image on the web page, regardless of the pixel named abc. For example, Π0^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ According to the real size display, the true shell size ίίSuper 2 processing module 12 determines the first image m, and performs step S18. For example, the step training is performed, if the mouth A is not, the first size parameter FDp is set. 8 Ο ❹ 200945160 modulo f, column, commonly used size parameters let the user to absorb the two included hand two = into the zone to let the r customize the size of the custom way two S two, turn the key input like 170 thinking The first picture read by the group _ group 12 is pinned to the page. ^2 糸 multiple photo page source code Yin about the image size setting value, the image "has the image size setting value, then the size is the first In the case of step S16, if the result of the judgment is no, then the roots of the thousands of editions are two/〇70 on the page (not shown) and present the first, and (iv) the case is presented in the firefly. Alternatively, in step S18, if it is determined that the node 1^0 ^ 170 is arranged in the diction type webpage 18 and is related to the _th surface, if the image is highly important in the webpage, the

j/DP設定為較大的值,讓第二驗網頁18巾的第二圖 佔據較大的網頁版面。反之,若圖像於⑤J 尺寸參數_設定為較小的值。此外於排 182 ° ^ ® —f中的文子·!又洛Π2位於第一圖像17〇下,若 文予段落182依然位於第二圖像18〇下,則造 Π0右侧會出現空白’減損了圖像縮小顯示的 = 圖像旁開始排列,進而能充分利用小尺寸榮幕的 9 200945160 明之【以調整圖像尺寸的流程,本發 所示’使用者可根據需二現方式。如圖三b 參數SDP。請參閱圖二、旦面亡選擇適當的第二尺寸 若第二排版網頁18内 B及圖二C,於步驟S19中, ⑽根據第二尺寸麵^調„像180被點選時,則圖 第三排版網頁㈣調整為第三圖像_以排列於 第三圖像190可用另門=^二排版網頁19於螢幕10上。 ,啦面顯示之V;於觀另:三C所示 伤。由於第一尺寸參數FD ^先縮小圖像之細節部 顯示尺寸有關,第二尺寸夫數ϋ用f所觀看網頁中的圖像 看的特定圖像之顯示尺使用者於網頁中欲觀 寸參數FDP盥第-尺。因此而为開設定,但第—尺 關,因此第二尺皆與圖像的呈現方式相 幕高度或自訂尺寸Γ數 可设疋為全螢幕、螢幕寬度、螢 ‘了圖尺伽 冢壬現方式的關係,係舉例如 ❹ =及圖四B。需抛說_是,·仔所提 =^2圖〇 辛了ί^ϊ40^解析度,即表示螢幕寬度可顯示320個像 素螢幕尚度可顯示24〇個像素。 冢 過^ 參數FDP設定為全螢幕,亦即圖像的寬度超 L j像素或是高度超過24G個像素,甚至寬度及高度ΐ 刀^過320個像素及24〇個像素,則將圖像尺寸縮小到 j〇X240以内。如圖四Α所示,圖像ρι的尺寸為8〇〇_, 超出螢幕解析度(320χ24〇)。若根據高度等比例縮小如圖四β 所不,則圖像Ρ2之寬度為800χ(240/400)=480(像素),依然超 i^螢幕20覓度所能顯示的320個像素,超出部份如虛線^ 下右根據寬度荨比例縮小如圖四C所示,則圖像p3高声 10 200945160 為400x(320/800>=160(像素),亦即圖像p3尺寸為32〇χΐ6〇, 位^螢幕可視範圍内(亦即小於螢幕解析度)。因此, 尺 寸麥數FDP設定為全螢幕,則圖四a所示之圖像η之尺 係被調整至320x128,進而使用者可於螢幕2〇 P3全貌而不需移動視窗捲軸。 ⑽看顧像 认闽ίΐ,可將第—尺寸參數FDP設定騎幕寬度,亦即不 娜圖像南度為何’只要圖像的寬度超過32〇(像 m ο 縮小贼度等於320(像素)。如圖五a所、像@ 尺寸為4〇〇χ1_,等比例縮小後如圖五Β戶斤 = 〇寸為320测,_ Ρ5超出螢幕2Q部份如虛^^示 广尺寸參數FDP設定為全螢幕,職五A之‘^會縮 /、至如圖五c所不之尺寸為96χ240的圖】缩 小比例較圖五B所示之圖像p5高。因此,若 長,形圖像且使用者著重在圖像潮覽部份第、一G ==設=幕;:’用者只需捲動縱向視=軸= 參數FDP可設定為螢幕高度 尺寸 以觀看圖像。 &便用者,、而捲動k向視窗捲軸 再者’使用者還可自訂尺寸,如同_ _ 選項指標移至自訂尺寸,_織^ A所不’使用者將 像素)及高細録)。像寬度(3〇 為30x20以内的圖像18〇(圖1 (圖—B所不)縮小至尺寸 多資訊。需補充說明的是(圖讓螢树 始網頁17前設定,使用者」,FDP不限於讀取原 始網頁π後,再根據自从大致職原 尺寸參數>,辦彳擔騎跡設定第一 繼而重新產生網頁。 °裝置1才開始進行分析處理, 200945160 上,,本發明不’上述之單—_處理,實際 ㈣;網模組12接從網頁後,根據第一尺寸參數 3圖像同時分析處理。舉例而言,圖六A係 ^ =W1含有大圖像p7、小圖像p8及文字 ❹ ❹ ΐΐ,ΐΐ—Λ寸參數FDP設定為320x240,根據上述說明 圖> bYL + 1尺寸為8GGx4G()的大®^ P7將會被縮小為 titt為320X160的圖像P9。然而,圖六A中小2 整尺寸、。亦96=)在第―尺寸參數觸5内,目此不會被調 所示之網頁W?圖^ A之網頁W1經由處理後調整為圖六B 寸也可3 ^ B可知,圖文_縮小致使網頁尺 IS:易:=而_地顯示更多資訊,亦ί 藉以新現r及行動通訊聚置 像及文字等資訊,讓更多圖 =呈r達=欲觀看的圖心 二呈目現的達到可觀看到原始圖像卻不會影響到:;i 藉由以上較佳具體實施例 述本發明之特徵與精神,而並;j述:=更加清楚推 施例來對本發明之範疇加 =揭:的較佳具體實 涵蓋各種改變及具相等性的安 ,/、目的是希望能 圍的範.内。因此,本發明所4之^„請之專利範 據上述的說明作最寬廣的解釋曱 範疇應該根 變以及具相等性的安排。 使^涵盍所有可能的改 200945160 【圖式簡單說明】 圖一係繪示根據本發明一具體實施例之行動通訊裝置 功能方塊圖。 圖二係繪示根據本發明一具體實施例之網頁呈現方法 流程圖。 圖三A係繪示本發明之行動通訊裝置呈現原始網頁之 意圖。 、The j/DP is set to a larger value, so that the second picture of the second page 18 occupies a larger page layout. Conversely, if the image is set to a smaller value in the 5J size parameter _. In addition, in the row 182 ° ^ ® - f in the text ·! and Luo Yi 2 in the first image 17 ,, if the paragraph 182 is still located under the second image 18 则, then there will be a blank on the right side of Π0 Decrease the image to reduce the display = The image is arranged next to the image, so that you can make full use of the small size of the screen. In order to adjust the image size, the user can display the two-way method according to the requirements. Figure 3 b parameter SDP. Please refer to FIG. 2, and select the appropriate second size. If the second typesetting webpage 18 is B and FIG. 2C, in step S19, (10) according to the second size surface, if the image is selected, the image is displayed. The third typesetting webpage (4) is adjusted to the third image_to be arranged in the third image 190, and the other door=^2 typesetting webpage 19 is displayed on the screen 10. The face display is V; Yuguan another: three C shows the wound Since the first size parameter FD ^ first reduces the display size of the detail portion of the image, the second size is used to view the specific image of the image in the web page viewed by f. The parameter FDP is the first ruler. Therefore, it is set to open, but the first ruler is off. Therefore, the second ruler can be set to the height of the image or the custom size can be set to full screen, screen width, and firefly. 'The relationship between the metrics and the current method, such as ❹ = and Figure 4 B. Need to throw _ Yes, · Aberdeen = ^ 2 Figure 〇 了 ί ^ ϊ 40 ^ resolution, that is, the screen width It can display 320 pixels and can display 24 pixels. 冢^^ The parameter FDP is set to full screen, that is, the width of the image is super. L j pixels or heights exceeding 24G pixels, even the width and height of the knives ^ 320 pixels and 24 像素 pixels, the image size is reduced to j 〇 X240. As shown in Figure 4, the image ρι The size is 8〇〇_, which exceeds the resolution of the screen (320χ24〇). If the size is reduced according to the height, as shown in Figure 4, the width of the image Ρ2 is 800χ(240/400)=480 (pixels). The super-i^ screen 20 pixels can display 320 pixels, the excess is as shown by the dotted line ^ right and the width is reduced according to the width 如图 as shown in Figure 4C, then the image p3 is louder 10 200945160 is 400x (320/800> =160 (pixels), that is, the size of the image p3 is 32〇χΐ6〇, which is within the visible range of the screen (ie, less than the resolution of the screen). Therefore, the size of the wheat FDP is set to full screen, as shown in Figure 4a. The image η is adjusted to 320x128, so that the user can view the P3 full screen without moving the window scroll. (10) Look at the image size, the first size parameter FDP can be set to the width of the screen, that is, Why is the South image of the image? 'As long as the width of the image exceeds 32 〇 (like m ο, the thief is equal to 320 (like As shown in Figure 5a, like @尺寸为4〇〇χ1_, after scaling down, as shown in Figure 5, Β 斤 = 〇 为 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 320 Set to full screen, the job of the five A's will shrink /, as shown in Figure 5, the size is 96χ240. The reduction ratio is higher than the image p5 shown in Figure 5B. Therefore, if it is long, the shape is For example, the user focuses on the image browsing part, a G == setting = screen;: 'Users only need to scroll the vertical view = axis = parameter FDP can be set to the screen height size to view the image. & users, while scrolling k to the window reel and then 'users can also customize the size, as _ _ option indicator moved to custom size, _ woven ^ A not 'users will pixel' and high Detailed record). Like the width (3〇 is less than 30x20, the image is 18〇 (Fig. 1 (Fig. B does not) is reduced to the size of the information. It should be added (the picture is set to the user before the page 17, the user), FDP It is not limited to reading the original webpage π, and then according to the general job size parameter>, the first step is to re-generate the webpage. ° The device 1 starts the analysis processing, 200945160, the invention is not ' The above-mentioned single-_ processing, the actual (four); after the network module 12 is connected to the webpage, according to the first size parameter 3 image simultaneous analysis and processing. For example, Figure 6A is ^=W1 contains a large image p7, a small image Like p8 and text ❹ ΐΐ ΐΐ, ΐΐ Λ 参数 parameter FDP is set to 320x240, according to the above description > bYL + 1 size 8GGx4G () large о P7 will be reduced to the image P9 titt 320X160. However, in Figure 6A, the small size of the whole 2, and 96 =) in the first - size parameter touch 5, will not be adjusted to the page W shown? Figure A A page W1 is adjusted to Figure 6B after processing Inch can also be 3 ^ B, the text _ reduction causes the page ruler IS: easy: = and _ to display more information, also ί Now r and mobile communication gather information and text and other information, so that more pictures = r = = to see the picture of the heart of the two to achieve the original image can be seen without affecting:; i by the above DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENT(S) The features and spirit of the present invention are described, and the description of the present invention is more clearly described. The preferred embodiment of the present invention covers various changes and equivalents. The purpose is to hope that it can be enclosed. Therefore, the patent specification of the present invention is based on the above description for the broadest interpretation, and the scope should be rooted and arranged in an equal manner. BRIEF DESCRIPTION OF THE DRAWINGS FIG. 1 is a block diagram showing the function of a mobile communication device according to an embodiment of the present invention. FIG. 2 is a flow chart showing a method for rendering a web page according to an embodiment of the present invention. The third A series shows the intention of the mobile communication device of the present invention to present the original web page.

一=二B係繪不本發明之行動通訊裝置呈現第二排版網頁 之不意圖。 二CM系緣不本發明之行動通訊裝置呈現第三排版網頁 之不意圖。 、 圖四A(3錢示螢幕與不同縮小比例的圖像之示One = two B shows that the mobile communication device of the present invention does not intend to present the second typesetting web page. The second CM system does not intend to present the third typesetting web page by the mobile communication device of the present invention. , Figure 4A (3 money display screen and different scaled images)

圖五A至圖五C係綠示螢幕與不同縮〃 之示意圖。 J、比例的另一 圖像 圖六A係繪不根據一具體實施例之網頁的示意圖。 中的網頁經由本發明之網頁呈現方 10'20 :螢幕 14 ’·設定模組 圖六B係繪示圖六a 法呈現之不意圖。 【主要元件符號說明】 1 :行動通訊裴置 I2 :處理模組 13 200945160 16 :通訊模組 17 :原始網頁 170 :第一圖像 172、182 :文字段落 18 :第二排版網頁 180 :第二圖像 19 :第三排版網頁 190 :第三圖像 Ρ1〜Ρ6、Ρ9 :圖像 Ρ7 :大圖像 Ρ8 :小圖像 Wl、W2 :網頁 FDP :第一尺寸參數 SDP :第二尺寸參數 S10〜S19 :步驟 14Figure 5A to Figure 5C show the green screen and different thumbnails. J. Another image of the scale Figure 6A is a schematic diagram of a web page not according to a specific embodiment. The webpage in the webpage is presented via the webpage presenting party of the present invention 10'20: screen 14'. The setting module is shown in Fig. 6B. [Main component symbol description] 1 : Mobile communication device I2 : Processing module 13 200945160 16 : Communication module 17 : Original web page 170 : First image 172 , 182 : Text paragraph 18 : Second layout page 180 : Second Image 19: Third typesetting web page 190: Third image Ρ1~Ρ6, Ρ9: Image Ρ7: Large image Ρ8: Small image W1, W2: Web page FDP: First size parameter SDP: Second size parameter S10 ~S19: Step 14

Claims (1)

200945160 十、申請專利範圍: 一種網頁呈現太 法包含下列步,驟用於一行動通訊裳置中,該網頁呈現方 1、 崎置触—原始網 頁,該原始網頁包含至 ❹ 2、 ❹ 4、 少—圖像; ㈣像之-尺寸; ⑼若該_結果為否弟―尺寸參數; -排版網頁内,並呈現ί第據f尺寸排列該圖像於-第 ⑻若該列斷結果弟—排版網頁;以及 像以排列於—第一7y版1^第一尺寸參數調整該圖 頁。 排版網頁内’並呈現該第二排版網 專利範圍第1項所述m現方法’進-步包含下 於該行動通訊裝置上設定該第—尺寸參數。 如申請專利範園第i項所述 訊裝置包含-螢幕,於步驟(心=匕f中該行動通 幕上’或於步驟(e)中呈現該第二排版網\於該螢Z於該鸯 項所述之網頁呈現方法, 有—缺度,該第一尺寸參數係該解析度。 螢幕具 述之網頁呈現方法’其中該第-尺 ί 一自訂尺寸’步驟(c)中判斷該圖像之診ί 、疋否超出補幕之該解析度或該第一自訂尺寸。^ 如申凊專利朗第1項所述之崎呈現方法,其 ;包含至少4字段落,該網頁呈現方法進-步:;以; 15 6、 200945160 7、 _ 9, 10. ❹ ;=驟(d)中,根據該圖像之排列,排列該文字段落於該 弟—排版網頁内。利範圍扪項所述之網頁呈現方法,其中該原始網 驟Ρ 3 文字段落,該網頁呈現方法進一步包含下列步 於中,根據該被調整的圖像之排列,排列該文字 丰又洛於該第二排版網頁内。ίίΪ專利範圍第1項所述之網1呈現方法,進—步包含下 (f^當該第一排版網頁内之該圖像或該第二排版網頁内之忒被凋整的圖像被點選時,根據一第二尺寸參數調整忒圖像以排列於一第三排版網頁内,並呈現該第三排 版網頁。t申ΐ專利範圍第8項所述之網頁呈現方法,其中該第三排 版網頁係以另開新視窗呈現。 !°Γϊί利範圍第8項所述之網頁呈現方法,其中該行動通 螢幕,該螢幕具有—解析度,該第二尺寸參數 2 ϊί找解析度以及~第二自訂尺寸,於步_依該 -之^析度或該第二自訂尺寸婦該圖像以排列於該第 二排版網肋,並呈現該第三排版網頁於該榮幕上。 一種行動通訊裝置,包含: -處’透過—通訊網路接收—原始網頁,該原始 $^匕3至少-圖像,該處理 始網頁以 獲得之該圖像之一尺寸; -螢幕’電性連接至該處理模組;以及-設定模組,電性連接至該處理模組,存有一第一尺寸 11 200945160 ❹ 參數 其t,該處理模組判斷該圖像之該 參,若否,則根據該尺寸排列該出言亥第-尺寸 亚王現該第一排版網頁於該螢幕上&日、5亥弟一排版網頁内 寸參數調整該圖像以排列於該第=百=根據該第-尺 二排版網頁於該螢幕上。 版肩頁内,並呈現該第 =專利範圍第_所述之行動通_ 寸參數可透過該設定模組設定。 、如申請專利範圍第η項所述之行 ΐ:解析度,該第-尺寸參數及ίΠί; 排繼梅 12、 13 14 置,其中該第一尺 ❹ 15、圍第Η項所述之行動通訊裝置, 第二排版網頁内之該被調整4 内之該圖像或該 並呈現該第1排2頁列於-第三排版網頁内 16、利範圍第15項所述之行動通訊裝置,|中今第一排 版網頁係以另開新視窗呈現於該螢幕上。,、肀違第一排 17Hi”15項所述之摘通訊裝置,其中兮螢幕罝 ίιΐ=寸該第二尺寸參數包含該螢幕之該“度=二 17200945160 X. Patent application scope: A web page presentation method includes the following steps, which are used in a mobile communication rack, the web page presentation party 1, the saki touch-original webpage, the original webpage containing ❹ 2, ❹ 4, Less - image; (4) like the size - (9) if the _ result is no brother - size parameter; - typesetting the page, and present ί according to the size of the f-arranged image - (8) if the column breaks the result - The layout page is; and the page is adjusted like the first size parameter arranged in the first 7y version. In the typesetting webpage ‘and presenting the second typesetting network, the method of the present invention described in the first item of the patent scope' includes the setting of the first size parameter on the mobile communication device. For example, if the device described in the application of the patent garden is included in the screen, the second typesetting network is presented in the step (the heart=匕f in the action screen) or in the step (e). The method for presenting a web page according to the item, wherein there is a deficiency, the first size parameter is the resolution. The screen presentation method of the screen is in which the first size is a custom size step (c) The diagnosis of the image ί, 疋 超出 超出 超出 超出 ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ ^ The method proceeds to: step;; to; 15 6, 200945160 7, _ 9, 10. ❹ ; = (d), according to the arrangement of the image, arrange the text paragraph in the brother-typesetting webpage. The method for rendering a webpage according to the item, wherein the original webpage has a text paragraph, and the webpage rendering method further comprises the following steps, according to the arrangement of the adjusted image, arranging the text and the second typesetting In the webpage. ίίΪ The scope of the patent 1 described in the first paragraph of the method, the next step contains the next (f ^ when When the image in the first typesetting webpage or the image in the second typesetting webpage is clicked, the image is adjusted according to a second size parameter to be arranged in a third typesetting webpage. The third typesetting webpage is presented. The method for rendering a webpage according to item 8 of the patent scope, wherein the third typesetting webpage is presented in a new window. The method, wherein the action passes through the screen, the screen has a resolution, the second size parameter 2 ϊί finds the resolution and the second custom size, the step _ according to the resolution or the second custom size The image is arranged in the second typesetting web rib and presents the third typesetting webpage on the glory screen. A mobile communication device comprises: - at the 'transmission-communication network receiving-original webpage, the original $^匕3 at least-image, the processing start page obtains one of the size of the image; - the screen is electrically connected to the processing module; and - the setting module is electrically connected to the processing module, and has a The first size 11 200945160 ❹ the parameter its t, the place The module determines the parameter of the image, and if not, arranges the size of the first page of the first page in the screen on the screen & day, 5 The image is arranged in the first=== according to the first-foot-two layout webpage on the screen. The shoulder page is displayed, and the action-passing parameter described in the third patent scope is available through the setting. Module setting. As described in the patent application scope item n: resolution, the first size parameter and ίΠί; 排继梅12, 13 14 set, wherein the first size ❹ 15, the second item The mobile communication device, the image in the adjusted 4 in the second typesetting webpage or the first row 2 page is listed in the -3rd typesetting webpage, and the 15th item is in the range 15 The mobile communication device, the first and second layout pages of the present and the present, are presented on the screen in a new window. , 肀 第一 第一 第一 第一 第一 17 Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi Hi 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17 17
TW97113736A 2008-04-16 2008-04-16 Webpage displaying method of mobile communication apparatus TWI384392B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
TW97113736A TWI384392B (en) 2008-04-16 2008-04-16 Webpage displaying method of mobile communication apparatus

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
TW97113736A TWI384392B (en) 2008-04-16 2008-04-16 Webpage displaying method of mobile communication apparatus

Publications (2)

Publication Number Publication Date
TW200945160A true TW200945160A (en) 2009-11-01
TWI384392B TWI384392B (en) 2013-02-01

Family

ID=44869643

Family Applications (1)

Application Number Title Priority Date Filing Date
TW97113736A TWI384392B (en) 2008-04-16 2008-04-16 Webpage displaying method of mobile communication apparatus

Country Status (1)

Country Link
TW (1) TWI384392B (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI456483B (en) * 2011-12-26 2014-10-11 Acer Inc Webpage browsing system and method
TWI474314B (en) * 2012-09-26 2015-02-21

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6829646B1 (en) * 1999-10-13 2004-12-07 L. V. Partners, L.P. Presentation of web page content based upon computer video resolutions
WO2004068320A2 (en) * 2003-01-27 2004-08-12 Vincent Wen-Jeng Lue Method and apparatus for adapting web contents to different display area dimensions
US7812786B2 (en) * 2005-01-18 2010-10-12 Nokia Corporation User interface for different displays
TWI285820B (en) * 2005-10-28 2007-08-21 Inst Information Industry Conversion method/system for web page data display and storing media to save the computer program executing this method

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI456483B (en) * 2011-12-26 2014-10-11 Acer Inc Webpage browsing system and method
TWI474314B (en) * 2012-09-26 2015-02-21

Also Published As

Publication number Publication date
TWI384392B (en) 2013-02-01

Similar Documents

Publication Publication Date Title
US7272790B2 (en) Method and device for automatically selecting a frame for display
US7810049B2 (en) System and method for web navigation using images
JP5941093B2 (en) Device and method for dynamically placing text when displaying a selected area of an electronic document
JP5816670B2 (en) Method and device for selecting and displaying a region of interest in an electronic document
US20090187859A1 (en) Graphical user interface elements using video pre-fetch
US7737993B2 (en) Methods, systems, and programming for producing and displaying subpixel-optimized images and digital content including such images
EP1914640A1 (en) Multiple screen size render-engine
US8963953B2 (en) Interface for previewing image content
US20160328878A1 (en) Information processing apparatus, information processing method, and program
EP2573663B1 (en) Method for selecting area of content for enlargement, and apparatus and system for providing content
JP2007058301A (en) Information processor, program, and display control method
JP2008276801A (en) Information processor, program, and display control method
TW200945160A (en) Webpage displaying method of mobile communication apparatus
CN1354417A (en) Computer system capable of displaying several viewing window pictures and its display method
KR100491613B1 (en) Device and method for close-up web document having frame and and recording the method
JP5277590B2 (en) Mobile terminal and method for controlling the terminal
TWI249699B (en) System and method for setting window icons
US20140149925A1 (en) Displaying system with navigation function and displaying method thereof
KR20070018875A (en) Method and device for automatically selecting a frame for display
JP2016045875A (en) Information processing program, information processing apparatus, information processing system, and information processing method
CN113377262B (en) Method and device for adjusting size proportion of pictures in electronic document
TWI454962B (en) Method of dislaying browser and terminal implementing the same
US20090187954A1 (en) Button based video database interface
KR20010081529A (en) Screen size control system for internet
JP2012059061A (en) Data processor, data processing method and program

Legal Events

Date Code Title Description
MM4A Annulment or lapse of patent due to non-payment of fees