2022年网站维护教程 .pdf

《2022年网站维护教程 .pdf》由会员分享，可在线阅读，更多相关《2022年网站维护教程 .pdf（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网站维护教程一、网站篇1 网站后台维护。1.1 服务器登陆与安全。服务器是一个网站的核心，在登陆网站服务器之前我们先来仔细了解下网站的服务器（http:/ 系统的“运行”或在win7 的搜索中键入“mstsc”来启动远程桌面程序，打开界面输入要进行远程的主机（服务器）的IP 地址或网站网址进行链接。链接到桌面输入相应的用户名和密码即可进入操作。在进行远程的时候，安全是万分重要的。在进行远程的时候计算机本机和服务器都是比较脆弱的。所以在进行远程时一定要确保所用机器的安全性，应注意一下几点：（1）消除一切木马和病毒隐患，慎用U 盘和传输装置。（2）不得使用公共计算机进行远程。（3）不得关闭杀毒软件

2、。（4）在不必要时不得随意远程网站服务器。（5）不得向任何无关人员透漏服务器登陆地址和密码。1.2 服务器的维护。我站服务器采用w indows 2003 server 操作系统，卡巴斯基服务器套装，服务器和普通pc 一样需要定期的维护，主要维护的内容有两种，一是计算机垃圾测清理合木马病毒清理，二是杀毒软件的升级。垃圾清理用360 安全卫士（每月清理） ，木马和病毒每月清查，对于杀毒软件的注册码更新请上网查找。2 网站内容更新请网站管理员在了解一下知识后进行网站内容更新工作：1 熟悉 html、html+css+js，Dedecms+php+mysql，这里要强调的是要能能熟练制作网页，熟练

3、dedecms5.0（ http:/ 的学时在一个星期以上。能利用dedecms搭建自己的动态网站。2 熟悉 photoshop 和 flash 基础。3 对 JavaScript 有一定了解，熟悉他的作用和使用方法。4 对 css 深入了解。必须会使用css制作网页，并注重不同浏览器的兼容性。5 熟练使用Dreamweaver8.0 及以上版本。（注：在没有达到要求的情况下，请在本机安装dedecms5.0或以上版本进行模拟调试，严禁在院系网站进行不成熟的调试。安装方法：询刘振宇，主要包裹两个软件“Appserv”和 dedecms 5.3版本（织梦） “）2.1 后台登陆与安全。前面说到了

4、dedecms，大家也看了详细的介绍，我愿的网站就是由dedecms 搭建的动态网站。可以在这里（http:/ - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 15 页 - - - - - - - - - 网站后台的登陆首先打开浏览器键入：http:/ xulida代表徐立达， 是我院网站制作的第一人，输入网址后进入登陆界面，输入用户名和密码即可。安全注意同连接服务器的注意事项2.2 网站广告更新。网站广告是宣传动态信息的视窗。主要是一张图一个链接。所以重点在图上图片的尺寸是 950p

5、x*200px ，下面是它在网页中的位置，军训专题的广告，图片制作要有宣传的意义，制作要精良。点击可以进入链接。我们来看一下如何在后台修改它，首先键入http:/ - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 15 页 - - - - - - - - - 注意红色圈内的代码即为广告代码，红圈以上部分不作修改。这里我们只需修改带有红杠杠的地方，第一句是他的链接地址，这里链接的是军训专题的地址，这个地址是怎么获得的呢，这里有一个技巧。 在每个专题点预览，这浏览器地址栏中显示的地址便是专题

6、的地址了，可以直接来复制，具体如图在“核心”“网站栏目管理” “新闻动态”点击一个专题的预览项及出现它的地址。如下图把弹出窗口的地址给替换掉就把军训专题的链接换为迎新杯专题了。 这句话就是替换前台广告图片的代码，如果这个你都不懂的话那么学html 吧。以下的就不用看了。那么你要问怎么把做好的图片传到网站并替换呢，这里我们就要链接服务器了。上面我们讲过怎么进入服务器了，运行msts.exe 输入我网站的ip 或网址，进入登陆框，输入用户名和密码，进入操作界面。我们的网站存在哪了。来看看吧。D:wwwroothtdocstempletsimages这就是广告图片的放置的地方了。我们要把替换的图片放

