网站群知识库辅导材料第一期网站群平台.docVIP

目录 1、如何在文章中添加/修改图片（221） 3 2、英文稿件中含图片稿件的编辑方法（5404） 4 3、编辑文档时如何实现文字环绕图片的效果 7 4、解决文章中图片宽度过大，可能会把页面撑开的问题 8 5、如何将文章正文中的图片提取为图片附件（3006） 9 6、网站首页图片新闻里的图片不显示的几种常见情况分析及解决方法（5166） 10 7、图片添加热点链接方法（1596） 11 8、文章图片添加资源库链接方法（420） 14 9、用户如何从网站群后台获取文档已上传的图片及文件附件（785） 16 10、修改模板中所用的图片、样式、附件操作方法（289） 17 11、子站首页版头图片更新方法（432） 19 12、如何在文字库制作模板获取图片库的图片（1597） 22 13、关于某些栏目在首页显示logo的功能实现（如专题显示专题图标）（294） 22 14、首页图片新闻显示错乱问题的分析与解决（以flash方式显示图片新闻）（4845） 24 15、建立有特点的新专题、栏目等模版时对图片的命名的建议（2804） 25 16、如何实现首页取第一个带图片的新闻，其余文档按时间顺序显示标题列表（1614） 25 17、网站首页添加new图标的方法与素材（5009） 26 前言 自网站群项目开始建设至今已有两年多的时间，网站群的系统已趋于稳定，这与院所各单位的支持是分不开的。在网站日常运维支持中，网站群运行支持部对于网站群后台的日常操作，模板制作，资源库、图片库和视频库的建设中积累了一定的经验，并将通用的问题进行收集并分类整理，以知识库的形式，定期发送给大家。 如有什么不足之处，请各位老师批评指正！ 网站群后台中图片的相关操作（在标题后添加支持平台的相关帖子号） 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.heigh