站群知识辅导材料一.doc

1、如何在文章中添加/修改图片（221） 首先找到您的文章（例：紫金山天文台People里的CAS MEMBER）里的第一篇文章 打开后看到此文章内容 比如您要修改TAN LU这个人的图片 单击图片 然后删除 删除后单击最上面的插入图片按钮 单击后选择您要上传的图片 点上传就可以了最后调整下大小就OK！ 2、英文稿件中含图片稿件的编辑方法 英文网站对稿件中的图片有如下的要求（详见中国科学院网站群英文网站信息编辑规范） 1. 上Events的稿件必须配有图片（文中图片最多两张）。 2. International Cooperation News以及Science and Technology (Research Progress)并不要求必须配图。 3. 如须配发图片，图片须有文字说明，文字说明分两部分，第一部分应说明图片的内容，第二部分为图片的来源，即版权所属机构或个人。如：(Picture/IHEP) （Picture by XU Jia） 注意：不能使用网址或论文名称作为版权出处。如：Cited from the paper 下面就介绍一下，如何在文章正文中对图片进行插入与编辑及排版。 1）信息员正常将文章内容贴入到后台编辑器中。 2）绘制在插入图片处绘制一个两行一列的表格。 3）在第一行中插入相应的图片（可以为本地图片，也可以为图片库图片），第二行插入图片注释。 4）将图片和注释插入到，将表格调整到与图片等大小适当，点右键，进一步调整表格属性。 5）将表格边框设为0，并选择表格对齐方式，确定。 6）调整后，后台的显示效果。 7）前台显示效果。 3、编辑文档时如何实现文字环绕图片的效果 为了使网页页面不至于太呆板，如何实现文字环绕图片的编辑，双击图片编辑对齐方式即可文字环绕： 保存后图片即可居右文字环绕： 4、解决文章中图片宽度过大，可能会把页面撑开的问题 有些研究所提供的图片宽度过大，可能会把页面撑开，很多解决办法都是通过css样式来控制的，这种方式存在bug（图片可能变得很小） 只有刷新才能回复正常，建议改成通过js控制： SCRIPT language=JavaScript //图片按比例缩放 var flag=false; function DrawImage(ImgD,iwidth,iheight){ //参数(图片,允许的宽度,允许的高度) var image=new Image(); image.src=ImgD.src; if(image.width0 image.height0){ flag=true; if(image.width/image.height= iwidth/iheight){ if(image.widthiwidth){ ImgD.width=iwidth; ImgD.height=(image.height*iwidth)/image.width; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+×+image.height; } else{ if(image.heightiheight){ ImgD.height=iheight; ImgD.width=(image.width*iheight)/image.height; }else{ ImgD.width=image.width; ImgD.height=image.height; } ImgD.alt=image.width+×+image.height; } } } //zoom内的图片按比例缩放 var div = document.getElementById(zoom); var nodes = div.childNodes; var sLen = div.childNodes.length; var obj; for(var i=0;isLen;i++){ obj = nodes[i]; if(obj.tagName==CENTER){ var imgNodes = obj.childNodes; var iLen = imgNodes.length; var img; for(var j=0