焦点图,集图片、文字、动态交互效果于一体的内容呈现方式,在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。
在这个过程中积累了些经验想和大家分享下,套子比较适用于像搜狐、新浪这些大门户网站,对于个人网站、商务网站不一定都是对的,另当别论~~
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代码放到页面里面,编辑们会恨,影响网站内容的更新效率!
在这个过程中积累了些经验想和大家分享下,套子比较适用于像搜狐、新浪这些大门户网站,对于个人网站、商务网站不一定都是对的,另当别论~~
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代码放到页面里面,编辑们会恨,影响网站内容的更新效率!
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
暂无评论...
更新日志
2024年05月20日
2024年05月20日
- 张琍敏1978-雪中莲[台湾复刻版][WAV+CUE]
- 叶蕴仪1993-睡美人[日本版][WAV+CUE]
- 夜晚助兴音乐-群星《新时代床头音乐-性能量》2CD[WAV]
- 24K德国HD金碟《历届奥斯卡获奖金曲》3CD[WAV整轨]
- 邰正宵《重燃爱恋 贰 Walk On》[FLAC/分轨][431.72MB]
- 苏文劭《雨停出来走走》[320K/MP3][81.11MB]
- 苏文劭《雨停出来走走》[FLAC/分轨][210.76MB]
- 群星《2024好听新歌04》十倍音质WAV分轨
- 陈宁《弹指之间HQ》头版限量[低速原抓WAV+CUE]
- 陈宁《故人还》HQCDII限量签名版[低速原抓WAV+CUE]
- 苏文劭《春曲(Lessons)》[320K/MP3][39.8MB]
- 苏文劭《春曲(Lessons)》[FLAC/分轨][97.78MB]
- 群星《2006香港高级视听展原音精选 SACD》[ISO][2G]
- 张琍敏1977-枫林小雨[台湾复刻版][WAV+CUE]
- 林一峰2014-COOKINGMUSIC[香港首版][WAV+CUE]