inspirr

跳到主文

歡迎光臨inspirr在痞客邦的小天地

部落格全站分類:

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 8月 13 週一 201214:31
  • 網頁切片算法的若干問題_網頁設計

網頁切片算法的若干問題 - 網頁設計

http://webdesign.zoapcon.com

這是我研究網頁切片算法的一個匯總想法。

之前我寫過:一種面向搜索引擎的網頁分塊、切片的原理,實現和演示,隨著工作的深入,逐漸碰到以下問題:

網頁切片的粒度問題:

網頁切片算法的目的不是精確找到所需要的內容,而是識別劃分網頁的各種功能區域,導航區,鏈接區,內容,頁腳區和廣告區等。

網頁切片的網頁對象:

互連網紗功能的網頁大概有2種類型,目錄型和內容型;隨著搜索引擎的發展,網站結構逐漸向扁平化的方向發展,車東 對此也做出了數據驗證,而且隨著顯示器分辨率的不斷提高,內容和目錄結合型的網頁呈增加趨勢,天極的網頁涉及,可以說是其中的典范。

網頁切片算法的對象應該是針對:內容型和內容目錄混合型。對不同網頁,應該有個識別算法,應該包括哪些標準?

網頁內容區最大范圍識別:

從切片的粒度可以看出,應該把內容區作為一個部分單獨切出來。根據一般的網頁設計規律,一般有2種容納內容區的方式:1、包含型(如blog ) 2、并列型(如bbs帖子)。

如果處理分頁的內容型網頁:

現在大多數網站為了改善用戶體驗和增加頁面展示次數的需要,對網頁做了分頁處理,這部分需要設別出來。

無意間看到了:VIPS:基于視覺的Web頁面分頁算法 ,從理論上證明了這種方法的可行性。可是實現起來有很多障礙,正如這位所說的:

我那天用浮動的 用絕對位置定位代替 定位,并且在客戶端的JavaScript中動態排列。客戶端的對象用腳本動態生成插入。

弄死他。看他怎么分析。

這樣的算法太依賴于具體實現了,很難有好的解決辦法。

況且,現在依賴客戶端腳本展現動態表現力慢慢開始流行,這個算法很難適應未來的潮流。

就拿最簡單的,我有一個類似于OutLook工具條的頁面風格,都是腳本生成的,我看他怎么分析!

視覺分析只能落腳到視覺上,只能對頁面的靜態畫面作分析才能得到正確的條塊分割,分割條塊是容易的簡單算法就能做到,但是要把這些內容歸結到分割到的條塊是難的。

好的辦法只有一個,模擬鼠標擊鍵,擊鍵處的對象返回響應,這在IE能夠實現的。這樣才能取得分割好條塊后的對象歸屬。

我怎么想都覺得我的簡單算法都要比文中的算法強多了。

視覺依靠畫面分割條塊,很簡單,對空白進行膨脹-縮小算法,這樣留白就能逐漸清晰出來,文字就模糊了。然后作模糊處理,然后用一個亮度閾值把圖片轉換成二值圖,然后作一個矢量化處理,留下線條。歸結到90度和0度上去,得到一個條塊分割的矢量圖。

然后,每一塊中按照密度用鼠標點擊模擬獲得對象!這樣就可以完成了條塊歸納了。

干嗎要分析HTML呢?情況多得很,根本分析不過來。

我目前的進展是:可以識別 導航區、鏈接區、頁腳區。

對內容區的分析是個難點,鑒于我自己的需要,只要找到最大的內容區就可以了。

這段時間對算法的一個體會就是,算法就是解決特定問題的方法。教科書上的算法大都是最一般性,常用性的方法的說明。

套句俗話,能解決實際問題的方法就是好方法。但能把我們解決的問題用數學模型表達出來仍是一個不斷提高算法水平的基本要求。


TAG: 網頁設計 web design
文章標籤
全站熱搜
創作者介紹
創作者 inspirr 的頭像
inspirr

inspirr

inspirr 發表在 痞客邦 留言(0) 人氣(1)

  • 全站分類:
  • 個人分類:
▲top

個人資訊

inspirr
暱稱:
inspirr
分類:
好友:
累積中
地區:

熱門文章

  • ()HTML5標記div、section、article使用說明_19
  • ()臉頰長斑的原因_507
  • ()英文親情名言_31
  • ()4種常見英文祝賀信的寫法及其范文_313
  • ()骨髓移植_1682
  • ()畫Web流程圖的一點心得_網頁設計
  • ()應聘網頁設計師常見的8個面試試題和答案_433
  • ()羊膜移植基礎及眼科臨床應用_1695
  • ()CSS制作網頁技巧-單圖片按鈕實例_475
  • ()維生素缺乏與皮膚病_934

文章分類

  • 未分類文章 (1)

最新文章

    最新留言

    動態訂閱

    文章精選

    文章搜尋

    誰來我家

    參觀人氣

    • 本日人氣:0
    • 累積人氣:106,178
    yongxjb
    PIXNET Logo登入