[發明專利]一種基于網絡腳本語言的頁面布局方法

無效

• 申請號: 200710053734.6
• 申請日: 2007-11-01
• 公開（公告）號: CN101146098A
• 公開（公告）日: 2008-03-19
• 發明（設計）人: 李亮;胡志勇;魏三川
• 申請（專利權）人: 武漢虹旭信息技術有限責任公司
• 主分類號: H04L29/06
• 分類號: H04L29/06;G06F17/30;G09G5/00
• 代理公司: 湖北武漢永嘉專利代理有限公司
• 代理人: 朱必武

技術領域

本發明屬于計算機、通信領域，具體涉及一種基于網絡腳本語言的頁面布局方法。

背景技術

近年來，隨著網絡技術不斷發展，尤其是基于Web的信息發布和檢索技術、Java計算技術以及網絡分布式對象技術的飛速發展，導致了很多應用系統的體系結構從C/S結構(Client/Server的簡稱，客戶機/服務器模式)向更加靈活的多級分布結構演變，使得軟件系統的網絡體系結構跨入一個新階段，即B/S體系結構(Browser/Server的簡稱，瀏覽器/服務器模式)。這樣客戶任何時間、任何地點、任何系統，只要可以使用瀏覽器上網，就可以使用B/S系統的終端。

早期的網頁布局技術主要使用Table方式，存在如下問題：

1).把格式數據混入內容中。

2).這使得文件的大小無謂地變大。

3).重新設計現有頁面的布局極為消耗勞力，且昂貴。

4).當顯示屏分辨率變化時，影響頁面的布局效果。

5).設計非常規布局比常規布局(如：T型布局、口型布局、三型布局等)要困難的多。

目前比較流行的DIV+CSS抽象設計，一定程序的解決了上述問題，但是仍然存在以下一些問題：

1).當顯示屏分辨率變化時，影響頁面的布局效果。

2).設計非常規布局比常規布局(如：T型布局、口型布局、三型布局等)要困難的多。

3).重新更換現有的頁面布局，需要對CSS文件做較大的修改和計算，尤其是采用絕對定位方式。

發明內容

本發明目的在于克服上述方法的不足，提出一種基于網絡腳本語言的頁面布局方法，通過引入參照物和網絡腳本語言實現頁面的靈活布局，并可自適應不同分辨率的屏幕，尤其是重新設計布局時，修改更加簡單。

本發明的技術方案是：一種基于網絡腳本語言的頁面布局方法，其特征在于：頁面布局引入參照物和網絡腳本語言進行布局；參照物是頁面組件，或是非頁面組件，比如瀏覽區中心點、瀏覽區左上角等；

頁面組件由頁面語言標識，比如在HTML3.2中，可以使用div進行標識；頁面組件的樣式由頁面樣式語言標識，比如在HTML語言中，使用CSS進行標識；

頁面非參照物組件根據瀏覽區尺寸和布局規則計算出各自的實際布局位置，并做出相應調整；頁面非參照物組件位置調整使用網絡腳本語言實現。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：頁面布局時需要選定1個或者多個參照物。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：頁面中參照物組件是顯示出來的，或者隱藏。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：頁面中參照物組件的位置是絕對位置，或者是相對位置。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：布局規則根據頁面布局需要進行設計，不是一成不變的，比如按圓分布、按扇形分布、按正八邊形分布等。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：根據布局規則在頁面中增加繪制一些輔助標識以標識關聯關系，比如在組件間繪制連線，輔助標識的繪制使用網絡腳本語言實現；通過網絡腳本語言標識出關聯關系時，采用調整后的組件位置信息。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：頁面非參照物組件調整自己的實際布局位置是自動完成方式，或是響應用戶操作方式，比如鼠標單擊等。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：頁面非參照物組件調整自己的實際布局位置采用自動完成方式時，調整過程應在瀏覽區顯示頁面之前。

如上所述的基于網絡腳本語言的頁面布局方法，其特征在于：網頁組件自動布局的流程如下：

1).瀏覽器根據輸入的頁面URL開始裝載頁面；

2).使用網絡腳本語言獲取瀏覽器最大化時瀏覽區大??；

3).使用網絡腳本語言計算出參照物組件的位置信息；

4).使用網絡腳本語言根據瀏覽區尺寸和布局規則計算出頁面非參照物組件的位置；

5).使用網絡腳本語言修改頁面非參照物組件的位置；

6).瀏覽器在瀏覽區中顯示頁面。

有益效果

本發明的有益效果是，利用本發明提出的頁面布局方法，可以對頁面中組件靈活布局，并可自適應不同分辨率的屏幕，尤其是重新設計布局時，修改更加簡單。

附圖說明

圖1為本發明實施例的頁面布局示意圖。

圖2為本發明實施例的網頁組件自動布局示意流程圖。

圖3為本發明實施例的網頁組件自動布局實例圖。

具體實施方式