7、到这个文件夹下，比如我们做好的950*200 的图片 A（JPEG 格式）放到了里面，怎么放，当然是用qq 文件传输了，我们网站上挂了个qq（聊天机器人） ，管理员可以加他为好友，挂 qq 一是为了传文件，二是为了让服务器始终上网这样外边才能登上我们的网站。所名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 15 页 - - - - - - - - - 以管理员必须坚实这个qq 是否上线。不再线说明网断了登陆服务器把它挂上。这里我们把假设的图片A 放到了 D:wwwroot

8、htdocstempletsimages这个文件夹里了，第二步就要从代码里把它引用，退出服务器，还是回到后台“广告管理”界面，把这个引用改变 改 为 其他的就不用改了。这样做完千万不用忘记点下面的“确定” 按钮。 观看主页，测试看看是不是图片和链接都更改了。（以上看不懂得继续学习html 和计算机基本操作。 ）2.3 网站新闻上传（讯矫杰）2.4 网站专题制作专题式区别于普通新闻的一个整合网页。一般在重要集体事件或在老师要求下做，他是一个独立的网页，有独立的新闻和页面。我们就以军训专题为例作一个专题的流程。有独立的页面所以我们要做一个独立的网页。网页的设计当然是发挥自己所学制作没有固定的格式，

9、 一个好看的页面的重要性我就不说了。制作也不说了。 我只说关键有几点是网页中必须包含的模块，新闻模块，幻灯模块，图片浏览模块，视频模块，当然随着你对dedecms 的深入可以自己开发出新的模块或制作更完美的图片浏览模式、视屏播放模式、这些就看你学的有多么深入。2.4.1 上面的模块在本机开发网页时可以不先考虑插入模块代码但要留出模块的显示空间，打开 Dreamweaver，建立自己的网页（div+css 定位），把制作的网页和css 和 js 都放在同一个文件夹里便于以后的上传。在本地制作过程中不用过多的考虑dede 代码。在做完后在把代码替换成dede 代码上传，所以我们还是先讲本地制作网页

10、吧。打开Dreamweaver 了吗，开始吧，做网页先建框架，这就是一个框架。这个框架是教学的不实用不用模仿，原件见附录。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 4 页，共 15 页 - - - - - - - - - 这里用说的是所有的css和 js 都放在一个文件中引用如图，主体中我举了四个模块，其中 幻灯 新闻 这两个模块是必不可少的两个模块，已生成网页显示如下图正如上边所说的我们建立了框架不用填写具体的代码但要给他定义大小，这样我们才能有空间显示幻灯和新闻，下面是cs

11、s 对幻灯和新闻div 的定义。幻灯：#picture width:400px; height:300px;float:left; overflow:hidden;border:1px solid #fc8615; margin-top:50px; margin-left:10px; 新闻：#news width:500px; height:300px;float:right;display:inline; border: solid 1px #fc8615; margin-top:50px; margin-right:10px; #news ul list-style:none; font-

12、size:13px; #news ul li float:left; width:480px; height:20px; line-height:20px; #news ul li a float:left; #news ul span float:right; #news ul li a color:#FFF; margin-left:5px; 这个定义一定要记住它不是死的。只是我的这种定义符合我设计网页的比例，你可以做相应的修改以适合你做的网页。要记住模仿永远没进步。在制作的时候可以把每一个模块设置上边框这样就能方便看它所占的比例了。以后再删除边框。对于图片浏览和视频的定义具体看附录中的原

13、代码。2.4.2、第二步整体的布局和css 都设置好了，这是它已经是一个完整的美丽的网页了，如果这个你做不到继续学习html+css 吧。一个网页做完了。如图名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 5 页，共 15 页 - - - - - - - - - 只是幻灯和新闻还是空白的。这是正常的， 因为咱们还没连接服务器了，当然是空白的，这是网页要拿到不同的电脑（IE）上测试兼容， 要知道不是所有人都用和你一样的分辨率和IE 版本的。所以要细致的对待测试这才是最难的，如果出现问题

14、请百度搜索或查看书籍一般都是 css 的定义不兼容问题，所以这里我们是不允许用Dreamweaver 的设计器去做网页，因为她的修改性很差，就用html+css 制作。你确定改好了吗？2.4.3 第三步网页很好看，兼容也没问题（必须要完成第二步才能进行第三部）。那么我们就把它转化为我们网站上的网页吧。1 说 道这里我们先来了解服务器中不同文件夹里都是什么类型的文件。服务器上“”这个文件就是存放网站的所有文件，所以你不能随意修改里面的内容，当然服务器上的任何文件都不能随意修改除非你真的懂了。2 来看一下“ default”这个文件夹吧名师资料总结 - - -精品资料欢迎下载 - - - - -

