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

心得技巧
可用性web表单的设计开发指南
网站颜色论:创建属于自己的网站配色方案
UCD以用户为中心的设计在中国的发展
WEBJX收集25个漂亮的建设中的网站设计
2010年博客blog设计的有趣的趋势
设计参考:不同凡响的网站导航设计实例
为你的web设计增添令人赞叹的元素
表格变填空与冷冰冰的网页对话
设计之处:设计人员面试的博弈技巧
网站不是炫技场,设计要为内容服务
网页设计参考:20个漂亮的网站导航菜单设计实例
优秀设计应该具备的十条标准
视觉设计分析:浅谈信息可视化设计
网页设计师总结的对网页设计行业的感触
GUI设计:让用户快速准确地读懂符号和含义
基于google图表API的jquery组件全攻略:基础入门
交互设计:探讨内容和容器的关系
设计观点:公司中如何推行用户体验策略
设计观点:非设计人员对设计师的左右
网页制作教程:框架、布局、模块、列表和数据块

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


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