当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 不提倡将Word中的内容直接拷到网站的编辑器中

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

心得技巧 中的 不提倡将Word中的内容直接拷到网站的编辑器中


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 84 ::
收藏到网摘: n/a


问题:为什么不提倡将Word中的内容直接拷到网站的编辑器中?
解答:直接将Word中的内容拷贝下来粘贴到网站的编辑器中,会产生大量Word自动生成的无用代码,从而增加了代码量与页面的大小,一二篇不要紧,几十甚至几百篇后对网站空间及访问的影响就会较大了。且从Word中拷贝下的内容在网页中也不一定会全部保证原拷贝Word中的格式。我的建议是:
  1、在文章内容页面模板中,在控制显示内容标签{$ArticleContent} 所在表格中,将后台风格管理中控制文章内容的CSS“main_tdbg_760”(默认为class="main_tdbg_760",您也可以重新定义成新的CSS),定义成您想要显示文字的大小,如:
.main_tdbg_760 /* 内容表格背景、文字颜色定义(760) */
{
padding: 5;line-height:normal;Word-break:break-all;font-size: 18pt;font-family:宋体;
}
  即定义好文章内容的缩进量(padding)、行高(line-height)、自动换行(Word-break)、文字尺寸(font-size)和字体(font-family)等定义。
  这样就可以将文章内容默认显示的格式作一下整体定义。
  2、将Word中的文章内容全选-复制,新建一个记事本文档进行粘贴,再全选记事本中的内容复制,粘贴到网站编辑器中。整个操作几秒内即可完成,比直接拷贝Word中内容的优点是:去除了直接拷贝Word文档内容而产生的大量的无用代码;缺点是无单独的字体格式,如标题字体等。有一点要注意:Word文档内容中的图片目前无法直接复制到编辑器中。不过您可以将Word文档另存为html文件而得到这些图片后,再进行上传。
  3、在网站编辑器中设置标题等大小,上传图片,设置文章格式。
问题:文章内容显示的行间距是否从CSS里面设置?如何设置?
解答:我们建议采用CSS控制,即上面说明中“line-height:normal;”,建议设置成“normal;”(默认行高),不要设置如“line-height:150%;”或“line-height:24;”、“line-height:24px;”这样的固定值。如果设置成了固定值,则在编辑器中设置成大字体时,其行高就会固定在您设置的大小中,从而造成行与行之间重叠的现象。