15、- - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 6 页，共 15 页 - - - - - - - - - 这里存放着所有的页面，包括主页，头部页，专题页 等，所以你要把你做的专题网页 的 htm 格式（记住必须在修改完后将。Html 页面另存为 .Htm 页面） 放在这个default文件夹里。怎么弄给去还是用qq 传啊。注意备份。3 来看一下“ images”这个文件夹吧这里是所有的图片文件，所以在你做网页的时候注意合理的存放文件，把你做网页用到的 图片、动画、 js 都可以放在一个文件夹里再放到“images”这个文件里，命名用拼音即可不可

16、与其他重复，不可用汉字。5 来看一下“ style”这个文件夹吧猜对了， 这里就是css文件的专属文件夹了。你的专题网页所用的css 文件就放这里了，命名很关键，别混了一般用专题的拼音的来命名比如：junxun.css 。要更改时用记事本打开。要做大的修改先复制出来改完在复制回去，原来的也要备份避免前功尽弃。常用到的就是这些。其他的文件在你不熟悉前不要动它。2.4.1 第四步真正的麻烦上面说了一大通，下面我们来做修改。这里我们的后台语言是dede 语言，我们就要把本地测试的语句修改成dede 语句了， 并在相应的模块上写入dede代码， 让他成为一页真正能够在网站上显示的动态网页。这里是一个很

17、难理解的问题希望大家静心看。修改成dede代码以后网页就不能再进行本地测试了因为Dreamweaver 是不支持dede 代码的。修改后的网页只有再传到服务器到后台修改了，所以再三强调做好本地测试后在进行更换。更换顺序如下。一 引用地址的修改，引用包括 css 和 js 地址、图片、视频等只要是html 网页以外的引用都要修改。这里的技巧是在Dreamweaver 使用查找（ ctrl+F ）方式，一个都不漏吊。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 7 页，共 15 页 -

18、 - - - - - - - - 1 本地 css和 js 引用样式： Dede 引用样式： 说明： 1 dede 语句中的解释方式：dede:global.cfg_templeturl/style/jxstyle.css可以等于http:/ http:/ 文件夹里德images 文件中的jbgimages 文件夹中ScrollPic.js 这个文件， 为什么拿这个来说 ScrollPic.js 这个 js 文件时滚动图片的js，你不用自己弄直接引用这个地址就可以了，引用的地址也不用改了，他就在基本功专题的图片文件夹中。3 看不懂使劲看，真不懂还得继续学习dedecms的使用。2 css中图片

19、的引用地址修改。不要以为修改了网页中css和 js 的引用地址就完了。别忘了你在css 中有关图片的地址引用，都是本机测试地址，要知道只要是引用就都要换成服务器地址语句。比如 css 中 #toolbarwrap background:url(header.gif) repeat-x 0 0; 的定义。:url(header.gif)就是一个本地地址，这里要替换成dede 语句，前面已经说了所有的图片都放到了服务器D:wwwroothtdocstempletsimages这个文件夹了，我们来看一下修改后的语句background:url(./images/jbgimages/ header.g

20、if) no-repeat center top; 以上这些修改完了引用的地址，可以说框架部分就修改完了，这是如果传到服务器上可以看到一个完整的框架了。但是我们还要实现模块的功能，所以还要为网页中每一个模块加上相应的应用代码。1 新闻模块代码 dede:arclist row=15 titlelen=60 orderby=pubdate typeid=4 idlist= field:textlink/ field:pubdate function=strftime(%y-%m-%d,me)/ /dede:arclist 解析思路：网页的解析先看框架，再看细节，最后看代码，名师资料总结 - -

21、-精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 8 页，共 15 页 - - - - - - - - - 框架是一个 红色标签是并列的。 里面是新闻代码， 里是新闻的链接页,是新闻的日期，这些不用改，里面要改的只有一句就是红色的那句dede:arclist row=15 titlelen=60 orderby=pubdate typeid=4 idlist= 。 主要改这里row=15 是说新闻要显示的条数这里以你设计的网页来定，一般 10-15就差不多了。titlelen=60 是说新闻显示标题的字数，

