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

心得技巧
设计心得:如何突破已经足够好了
网站可用性设计:西方网站和亚洲网站的文化差别
网页设计参考:充满创造力的国外网站设计实例
网站用户体验设计师快乐并痛苦着
交互设计探讨:网站导航标签要明晰有效
很简短的话描述用户体验
度量用户体验发散出来的笔记
阅读是电子书好还是纸质书好
盘点2009年微博网站展望2010年互联网产品
和一号店网上超市类似的国外网上超市
优秀网页设计中的易视性元素
前端开发人员必备的14个常用开发手册
期待苹果apple的iTablet最新创造
以原型设计为基础分析可视化内容设计
Firebug 1.5正式发布:几个不错的新功能
浅谈交互设计:面向用户和现实的交互设计
体验新的代码感觉:十大编程字体
网页设计参考:很不错的15个HTML网页表单设计实例
交互设计研究:视觉注意力在设计中的运用
用户交互设计:避免让用户在网站上迷路

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 74 ::
收藏到网摘: 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;”这样的固定值。如果设置成了固定值,则在编辑器中设置成大字体时,其行高就会固定在您设置的大小中,从而造成行与行之间重叠的现象。