200907712 九、發明說明: [發明所屬之技術領域】 一種客戶端網財魏示之麵緖及封法,尤指一種祠 服端對各戶端的網頁内容的設定及顯示方法。 【先前技術】 μ 者觀網《,祕所設定的解析杉同,將使 倘頁内該_所呈_視覺效果时所残。若就網頁内 合的子型顯㈣言,林嶋析度下相_字购會有不同的大 小。-般而言_的字難較高解析度之顯示_顯示的字體大 小將會小於解析度_較低之顯_所顯示的字體大小。 使用者若要更改字型_示的話,可以軸咖陶騰「) 的顯不字型。市面上除了微軟_。_)公司所提供的網路探險家 〇ntemetExpl〇「e「,以下簡_,另外也有許多知名的·哭, 二如’ M_a所開發的火狐(Fi「ef〇x)、〇陶公司的〇陶劉覽 裔或Apple公司的Sa細等。就以上幾種戰器岭都有提供變 更網頁内容的字型大小的功能。例如丨E所提供改變字型大小的方 式是根據心自帶的字型大小設定制以取代網以容中字型大 =的預設值。在IE中僅提供了五種不同字型大小的選擇,但是隨 著顯示器的實體尺寸的減出新,只有五種預設的字型大小已^ 不敷使用者的需求。 &200907712 IX. Description of the invention: [Technical field to which the invention belongs] A method and method for the client-side network financial display, especially a method for setting and displaying the content of the webpage of each client. [Prior Art] μ Viewer's Network, the analysis of the secret set by the secret, will make it if the _ visual effect in the page is disabled. If there is a sub-type (4) in the web page, Lin Biao will have different sizes. - Generally speaking, the word _ is difficult to display with higher resolution _ the displayed font size will be smaller than the resolution _ lower _ the displayed font size. If the user wants to change the font _, it can be used to display the font type. In addition to Microsoft _. _) the network explorer provided by the company 〇ntemetExpl〇 "e", the following brief _ In addition, there are many well-known cries, such as the firefox (Fi "ef〇x" developed by M_a, the Tao Tao of the Tao Tao company, or the fine of Apple's Sa. There is a function to change the font size of the content of the webpage. For example, the way to change the font size provided by 丨E is to replace the default value of the font size in the font according to the font size setting of the heart. Only five different font sizes are available, but as the physical size of the display is reduced, only five of the preset font sizes have been inadequate for the user.
Safari、R「efox與〇陶的字型大小改變方式則是有兩種方 200907712 式所達成。苐一是將網頁内容的字型大小預設值係甴使周者自行 定義。使得劉覽器接收完網頁内容後,邀覽器會另外將使罔者定 義的子型大小並將其套用至接收到的網頁内容中,使得瀏覽器可 以用較大的字型尺寸顯示。另一種方法就是透過瀏覽器修改網頁 内谷的層豐樣式表(Cascading Style Sheets,以下簡稱CSS)。 CSS是由全球資訊網聯盟(w〇|id Wide Web Consortium, W3C)定義和維護的標準,—種用來為結構化文件槽(如Safari, R "efox and 〇陶's font size change method is achieved by two types of 200907712. The first is to set the font size of the web content to the default value of the page. After receiving the content of the webpage, the viewer will additionally size the subtype defined by the viewer and apply it to the received webpage content, so that the browser can display in a larger font size. Another way is to The browser modifies the Cascading Style Sheets (CSS) in the webpage. CSS is a standard defined and maintained by the World Wide Web Consortium (W3C). Structured file slot (eg
HTML (Hypertext Markup Language)或 XML(Extensjb丨e Ma「kupHTML (Hypertext Markup Language) or XML (Extensjb丨e Ma"kup
Language))添加樣式(字體、間距和顏色等)的計算機語言。其中, CSS中的<pe「centage>標籤係用以改變網頁内容中的整體顯示比 例,使用者可以根據其所需切換%謙ntage>的適當值。例如, 在上述的觀器中’使用者按下”咖丨,,+ ”wheel up/down”來放大/ 縮小網頁内容。但是需要注意的是,上述的概器透過CSS的 ^percentage〉賴來改_如㈣整體大小,所赠了網頁内 容中的字型會變大之外,其他的圖料也會隨之改變。 & 供帽有提供織字型大小的魏,但是卻只 錢對使用者職看中_頁作調整,卻無法套㈣站中所有的 頁面。如此-來,使用者只能每進人獨頁面時就修改—次 比例。 ” 【發明内容】 目的在於提供一種顯示網頁 馨於以上的問題,本發明的主要 200907712 内容的層疊樣式表(Cascading Styje Sneeis,以下簡稱CSS)。 CSS疋由全球貢訊網聯盟(yy〇「丨G:湖3’6 C〇ns〇rt丨·um, W3C)定義和維護的標準,—種用來為結構化文件檔(如html (Hypertext Markup Language)或 XML(Extensibie MarkupLanguage)) A computer language that adds styles (fonts, spacing, colors, etc.). Among them, the <pe "centage> tag in the CSS is used to change the overall display ratio in the webpage content, and the user can switch the appropriate value of the % ntage> according to the needs thereof. For example, in the above-mentioned viewer Press "Curry,, +" wheel up/down to zoom in/out on the web content. However, it should be noted that the above generalizer is changed by CSS's ^percentage> _ (4) overall size, the fonts in the content of the webpage will become larger, and other graphics will change accordingly. & caps provide Wei-shaped size Wei, but only the money to adjust the user's job _ page, but can not set (four) all the pages in the station. In this way, the user can only modify the ratio when entering a single page. SUMMARY OF THE INVENTION [0005] It is an object of the present invention to provide a cascading style sheet (Cascading Styje Sneeis, hereinafter referred to as CSS) of the main 200907712 content of the present invention. CSS疋 is a global tributary network alliance (yy〇" G: Lake 3'6 C〇ns〇rt丨·um, W3C) Standards for definition and maintenance, used for structured files (such as html (Hypertext Markup Language) or XML (Extensibie Markup)
Language))添加樣式(字體、間距和顏色等)的計算機語言。其中, CSS中的<percentage>標籤係用以改變網頁内容中的整體顯示比 例’使用者可以根據其所需切換的適當值。例如, 在上述的瀏覽器中,使用者按下,,ct「丨,,+ ”whee| up/d〇wn,,來放大/ 縮小網頁内合。但是需要注意的是,上述的瀏覽器透過的 <percentage>標縣改變網肋容的整體大小,所赠了網頁内 容中的字型會變大之外,其他的@示等也會隨之改變。 、 此外’有些網財雖有提供驗字型大小的魏,但是 能針對使用者所觀看巾的㈣作調整,卻無法套用網財所有的 頁面如此來,使用者只能每進入不同頁面時就 比例。 ”,,貝不 【發明内容】 —鑒於以上關題,本發明的主要目的在於提供—種 内二==對不同客戶端的網頁内容之字型顯』 之顯示 元件 法,用以設定複數個客之—麵示網頁内容的設定方 比例一定方法勺紅 服端的複數個網頁内容之 至客戶二根據Ϊ面;端7 _ 工希70件之茶數變化量用以調整^ό 7L件的 容之顯示比例。客戶端將頁面設定之控制 夢數贫化置回傳至伺服端儲存。 刺 本發明之另—目的在於提供1網頁字型之 顯示方法,用 以 200907712 喊1應上述設定枝之顯示網頁内定。 示方法包括以下步m 魏個網1内容的顯示比例,齅 服端提供網如紅客戶端㈣輕崎邮之齡比例。狗 系統於提供—種客戶端網頁字型顯示之紀錄 糸、,先此紀錄糸統包括:伺服端與客戶端。 網頁内容中都包括設定頁面之控制元件。 顯示比例^服讀的參數變倾_整網頁内容的 ,^ 糕錄各戶為對控制元件的參數變化量。 方、去。根據使用者的閱讀1慣的網頁内容之設定及顯示 =容:==可以判斷客戶端的使用環境下,提供適合的網 明如=本發明的特徵與實作,魏合圖示作最佳實施例詳細說 【實施方式】 本發明係為一種客戶端網頁内容 :此紀錄系統:包括客戶端120與伺服端训。請參考「第^圖」 斤示,其係為客戶端與伺服端連結之立 」 際網路與飼服端11〇相連接,客戶端^供/丨^ 120透過網 濁覽複數個網頁内容。 ^ 120提供至少—使用者伽 伺服端1彳〇所提供的每一網頁内容中除了车 •更包括了=:控= 】〇 200907712 頁面之控制元件132係為但不限定是PHP、jav^、、 V3 Script、ASP(Active Serv丨et Page)或 JSP(java Servlet Page) 所構成。客戶端120根據頁面設定之控制元件的參數變化用以古周 整每一網頁内容的顯示比例,伺服端11〇紀錄客戶端12〇對頁面 設定之控制元件的參數變化量。控制元件係為滑動條133(snde「 Bar)、文字輸入框(Text input)、選擇紐群組l35(Radj〇⑽叩滅 下拉式選單(Select Menu)。 請參考「第2A圖」所示’其係為本發明之客戶端對網頁内容 顯示比例之設定方法流程圖。網頁内容設定方法包括下列步驟: 首先,伺服端提供頁面設定之控制元件至客戶端(步驟S21^)。接 下來,根據頁面設定之控制元件之參數變化量用以 顯示網頁内容之顯示比例(步驟S212)。最後,客戶端爿^頁面設定 之控制7L件的參數變化量回傳至伺服端儲存(步驟S213),客戶端 12〇到此就完成了對設定頁面132的設定過程。 請亡考「第2B圖」所示,其係為本發明之自動調整對客戶端 、、’頁内谷之顯示方法流程圖。網㈣容顯示方法包括下列步驟. 各戶端登入伺服端(步驟S221)。伺服端根據步驟幻12所 頁面設定之控制元件的錄變化量,錬端輕 : 比例(=222)。伺服端憎提供網頁内容至客戶端(步驟s2g 例中我:2=====: 「第2A圖丨、「第2Rpi溆「镇。 们活,μ同日守參考 網頁内 圖」”弟3圖」所示。伺服端110在提供 ^崎也會另外提供設定頁面之控制元件至客戶端1 : 定〇’對應步驟训)。使用者130調整網頁内容中的二 工制元件_ S32Q,對齡驟S212),使用者可以在劇覽= 200907712 可•哪頁面設定之控制元#。 祝件為滑祕133的話,請 4B圖」所示。在第仏與45圖中,於設定二A圖」與「第 動條Ί33與字型顯示區塊134,使用 ' 二:巾提供—滑 所產生的位移量變化,作為改變顯「、令刑Μ拖拉滑動條133 端11〇根據頁面設定之控制元件的^的依據。使得伺服 12〇的網頁内容之預設顯示比;提供給客戶端 ;t。=示區塊134就會產生不同的字型大小 130要改變字型的大小,只需要拖拉滑動ί: 田母_條133時’字體就會放大/縮小-級^ 2除了頁面設定之控制元件可以是滑動條133 以利用其他不同型態的元件來加以實現相同的功能,例^Γ 鈕群組135。請參考「第5A圖」與「第5B , k擇 明利卿規组135改變顯示字型:意圖:在設= 相同的提供選擇鈕群、址135與字型顯示區塊134用 伽可以選擇不同的選擇纽,每一個選擇叙則是分別代表^ 型大小。當使用者130選擇其中之一個按紐時,則字型顯 就會將對應的字型大小顯示於其中。 '、-一 —客戶端120將控制元件的位移量換算成字型大小的參數。接 著,客戶端120在完成調整後將設定頁面之控制元件回傳至伺服 端1扣儲存(步驟S330,對應步驟S212〜S213)。當客戶端12〇 再一次登入伺服端110後(步驟S340,對應步驟S221)。伺服端 11〇根據使用者130設定過的頁面設定之控制元件的參數變化量 調整網頁内容之顯示比例(步驟S350,對應步驟s222)。词服= 12 200907712 /山,’罔貝内谷至各尸端12〇(步驟S33Q,對應步驟3223),客 尸端12Q根據接收到的網頁内容向使兩者13〇播放。’ _本發明除了上述所列舉的網頁字型外,也可以在其他不 =網^内容。例如,網頁中的_顯示也可以應用本發明來預 120的最佳顯示比例。另外,設定頁面132更可以紀錄 齡ΐ /〇的各種解析度的最佳顯示比例。若使用者130以不同 至值端110時,做端則可以根據前述所設定之 镇解析度肋發送最佳的㈣内容顯示比例。 軒根據使用者咖的閱讀f慣_肋容之設定及 ^適人的1==1W可以m客戶端12Q的環境下, 零境,比例。其中,判斷客戶端120的使用 、兄1通_取_ #前操作系統的分辨率參數來實現。 雖:,,、:本發明以前述之較 、 定本發明,任何孰㈣上’然其並非用以限 内,當可作=:;、=技#者,在不麟本發日狀精神和範圍 本說明書所附之申請專利所 月之專利保義圍舰 【圖式簡單說明】 w界疋者為準。 ::係為客戶端與伺服端連結之示意圖。 圖係為本發明之客戶 法流程圖。 各戶姑網頁内谷顯示比例之設定方 第2B圖係為本發明 法流程圖。 目動I對各戶铜心容之顯示方 本發明之實際操傾辟相。 弟,係為本發明之-較佳實施例之示;Ξ: 13 200907712 第3圖係為本發明之實際操作流程示意圖。 第4A圖係為本發明之一較佳實施例之示意圖。 第4B圖係為本發明之一較佳實施例之示意圖。 第5A圖係為本發明之另一較佳實施例之示意圖。 第5B圖係為本發明之另一較佳實施例之示意圖。 【主要元件符號說明】 110 伺服端 120 客戶端 121 使用者 132 頁面設定之控制元件 133 滑動條 134 字型顯示區塊 135 選擇鈕群組 14Language)) A computer language that adds styles (fonts, spacing, colors, etc.). The <percentage> tag in the CSS is used to change the overall display ratio in the content of the web page. The appropriate value that the user can switch according to his or her needs. For example, in the above browser, the user presses, ct "丨,, +" whee| up/d〇wn, to enlarge/reduce the page integration. However, it should be noted that the above-mentioned browser passes the <percentage> standard to change the overall size of the network, and the fonts in the content of the webpage will become larger, and other @示 will follow change. In addition, although some online money has the size of Wei, but it can be adjusted for the user's watch (4), but it can't apply all the pages of the online money. Users can only enter each page when they enter different pages. proportion. In view of the above, the main purpose of the present invention is to provide a display component method for displaying the font content of the webpage content of different clients, for setting a plurality of guests. The ratio of the setting of the content of the webpage is determined by the method of the method. The content of the plurality of webpages of the red serving end is based on the customer's second webpage; the amount of tea of the end of the 7th _ _ _ 70 is used to adjust the capacity of the L 7L piece Display ratio. The client reduces the control dream of the page setting back to the server for storage. The other purpose of the invention is to provide a display method for the web page font, which is used for 200907712 to call the display of the above setting. The method includes the following steps: the display ratio of the content of the Weiwang 1 content, and the proportion of the age of the net client such as the red client (4). The dog system provides the record of the font display of the client webpage. First, the record system includes: the server and the client. The content of the web page includes the control elements of the setting page. The display ratio ^ the parameters of the reading are changed to the content of the whole page, ^ the cakes are controlled by each household. The parameter change amount of the component. Fang, go. According to the user's reading 1 customary web page content setting and display = capacity: == can determine the client's use environment, provide suitable network such as = the characteristics and realities of the present invention DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS The present invention is a client webpage content: this recording system includes a client 120 and a servo terminal training. Please refer to "the second figure". For the connection between the client and the server, the Internet is connected to the server, and the client is available for viewing. ^ 120 provides at least - the user gamma server 1 彳〇 provided in each web page content in addition to the car • more includes =: control = 〇 077 200907712 page control element 132 is but not limited to PHP, jav ^, , V3 Script, ASP (Active Serv丨et Page) or JSP (java Servlet Page). The client 120 uses the parameter change of the control element set by the page to periodically display the display ratio of each web page content, and the server 11 records the amount of parameter change of the control element set by the client 12 to the page. The control element is a slide bar 133 (snde "Bar", a text input box (Text input), a selection button group l35 (Radj〇 (10) annihilation drop-down menu (Select Menu). Please refer to "Figure 2A" It is a flowchart of a method for setting a display ratio of a webpage content of a client according to the present invention. The webpage content setting method comprises the following steps: First, the server provides a control element of the page setting to the client (step S21^). The parameter change amount of the control element of the page setting is used to display the display ratio of the webpage content (step S212). Finally, the parameter change amount of the control 7L component of the client page is returned to the server for storage (step S213), the client At this point, the setting process of the setting page 132 is completed. Please refer to the "B2B" of the present invention, which is a flowchart of the method for automatically adjusting the client and the page in the page of the present invention. The network (four) capacity display method includes the following steps: each terminal logs in to the server (step S221). The servo end is light according to the change amount of the control component set by the page of step 12: the ratio is (=222). For web content to the client (in step s2g example: 2=====: "2A map, "2Rpi溆" town. We live, μ with the same day reference page" "3" The servo terminal 110 provides the control element of the setting page to the client 1 in the provision of the sakis. The user 130 adjusts the two-component component in the webpage content _ S32Q, the ageing step S212 ), the user can set the control element # in the drama = 200907712. If the message is 133, please see 4B. In the figures 45 and 45, in the setting of the two A maps and the "moving strips Ί 33 and the font display block 134, the use of 'two: towel supply-sliding displacement change caused by the slip, as a change," Μ Drag the slider 133 end 11 〇 according to the basis of the control element set by the page, so that the preset display ratio of the webpage content of the servo 12〇 is provided to the client; t. = the display block 134 will generate different words. Type size 130 to change the size of the font, just drag and drop ί: Tianmu _ strip 133 'font will zoom in / down - level ^ 2 In addition to the page set control element can be slider 133 to take advantage of other different types The components are used to implement the same function, for example, button group 135. Please refer to "5A" and "5B, k select Mingliqing regulation group 135 to change the display font: Intent: in the setting = the same offer option The button group, the address 135 and the font display block 134 can select different selection buttons by using the gamma, and each of the selection rules respectively represents the size of the ^ type. When the user 130 selects one of the buttons, the font is displayed. The corresponding font size will be displayed in it. ', - one - guest The terminal 120 converts the displacement amount of the control element into a parameter of the font size. Then, after completing the adjustment, the client 120 returns the control element of the setting page to the servo terminal 1 for storage (step S330, corresponding to steps S212 to S213). After the client 12 logs into the server 110 again (step S340, corresponding to step S221), the server 11 adjusts the display ratio of the webpage content according to the parameter change amount of the control element set by the page set by the user 130 (step S350). Corresponding to step s222). Word service = 12 200907712 / mountain, '罔贝内谷 to each corpse 12〇 (step S33Q, corresponding step 3223), the guest corpse 12Q according to the content of the received web page to make the two 13〇 Play. ' _ In addition to the web page fonts listed above, the present invention may also be used in other content. For example, the _ display in the web page may also apply the present invention to the optimal display ratio of the pre-120. In addition, the setting The page 132 can record the best display ratio of various resolutions of the age ΐ / 。. If the user 130 is different to the value end 110, the end can be sent according to the above-mentioned set resolution ribs to send the best (four) Display ratio. Xuan according to the user's reading f habits _ rib capacity setting and ^ suitable person's 1 = =1W can m client 12Q environment, zero environment, proportion. Among them, determine the use of client 120, brother 1 pass_take_# The resolution parameter of the pre-operating system is implemented. Although:,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,, ;, =Tech#, in the spirit of the day and the scope of the application of the patent application of the patent attached to the patent of the patent security ship [simplified description] w. :: is a schematic diagram of the connection between the client and the server. The figure is a flow chart of the customer law of the present invention. The setting of the scale of the valley display in each household page is shown in Figure 2B. The purpose of the visual I to the copper heart of each household is the actual operation of the present invention. The present invention is a preferred embodiment of the present invention; Ξ: 13 200907712 The third drawing is a schematic diagram of the actual operation flow of the present invention. Figure 4A is a schematic illustration of one preferred embodiment of the invention. Figure 4B is a schematic illustration of one preferred embodiment of the invention. Figure 5A is a schematic view of another preferred embodiment of the present invention. Figure 5B is a schematic view of another preferred embodiment of the present invention. [Main component symbol description] 110 Servo terminal 120 Client 121 User 132 Page setting control element 133 Slide bar 134 Font display block 135 Selection button group 14