22、一般不改，60 个字已经很够用了，typeid=4 这个是最最重要是说，你的新闻的引用地址，看一下你的网站后台新闻管理中每一个新闻栏目和专题都有一个id 号，如下图，你如果要显示迎新杯专题中的赛事新闻他的id 就是 75，这里 typeid=75 明白了吧，所有的模块都如出一辙。 注意在加入代码的同时，你也在html 加入了新的div 和其他标签元素,所以在修改好药加入相应的css 代码。这个别忘记。看看这是新闻模块的css：#news width:500px; height:300px;f loat:right;display:inline; border: solid 1px #fc861

23、5; margin-top:50px; margin-right:10px; #news ul list-style:none; font-size:13px; #news ul li float:left; width:480px; height:20px; line-height:20px; #news ul li a float:left; #news ul span float:right; #news ul li a color:#FFF; margin-left:5px; 里面有很多都可以改。自己看着改成合适的。2 幻灯的也是这样，看看幻灯模块的dede 代码。 linkarr =

24、 new Array(); picarr = new Array(); textarr = new Array(); var swf_width=400; var swf_height=300; dede:arclist row=5 typeid=88 var files = field:litpic/; var links = field:arcurl/; var texts = field:title function=html2text(me)/; /dede:arclist /这里设置调用标记dede:arclist row=5 typeid=88 linkarrfield:globa

25、l.autoindex/ = field:arcurl/;名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 9 页，共 15 页 - - - - - - - - - picarrfield:global.autoindex/ = field:litpic/;textarrfield:global.autoindex/ = field:title function=html2text(me)/; /dede:arclist for(i=1;ipicarr.length;i+) if(fi

26、les=) files = picarri; else files += |+picarri; for(i=1;ilinkarr.length;i+)if(links=) links = linkarri; else links += |+linkarri; for(i=1;itextarr.length;i+) if(texts=) texts = textarri; else texts += |+textarri; document.write(); document.write(); document.write(); document.write(); document.write(

27、); document.write(); 是不是很长，这个其实就是多了个js 代码，这里我们要修改的也不多，只是红色的部分var swf_width=400; 这里我们设置幻灯的宽要和你设计的幻灯div 相适应var swf_height=300; 这里是高要和幻灯div 相适应，也要兼顾图片的比例。dede:arclist row=5 typeid=88 这里就不用说了吧，和下面那个也一样一样的var files = field:litpic/; var links = field:arcurl/; var texts = field:title function=html2text(me)

28、/; /dede:arclist dede:arclist row=5 typeid=88 和上面那个也一样一样的下面是他的css：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 10 页，共 15 页 - - - - - - - - - #picture width:400px; height:300px;float:left; overflow:hidden;border:1px solid #fc8615; margin-top:50px; margin-left:10px;

29、看着少但到很精密，3 以上的是新闻和幻灯的，对于滚动图片的和幻灯的是一样的，都有个js。只改有用的红色的。注意js代码的修改， dede:arclist row=10 titlelen=24 orderby=pubdate typeid=63 imgwidth=250 imgheight=200 field:imglink/field:textlink/ /dede:arclist var scrollPic_02 = new ScrollPic(); scrollPic_02.scrollContId = ISL_Cont_1; / 内容容器 ID scrollPic_02.arrLeftI

30、d = LeftArr;/ 左箭头 ID scrollPic_02.arrRightId = RightArr; / 右箭头 ID scrollPic_02.frameWidth = 890;/显示框宽度scrollPic_02.pageWidth = 200; / 翻页宽度scrollPic_02.speed = 8; / 移动速度 (单位毫秒，越小越快) scrollPic_02.space = 20; /每次移动像素 (单位 px，越大越快 ) scrollPic_02.autoPlay = false; / 自动播放scrollPic_02.initialize(); /初始化 一下是

31、滚动图片的css：#jximages margin:0px auto;WIDTH: 940px; height:380px;float:left; overflow:hidden; 下面是滚动图片中的一些细节和按钮的css 控制：.blk_29 display:block; margin-top:30px; margin-left:9px; WIDTH: 920px; height:330px; float:left; overflow:hidden; .blk_29 .LeftBotton BACKGROUND: url(ca_hz_002.gif) no-repeat 0px 0px; b

