关于门户网站焦点图设计的一些总结

ttx9n · 发表于 2010-11-11 15:40:24

最近一段时间直和焦点图打交道-重构旧代码、抽象成JS插件等等。焦点图，集图片、文字、动态交互效果于一体的内容呈现方式，在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。
　　在这个过程中积累了些经验想和大家分享下，套子比较适用于像搜狐、新浪这些大门户网站，对于个人网站、商务网站不一定都是对的，另当别论～～

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代码放到页面里面，编辑们会恨，影响网站内容的更新效率！

dingzhi521 · 发表于 2022-8-24 01:35:22

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

wqpa63gz · 发表于 2022-8-31 03:23:20

哈哈哈哈哈哈

白狐软件 · 发表于 2022-9-4 01:13:50

谢谢下载来看看

lsc54 · 发表于 2022-12-6 10:16:51

刷屏刷屏刷屏

Alisaliu · 发表于 2023-2-25 01:35:08

刷刷刷刷刷刷刷刷刷刷刷刷刷刷刷

雪龙Ui79 · 发表于 2023-4-1 11:45:04

哟哟哟哟哟以偶

95nd4ba · 发表于 2023-6-23 20:58:26

天天源码论坛

u7yxn9 · 发表于 2023-9-10 02:54:19

66666666666666666666

qq303604905 · 发表于 2023-10-20 00:07:12

哈哈哈哈哈哈

账号		自动登录	找回密码
密码			立即注册

[心得技巧] 关于门户网站焦点图设计的一些总结

相关帖子