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

心得技巧
改进用户体验设计需要花多少钱?
交互设计:在网站上空间记忆模式的表现
在线制作流程图的实用工具网站
B2C网站设计理论:推荐商品页面的建立
B2C网站设计:你的网站需要使用TAB栏?
深底色风格的网页设计的策略
Web前端性能优化全攻略
20多个使用jquery交互的漂亮网站设计
黑白相片变成逼真的彩色照片 PS都做不到
互联网产品设计:SNS到B2C的聪明小动作
互联网产品实例设计分析:豆瓣电台
搜狐白社会领先的交互与前端设计
案例分析:SNS如何做推广活动
交互设计指南:信息可及
设计理论:体现交互设计师专业度
Web设计评论体系研究:商品评论的设计
UE设计实战:怎样评价一个原型的质量
设计理论:什么是设计的细节
网页设计理论:网页设计风格
用户体验设计实例分析:网页表单设计

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


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