32、ackground-color:#666666; FLOAT: left; CURSOR: pointer; WIDTH: 11px; HEIGHT: 120px; border:#CCCCCC 1px solid; .blk_29 .RightBotton BACKGROUND: url(ca_hz_002.gif) no-repeat -11px 0px;background-color:#666666; FLOAT: right; WIDTH: 11px; CURSOR: pointer; HEIGHT: 120px; border:#CCCCCC 1px solid; 名师资料总结 -

33、 - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 11 页，共 15 页 - - - - - - - - - .blk_29 .Cont float:left; WIDTH: 890px; height:320px; border:#CCCCCC 1px solid; .clear clear:both; height:1px; 4 而对于视频的，我们不需要dede 代码， 这里注意下，把视频文件直接放到D:wwwroothtdocs才用这个 src，灵活修改。以上就是专题的制作的本地测试方法了。别忘

34、记了加入了模块的代码同时还加入了一些新的div 和其他标签。我们还要自css加入代码，定义这些模块的标签的样式。最后一步也是最重要的一步，吧修改完后的zhuanti.html 另存为 :zhuantiming .htm,因为 .htm 才是模板文件。我们要传的就是一个模板。5 修改完了了代码以后就是正式的吧专题放到服务器上来了。上面我们说过服务器上不同文件的文件类型了，现在就把不同的文件放到服务器不同的文件夹里吧。1、.htm 格式文件放在 这个服务器D:wwwroothtdocstempletsdefault文件里2、图片、动画、 js 都可以放在一个新建文件夹里再放到images这个文件里

35、，命名用拼音不可与其他重复，不可用汉字。3、.css 文件放在 “style”这个文件夹6 然后退出服务器，在后台新建专题即可了。1、建立一个专题栏目，在新闻动态添加子类，名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 12 页，共 15 页 - - - - - - - - - 常规选项如上设置，文件保存目录勾选拼音，不用填写（与图有差别）。关键是栏目封面选择“频道封面”高级选项的设置如上，关键是封面模板要修改成你上传的专题的.htm 的那个模板。全部修改完点确定。专题就创建好了。2

36、、建立专题栏目的子栏目，专题一般就是两个栏目一个是新闻，一个是图集，当然希望大家以后开发更多的栏目，比如投票，视屏，下载，游戏，其他网站上有的我们都可以有。当然先经老师同意。添子栏目名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 13 页，共 15 页 - - - - - - - - - 点专题后面的增加子类，出来了选项，新闻的子类内容模型就是“普通文章” ，图片集就是 “图片集” 了，注意栏目属性是 “最终列表栏目” 这是与专题主栏目所不同的。高级选项的中的东西都默认不用调（当然如

37、果你学的够深入文章列表和图片列表的样式都是可以换的）。3、细节修改成就专题。所有的工作都完成了。在做一下细微的修改专题就好了，此时来预览一下专题，此时如果没有错误的话应该是一个和你想象中一样的网页，但是错误总是会有的。但是要学会排查，如果预览后网页都是一个方向下来而且是白色的，那说明css 没有引用上，字模板-默认模板管理 - 找到相应的专题的.htm= 查看 css 的引用地址是否正确，如果一些特殊的效果都没有实现，那就看js 的引用地址。总之，这些问题都是网页制作中应该学会的。2.5 局部的更新和利用在完成对模板的修改后一般要更新下主页或网站，才能看到效果，在主站的幻灯不能显示图片的时候一

38、般需要清理下网站的缓存，这里都是在后台实现的。名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 14 页，共 15 页 - - - - - - - - - 2.6 网站整体更新如果你又好的设计，好的规划，可以考虑到网站的完全更新。但这项工作必须经过院系的批准，关键还是看你的实力。如果不能做整体更新，可以考虑做附加更新。想超越报似的。只要你又创意够新颖，没有什么不可以，所有的网站修改都需指导老师的批准先。、3 网站日常管理和维护3.1 日常管理网站管理员必须时常登陆网站，查看异常的信息。及时的发现错误并及时更正，也要注意网站打不开等异常信息。及时和指导老师做好联系。3.2 基本维护1、服务器的杀毒，补丁更新，垃圾清理，保证服务器的通畅。2、后台的建设规范合理，删除已过期不需要的专题栏目。3、确保网站无错显示。3.3 突发事件处理二 软件篇1 软件编写强化2 软件开发过程3 美化4 后期检测5 生成安装程序三 硬件篇1 装机2 病毒处理3 清理四 总结名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 15 页，共 15 页 - - - - - - - - -