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