焦点图,集图片、文字、动态交互效果于一体的内容呈现方式,在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。
在这个过程中积累了些经验想和大家分享下,套子比较适用于像搜狐、新浪这些大门户网站,对于个人网站、商务网站不一定都是对的,另当别论~~
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代码放到页面里面,编辑们会恨,影响网站内容的更新效率!
标签:
门户网站,焦点图
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
岱庙资源网 Copyright www.zgmyg.com
暂无“关于门户网站焦点图设计的一些总结”评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 三国志8重制版恶名怎么消除 恶名影响与消除方法介绍
- 模拟之声慢刻CD《柏林之声5》2019[原抓WAV+CUE]
- AlexandraSoumm-Parisestunefte(2024)[24Bit-96kHz]FLAC
- 李嘉《国语转调1》[天王唱片][WAV整轨]
- 不是哥们 这都能跑?网友展示用720显卡跑《黑神话》
- 玩家自制《黑神话:悟空》亢金星君3D动画 现代妆容绝美
- 大佬的审美冲击!《GTA6》环境设计师展示最新作品
- 纪晓君.2001-野火·春风【魔岩】【WAV+CUE】
- 汪峰.2005-怒放的生命【创盟音乐】【WAV+CUE】
- 群星.1995-坠入情网【宝丽金】【WAV+CUE】
- 群星《谁杀死了Hi-Fi音乐》涂鸦精品 [WAV+CUE][1G]
- 群星1998《宝丽金最精彩98》香港首版[WAV+CUE][1G]
- 汪峰《也许我可以无视死亡》星文[WAV+CUE][1G]
- 李嘉-1991《国语转调2》[天王唱片][WAV整轨]
- 蔡琴2008《金声回忆录101》6CD[环星唱片][WAV整轨]