關于門戶網站焦點圖設計的一些總結

2024-08-30 08:34:25

字體：大中小

來源：轉載

供稿：網友

焦點圖，集圖片、文字、動態交互效果于一體的內容呈現方式，在吸引眼球(所謂焦點)、頁面排版優化等等諸多方面具有十分重要的作用。這點在內容至上的門戶型網站中尤為重要。
　　在這個過程中積累了些經驗想和大家分享下，套子比較適用于像搜狐、新浪這些大門戶網站，對于個人網站、商務網站不一定都是對的，另當別論～～

1，越傻瓜越好(結合第3點)
　　編輯們比較恨套html。特別地，對于時效性高而且頻繁更新的頁面，讓編輯們直接在焦點圖的html上套內容是最致命的。
2，即插即用，防止沖突
　　類名（css class）別怕長，前綴、后綴什么的沒事加加看，另類點更好。
　　焦點圖功能相對獨立，很多時候都是頁面發布N天了，然后突然要換一種焦點圖，如果焦點圖的類名過于通俗(比如什么title,head,main啊之類)，套到頁面中時有發生莫名其妙的樣式沖突就杯具了。
3，可視化設計器
　　設計一個焦點圖的設計器，編輯們可以利用設計器填填數據，一鍵迅速生成焦點圖代碼。

4，樣式一定要和結構、行為分離
　　編輯可以方便地改改字體色、背景色等等

5，盡量用html模板技術
　　使結構(html)和行為(js邏輯)也分離。可以考慮jquery官方的模板插件

6，對于超大門戶型網站（如搜狐新浪）來說，SEO的優先級在很多時候比內容底。
　　為什么？因為這種類型的網站已經是人人皆知了不用搜的了。
　　這一點決定一個事實：可以利用JS動態產生焦點圖Html代碼。盡管這種類型的HTML代碼是SEO不友好的！

　　最后一句話：對于大型門戶型網站的焦點圖，利用json數據結合html模板技術用js動態生成焦點圖，將一大堆焦點圖相關的HTML代碼放到頁面里面，編輯們會恨，影響網站內容的更新效率！

上一篇：網頁前端開發小細節

下一篇：Blog設計網頁設計之處女作