今天小编跟大家讲解下有关关于门户网站焦点图设计的一些总结 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关关于门户网站焦点图设计的一些总结 的相关资料，希望小伙伴们看了有所帮助。
焦点图 集图片、文字、动态交互效果于一体的内容呈现方式 在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。 在这个过程中积累了些经验想和大家分享下 套子比较适用于像搜狐、新浪这些大门户网站 对于个人网站、商务网站不一定都是对的 另当别论～～ 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代码放到页面里面 编辑们会恨 影响网站内容的更新效率！来源：爱蒂网
