站群知识辅导材料四.doc_第1页
站群知识辅导材料四.doc_第2页
站群知识辅导材料四.doc_第3页
站群知识辅导材料四.doc_第4页
站群知识辅导材料四.doc_第5页
已阅读5页,还剩11页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、 新春致辞页面的制作一、 新建栏目:新年致辞首先选中所站根节点,点击右键“新建栏目”,设置栏目属性二、 上传静态页面先将静态页面打好zip包(技术支持平台上已经有相关上传的方法,请参考此贴:/bbs/showtopic-654.aspx)选中站点根节点,选择模板标签页,点击右侧导入模板在弹出的窗口中浏览找到刚才打好的zip包,点击确定此时,页面列表中已经多了一个新年致辞的模板页面选中该模板,并点击右侧的“同步模板附件”三、 修改并配置模板将新年致辞的模板打开,将代码全部拷出,粘贴到Dreamweaver中,编辑模板,具体代码参考如下:找到文字内容所在的td 值此辞旧迎新之际,我们谨代表高能所党政领导,向一年来为高能所的发展辛勤工作、无私奉献的全所职工和院内外关心支持我所发展的各级领导和朋友们,致以最诚挚的问候和祝愿。将td里的所有文字内容删除,写上取文章内容的置标,如下: 正文内容 该置标表示取当前栏目下的第一篇文章的正文代码修改完毕后,将其全部拷贝粘贴覆盖原来的“新年致辞”模板,保存成概览模板在首页加上弹出新年致辞页面的js四、 配置模板选中“新年致辞”栏目,在右侧的栏目详细信息里给该栏目配置模板,点击首页模板右侧的红框中的小图标,如下图所示选择刚才写好的“新年致辞”概览模板,确定保存对于细缆模板,只需配置该站点下任一个细缆模板即可。配置方法同上。五、 新建新年致辞文档并发布页面选中新年致辞栏目,点击右侧的“创建一篇新文档”将新年致辞文档内容考入编辑器中,并调整好文档显示格式,保存并发布预览“新年致辞”栏目 即可看到效果。六、 修改首页模板选中该站点名,点击右侧首页模板名称在打开的首页模板代码中加入下面的代码:window.open(/xnzz/ ,new_window_name,left=100,top=120,width=1000,height=1600scrollbars=yes);/xnzz/ 为做好的“新年致辞”的发布地址即选中新年致辞栏目时,右侧栏目详细信息最下面的地址new_window_name为新年致辞窗口的名称,可随意命名left=100,top=120,width=1000,height=1600 scrollbars=yes 定义该弹出窗口的属性。Left表示距左的距离,top为距上的距离,width为窗口的宽度,height为窗口的高度,scrollbars为是否允许有滚动条,窗口属性可以根据具体情况定义,具体方法请在网上查找window.open() 的详细使用方法。七、发布“新年致辞”的栏目首页和站点首页 即可 1、 如何在节日时添加头部banner具体操作步骤:制作相应的节目banner宽度设为1000px,然后将图片通过模板上传的方式进行上传,并且同步模板附件,在首页模板中添加相应的代码即可。 2、 如何在节日时添加背景图片首先制作一下背景图片。然后导出“首页”模版,编辑首页html文件,插入该背景图片,打开“SITE300”目录下的CSS文件,在body中加入以下代码:background-image: url(banner_back.jpg);background-repeat: no-repeat;background-position: top center;banner_back.jpg为背景图片的名称,自已命名。修改头模版,设置网页上边距,以显示背景图:margin-top: 84px;3、 如何在节日时添加对联具体操作步骤:制作相应的节目banner宽度设为1000px,然后将图片通过模板上传的方式进行上传,并且同步模板附件,在首页模板中添加相应的代码即可。 var delta=0.8;var collection;var closeB=false;function floaters() this.items = ;this.addItem = function(id,x,y,content) document.write(+content+);var newItem= ;newItem.object = document.getElementById(id);newItem.x= x;newItem.y= y;this.itemsthis.items.length= newItem; this.play= function() collection= this.itemssetInterval(play(),30); function play()if(screen.width=800 | closeB)for(var i=0;icollection.length;i+)collectioni.object.style.display= none;return;for(var i=0;i0?1:-1)*Math.ceil(Math.abs(dx);followObj.style.left=followObj.offsetLeft+dx;if(followObj.offsetTop!=(document.body.scrollTop+followObj_y) var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;dy=(dy0?1:-1)*Math.ceil(Math.abs(dy);followObj.style.top=followObj.offsetTop+dy;followObj.style.display= ;function closeBanner()closeB=true;return;var theFloaters= new floaters();/theFloaters.addItem(followDiv1,document.body.clientWidth-87,80,);theFloaters.addItem(followDiv2,6,80,);theFloaters.play();!-请将这中间的代码拷贝粘贴到首页body标签5、如何使网页变灰(适用于悼念)在首页的body标签中加上style=filter:gray; 即可。6、网站首页最新发表论文的相关代码情况以动物所(/ )为例,网站首页的发表文章提取的是论文库里面的最新十条数据,以滚动的方式展现。可在资源库里面制作相应的概览模板,具体代码如下:无标题文档  . . . .  ():. var speed3=80/速度数值越大速度越慢 var demo2 = document.getElementById(demo2);var demo1 = document.getElementById(demo1);var demo = document.getElementById(demo);demo2.innerHTML=demo1.innerHTML function Marquee1() if(demo2.offsetHeight-demo.scrollTop=0) demo.scrollTop-=demo1.offsetHeight else demo.scrollTop+ var MyMar=setInterval(Marquee1,speed3) demo.onmouseover=function() clearInterval(MyMar) demo.onmouseout=function() MyMar=setInterval(Marquee1,speed3) 配置成论文库的其他概览模板当中,并在文字库的首页模板中,通过iframe嵌套的方式进行调用, 发表文章 a href= target=_blank   7、网站中两个飘窗的添加   var xPos = 80;var yPos = 60;var step = 1;var delay = 30;var height = 0;var Hoffset = 0;var Woffset = 0;var yon = 0;var xon = 0;var pause = true;var interval;var id;function hide(id)var div=document.getElementById(id);div.style.display=none;div.onmouseout= function()div.style.visibility = hidden; /img1.style.top = yPos;function changePos()width = document.body.clientWidth;height = document.body.clientHeight;var ad = document.getElementById(float_AD);Hoffset = ad.offsetHeight;Woffset = ad.offsetWidth;ad.style.left = (xPos + document.body.scrollLeft)+px;ad.style.top = (yPos + document.body.scrollTop)+px;if (yon)yPos = yPos + step;elseyPos = yPos - step;if (yPos = (height - Hoffset)yon = 0;yPos = (height - Hoffset);if (xon)xPos = xPos + step;elsexPos = xPos - step;if (xPos = (width - Woffset)xon = 0;xPos = (width - Woffset); function start()var ad = document.getElementById(float_AD);/alert(ad);ad.style.top = yPos+px;ad.style.display = ;interval = setInterval(changePos(), delay);start();function stop()var ad = document.getElementById(float_AD);clearInterval(interval);/飘窗代码什么页面需要,直接放入当前页面即可!- Beginvar xPos1 = document.body.clientWidth-20;var yPos1 = document.body.clientHeight/2;var step1 = 1;var delay1 = 30; var height1 = 0;var Hoffset1 = 0;var Woffset1 = 0;var yon1 = 0;var xon1 = 0;var pause1 = true;var interval1;img.style.top = yPos1;function changePos1() width1 = document.body.clientWidth;height1 = document.body.clientHeight;Hoffset1 = img.offsetHeight;Woffset1 = img.offsetWidth;img.style.left = xPos1 + document.body.scrollLeft;img.style.top = yPos1 + document.body.scrollTop;if (yon1) yPos1 = yPos1 + step1;else yPos1 = yPos1 - step1;if (yPos1 = (height1 - Hoffset1) yon1 = 0;yPos1 = (height1 - Hoffset1);if (xon1) xPos1 = xPos1 + step1;else xPos1 = xPos1 - step1;if (xPos1 = (width1 - Woffset1) xon1 = 0;xPos1 = (width1 - Woffset1);function start1() var ad1 = document.getElementById(img);/alert(ad);ad1.style.top = yPos1+px;ad1.style.display = ;interval1 = setInterval(changePos1(), delay1);function pause_resume1() if(pause1) clearInterval(interval1);pause1 = false;else interval1 = setInterval(changePos1(),delay1);pause1 = true;start1();/ End -静态页面及图片供下载(http:/manage

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论