1、网站维护教程网站维护教程开始之前,网站建设与维护需要什么专业知识首先,网站建设要学习哪些专业知识网站建设是企业开展网络营销的综合性工具,网站建设的专业性直接或者间接的影响到企业实现网络营销的最终效果,因此企业对自身网站的专业性进行审核是非常必要的工作。要想做好网站建设,下面几方面专业知识是不可少的!义乌网络公司首先要学网站建设的话,得学 Macromedia Dreamweaver 这个软件,因为这是专业制作网站的软件,也是比较好用的,还要学 POTOSHOP,FLASH 等软件接着你还得学点 html,asp 等语言,这样你都会的话,制作一个网站就没问题了。另外网站后台编程 ASP,.NET
2、,PHP,JSP 等开发环境、Windows 窗体编程、常用控件;ASP 编程、ASP Web 服务器控件、配置和优化 ASP 应用程序、调试和错误处理、ADO、连接和操作数据源、数据集、水晶报表的使用、Web 服务创建和使用;留言板、BBS 论坛、电子商务系统。什么类型的网站要用什么样的语言,什么样的功能要一清二楚才是。学习综合性网页设计规则、页面整体排版能力的处理、图片美工及 WEB 程序块的调入和美化、程序的调试和运用、网站综合训练 、动态网页创作模式。数据库在网站建设中的地位,那可不是一般的重。我们整个网站的数据都存放在里面,其中还包括一些很机密的数据。所以,我们在设计它的时候,一定要
3、小心,要注意。数据库管理 Access 数据库的基本概念、结构、数据表的建立、数据表的基本维护、SQL Server 基础、数据源的链接、SQL 语言、集合函数、数据类型。其次,网站维护需要学习哪些知识、软件呢?网站分设计和程序两类。设计:就是由 PHOTOSHOP 处理图片,后台上传。程序:要看网站是用什么语言写的,asp、、php、jsp 等语言写的,这一类可以由做网站的公司维护。一些简单的可以用 DREAMWEAVE 来弄。自己日常维护就是从后台上传资料,修改图片的。可以在网上下 PHOTOSHOP 和 DREAMWEAVE 的教程来学习。企业网站维护包括哪些内容?网站维护软件包括哪些:
4、网页编辑:Dreamweaver图片处理:Photoshop、CorelDRAW、Fireworks动画制作:Flash1 网站后台维护1.1 服务器(主机)登陆与安全。服务器是一个网站的核心,在登陆网站服务器之前我们先来仔细了解下网站的服务器点击进入如果不能打开请复制到浏览器打开。这里需要补充的是服务器因为特殊的需要,需放在一个特别的房间里,所以我们不能经常的去机房更新维护服务器。所以我通过一种远程登陆的技术登陆服务器。我们可以在xp 系统的“运行”或在 win7 的搜索中键入“mstsc ”来启动远程桌面程序,打开界面输入要进行远程的主机(服务器)的 IP 地址或网站网址进行链接。链接到桌
5、面输入相应的用户名和密码即可进入操作。在进行远程的时候,安全是万分重要的。在进行远程的时候计算机本机和服务器都是比较脆弱的。所以在进行远程时一定要确保所用机器的安全性,应注意一下几点:(1)消除一切木马和病毒隐患,慎用 U 盘和传输装置。(2)不得使用公共计算机进行远程。(3)不得关闭杀毒软件。(4)在不必要时不得随意远程网站服务器。(5)不得向任何无关人员透漏服务器登陆地址和密码。1.2 服务器的维护。我站服务器采用 windows 2003 server 操 作 系 统 , 卡 巴 斯 基 服 务 器 套 装 , 服 务 器 和普 通 pc 一 样 需 要 定 期 的 维 护 , 主 要
6、维 护 的 内 容 有 两 种 , 一 是 计 算 机 垃 圾 测 清 理 合 木 马病 毒 清 理 , 二 是 杀 毒 软 件 的 升 级 。 垃 圾 清 理 用 360 安 全 卫 士 ( 每 月 清 理 ) , 木 马 和 病毒 每 月 清 查 , 对 于 杀 毒 软 件 的 注 册 码 更 新 请 上 网 查 找 。2 网站内容更新请网站管理员在了解一下知识后进行网站内容更新工作:1 熟悉 html、 html+css+js,Dedecms+php+mysql ,这里要强调的是要能能熟练制作网页,熟练 dedecms5.0 及以上版本每个文件的作用,学习 dedecms 的学时在一个星
7、期以上。能利用 dedecms 搭建自己的动态网站。2 熟悉 photoshop 和 flash 基础。3 对 JavaScript 有一定了解,熟悉他的作用和使用方法。4 对 css 深入了解。必须会使用 css 制作网页,并注重不同浏览器的兼容性。5 熟练使用 Dreamweaver8.0 及以上版本。(注:在没有达到要求的情况下,请在本机安装 dedecms5.0 或以上版本进行模拟调试,严禁在公司网站进行不成熟的调试。安装方法:询刘振宇,主要包裹两个软件“Appserv”和dedecms 5.3 版本(织梦) “)2.1 后台登陆与安全。前面说到了 dedecms,大家也看了详细的介绍
8、,我愿的网站就是由 dedecms 搭建的动态网站。可以在这里注册用户后深化学习 dedecms。基础的学习请自己在网上寻找。网站后台的登陆首先打开浏览器键入:http:/ 的网络地址,admin 代表后台目录,是网站维护的超级管理员,输入网址后进入登陆界面,输入用户名和密码即可。安全注意同连接服务器的注意事项2.2 网站广告更新。网站广告是宣传动态信息的视窗。主要是一张图一个链接。所以重点在图上图片的尺寸是 950px*200px,下面是它在网页中的位置,军训专题的广告,图片制作要有宣传的意义,制作要精良。点击可以进入链接。我们来看一下如何在后台修改它,首先键入 http:/ 后台登陆代码。
9、输入管理员用户名和密码。进入后台如图,在左侧的管理项目中点“模块”大项,在选框中选择“广告管理”在点修改如图,进入代码项。注意红色圈内的代码即为广告代码,红圈以上部分不作修改。这里我们只需修改带有红杠杠的地方,第一句是他的链接地址,这里链接的是军训专题的地址,这个地址是怎么获得的呢,这里有一个技巧。在每个专题点预览,这浏览器地址栏中显示的地址便是专题的地址了,可以直接来复制,具体如图在“核心” “网站栏目管理” “新闻动态”点击一个专题的预览项及出现它的地址。如下图把弹出窗口的地址给替换掉就把军训专题的链接换为迎新杯专题了。这句话就是替换前台广告图片的代码,如果这个你都不懂的话那么学 html
10、 吧。以下的就不用看了。那么你要问怎么把做好的图片传到网站并替换呢,这里我们就要链接服务器了。上面我们讲过怎么进入服务器了,运行 msts.exe 输入我网站的 ip 或网址,进入登陆框,输入用户名和密码,进入操作界面。我们的网站存在哪了。来看看吧。D:wwwroothtdocstempletsimages 这就是广告图片的放置的地方了。我们要把替换的图片放到这个文件夹下,比如我们做好的 950*200 的图片 A(JPEG 格式)放到了里面,怎么放,当然是用 qq 文件传输了,我们网站上挂了个 qq(聊天机器人) ,管理员可以加他为好友,挂 qq 一是为了传文件,二是为了让服务器始终上网这样
11、外边才能登上我们的网站。所以管理员必须坚实这个 qq 是否上线。不再线说明网断了登陆服务器把它挂上。这里我们把假设的图片 A 放到了 D:wwwroothtdocstempletsimages 这个文件夹里了,第二步就要从代码里把它引用,退出服务器,还是回到后台“广告管理”界面,把这个引用改变改为其他的就不用改了。这样做完千万不用忘记点下面的“确定”按钮。观看主页,测试看看是不是图片和链接都更改了。 (以上看不懂得继续学习 html 和计算机基本操作。 )2.3 网站新闻上传(讯矫杰)2.4 网站专题制作专题式区别于普通新闻的一个整合网页。一般在重要集体事件或在老师要求下做,他是一个独立的网页
12、,有独立的新闻和页面。我们就以军训专题为例作一个专题的流程。有独立的页面所以我们要做一个独立的网页。网页的设计当然是发挥自己所学制作没有固定的格式,一个好看的页面的重要性我就不说了。制作也不说了。我只说关键有几点是网页中必须包含的模块,新闻模块,幻灯模块,图片浏览模块,视频模块,当然随着你对 dedecms 的深入可以自己开发出新的模块或制作更完美的图片浏览模式、视屏播放模式、这些就看你学的有多么深入。2.4.1上面的模块在本机开发网页时可以不先考虑插入模块代码但要留出模块的显示空间,打开 Dreamweaver,建立自己的网页( div+css 定位) ,把制作的网页和 css 和 js 都
13、放在同一个文件夹里便于以后的上传。在本地制作过程中不用过多的考虑 dede 代码。在做完后在把代码替换成 dede 代码上传,所以我们还是先讲本地制作网页吧。打开 Dreamweaver 了吗,开始吧,做网页先建框架,这就是一个框架。这个框架是教学的不实用不用模仿,原件见附录。这里用说的是所有的 css 和 js 都放在一个文件中引用如图,主体中我举了四个模块,其中 幻灯 新闻 这两个模块是必不可少的两个模块,已生成网页显示如下图正如上边所说的我们建立了框架不用填写具体的代码但要给他定义大小,这样我们才能有空间显示幻灯和新闻,下面是 css 对幻灯和新闻 div 的定义。幻灯:#picture
14、 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-size:13px; #news ul li float:
15、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.4.2、第二步整体的布局和 css 都设置好了,
16、这是它已经是一个完整的美丽的网页了,如果这个你做不到继续学习 html+css 吧。一个网页做完了。如图只是幻灯和新闻还是空白的。这是正常的,因为咱们还没连接服务器了,当然是空白的,这是网页要拿到不同的电脑(IE)上测试兼容,要知道不是所有人都用和你一样的分辨率和 IE 版本的。所以要细致的对待测试这才是最难的,如果出现问题请百度搜索或查看书籍一般都是 css 的定义不兼容问题,所以这里我们是不允许用 Dreamweaver 的设计器去做网页,因为她的修改性很差,就用 html+css 制作。你确定改好了吗?2.4.3 第三步网页很好看,兼容也没问题(必须要完成第二步才能进行第三部) 。那么我
17、们就把它转化为我们网站上的网页吧。1 说道这里我们先来了解服务器中不同文件夹里都是什么类型的文件。服务器上“D:wwwroothtdocstemplets”这个文件就是存放网站的所有文件,所以你不能随意修改里面的内容,当然服务器上的任何文件都不能随意修改除非你真的懂了。2 来看一下“default”这个文件夹吧这里存放着所有的页面,包括主页,头部页,专题页 等,所以你要把你做的专题网页的 htm 格式(记住必须在修改完后将。Html 页面另存为.Htm 页面)放在这个default 文件夹里。怎么弄给去还是用 qq 传啊。注意备份。3 来看一下“images”这个文件夹吧这里是所有的图片文件,
18、所以在你做网页的时候注意合理的存放文件,把你做网页用到的图片、动画、js 都可以放在一个文件夹里再放到 “images”这个文件里,命名用拼音即可不可与其他重复,不可用汉字。5 来看一下“style”这个文件夹吧猜对了,这里就是 css 文件的专属文件夹了。你的专题网页所用的 css 文件就放这里了,命名很关键,别混了一般用专题的拼音的来命名比如:junxun.css。要更改时用记事本打开。要做大的修改先复制出来改完在复制回去,原来的也要备份避免前功尽弃。常用到的就是这些。其他的文件在你不熟悉前不要动它。2.4.1 第四步 真正的麻烦上面说了一大通,下面我们来做修改。这里我们的后台语言是 de
19、de 语言,我们就要把本地测试的语句修改成 dede 语句了,并在相应的模块上写入 dede 代码,让他成为一页真正能够在网站上显示的动态网页。这里是一个很难理解的问题希望大家静心看。修改成dede 代码以后网页就不能再进行本地测试了因为 Dreamweaver 是不支持 dede 代码的。修改后的网页只有再传到服务器到后台修改了,所以再三强调做好本地测试后在进行更换。更换顺序如下。一 引用地址的修改,引用包括 css 和 js 地址、图片、视频等只要是 html 网页以外的引用都要修改。这里的技巧是在 Dreamweaver 使用查找( ctrl+F)方式,一个都不漏吊。1 本地 css 和
20、 js 引用样式:Dede 引用样式:说明:1 dede 语句中的解释方式:dede:global.cfg_templeturl/style/jxstyle.css 可以等于 http:/ 你应该明白是什么意思吧。2 http:/ 翻译过来就是引用templets 文件夹里德 images 文件中的 jbgimages 文件夹中 ScrollPic.js 这个文件,为什么拿这个来说 ScrollPic.js 这个 js 文件时滚动图片的 js,你不用自己弄直接引用这个地址就可以了,引用的地址也不用改了,他就在基本功专题的图片文件夹中。3 看不懂使劲看,真不懂还得继续学习 dedecms 的使用
21、。2 css 中图片的引用地址修改。不要以为修改了网页中 css 和 js 的引用地址就完了。别忘了你在 css 中有关图片的地址引用,都是本机测试地址,要知道只要是引用就都要换成服务器地址语句。比如 css 中 #toolbarwrap background:url(header.gif) repeat-x 0 0; 的定义。:url(header.gif)就是一个本地地址,这里要替换成 dede 语句,前面已经说了所有的图片都放到了服务器 D:wwwroothtdocstempletsimages 这个文件夹了,我们来看一下修改后的语句background:url(/images/jbgi
22、mages/ header.gif) 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解析思路:网页的解析先看框架,再看细节,最后看代码,框架
23、是一个 红色标签是并列的。里面是新闻代码, 里是新闻的链接页,是新闻的日期,这些不用改,里面要改的只有一句就是红色的那句dede:arclist row=15 titlelen=60 orderby=pubdate typeid=4 idlist=。主要改这里 row=15 是说新闻要显示的条数这里以你设计的网页来定,一般 10-15 就差不多了。titlelen=60 是说新闻显示标题的字数,一般不改,60 个字已经很够用了,typeid=4这个是最最重要是说,你的新闻的引用地址,看一下你的网站后台新闻管理中每一个新闻栏目和专题都有一个 id 号,如下图,你如果要显示迎新杯专题中的赛事新闻他
24、的 id 就是 75,这里 typeid=75明白了吧,所有的模块都如出一辙。注意在加入代码的同时,你也在 html 加入了新的 div 和其他标签元素,所以在修改好药加入相应的 css 代码。这个别忘记。看看这是新闻模块的 css:#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-size:13px; #news ul li float:l
25、eft; 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 = new Array();picarr = new Array();textarr = new Array();var swf_width=400;var swf_height=300;dede:ar
26、clist row=5 typeid=88var files = “field:litpic/“;var links = “field:arcurl/“;var texts = “field:title function=html2text(me)/“;/dede:arclist/这里设置调用标记dede:arclist row=5 typeid=88linkarrfield:global.autoindex/ = “field:arcurl/“;picarrfield:global.autoindex/ = “field:litpic/“;textarrfield:global.autoin
27、dex/ = “field:title function=html2text(me)/“;/dede:arclistfor(i=1;i);document.write();document.write();document.write();document.write(); document.write(); 是不是很长,这个其实就是多了个 js 代码,这里我们要修改的也不多,只是红色的部分var swf_width=400; 这里我们设置幻灯的宽要和你设计的幻灯 div 相适应var swf_height=300; 这里是高要和幻灯 div 相适应,也要兼顾图片的比例。dede:arclis
28、t row=5 typeid=88 这里就不用说了吧,和下面那个也一样一样的var files = “field:litpic/“;var links = “field:arcurl/“;var texts = “field:title function=html2text(me)/“;/dede:arclistdede:arclist row=5 typeid=88 和上面那个也一样一样的下面是他的 css:#picture width:400px; height:300px;float:left; overflow:hidden;border:1px solid #fc8615; marg
29、in-top:50px; margin-left:10px;看着少但到很精密,3 以上的是新闻和幻灯的,对于滚动图片的和幻灯的是一样的,都有个 js。只改有用的红色的。注意 js 代码的修改,dede:arclist row=10 titlelen=24 orderby=pubdate typeid=63 imgwidth=250 imgheight=200field:imglink/field:textlink/dede:arclistvar scrollPic_02 = new ScrollPic();scrollPic_02.scrollContId = “ISL_Cont_1“; /内
30、容容器 IDscrollPic_02.arrLeftId = “LeftArr“;/左箭头 IDscrollPic_02.arrRightId = “RightArr“; /右箭头 IDscrollPic_02.frameWidth = 890;/显示框宽度scrollPic_02.pageWidth = 200; /翻页宽度scrollPic_02.speed = 8; /移动速度( 单位毫秒,越小越快 )scrollPic_02.space = 20; /每次移动像素(单位 px,越大越快)scrollPic_02.autoPlay = false; /自动播放scrollPic_02.i
31、nitialize(); /初始化一下是滚动图片的 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)
32、 no-repeat 0px 0px; background-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
33、 1px solid; .blk_29 .Cont float:left; WIDTH: 890px; height:320px; border:#CCCCCC 1px solid; .clear clear:both; height:1px; 4 而对于视频的,我们不需要 dede 代码,这里注意下,把视频文件直接放到 D:wwwroothtdocs 才用这个 src,灵活修改。以上就是专题的制作的本地测试方法了。别忘记了加入了模块的代码同时还加入了一些新的 div 和其他标签。我们还要自 css 加入代码,定义这些模块的标签的样式。最后一步也是最重要的一步,吧修改完后的 zhuanti.h
34、tml 另存为 :zhuantiming.htm,因为.htm 才是模板文件。我们要传的就是一个模板。5 修改完了了代码以后就是正式的吧专题放到服务器上来了。上面我们说过服务器上不同文件的文件类型了,现在就把不同的文件放到服务器不同的文件夹里吧。1、.htm 格式文件放在这个服务器 D:wwwroothtdocstempletsdefault 文件里2、图片、动画、js 都可以放在一个新建文件夹里再放到 D:wwwroothtdocstempletsimages这个文件里,命名用拼音不可与其他重复,不可用汉字。3、.css 文件放在“D:wwwroothtdocstemplets style”
35、这个文件夹6 然后退出服务器,在后台新建专题即可了。1、建立一个专题栏目,在新闻动态 添加子类,常规选项如上设置,文件保存目录勾选拼音,不用填写(与图有差别) 。关键是栏目封面选择“频道封面”高级选项的设置如上,关键是封面模板要修改成你上传的专题的.htm 的那个模板。全部修改完点确定。专题就创建好了。2、建立专题栏目的子栏目,专题一般就是两个栏目一个是新闻,一个是图集,当然希望大家以后开发更多的栏目,比如投票,视屏,下载,游戏,其他网站上有的我们都可以有。当然先经老师同意。添子栏目点专题后面的增加子类,出来了选项,新闻的子类内容模型就是“普通文章” ,图片集就是“图片集”了,注意栏目属性是“
36、最终列表栏目”这是与专题主栏目所不同的。高级选项的中的东西都默认不用调(当然如果你学的够深入文章列表和图片列表的样式都是可以换的) 。3、细节修改成就专题。所有的工作都完成了。在做一下细微的修改专题就好了,此时来预览一下专题,此时如果没有错误的话应该是一个和你想象中一样的网页,但是错误总是会有的。但是要学会排查,如果预览后网页都是一个方向下来而且是白色的,那说明 css 没有引用上,字模板-默认模板管理-找到相应的专题的.htm=查看 css 的引用地址是否正确,如果一些特殊的效果都没有实现,那就看 js 的引用地址。总之,这些问题都是网页制作中应该学会的。2.5 局部的更新和利用在完成对模板
37、的修改后一般要更新下主页或网站,才能看到效果,在主站的幻灯不能显示图片的时候一般需要清理下网站的缓存,这里都是在后台实现的。2.6 网站整体更新如果你又好的设计,好的规划,可以考虑到网站的完全更新。但这项工作必须经过公司的批准,关键还是看你的实力。如果不能做整体更新,可以考虑做附加更新。想超越报似的。只要你又创意够新颖,没有什么不可以,所有的网站修改都需指导老师的批准先。 、3 网站日常管理和维护3.1 日常管理网站管理员必须时常登陆网站,查看异常的信息。及时的发现错误并及时更正,也要注意网站打不开等异常信息。及时和指导老师做好联系。3.2 基本维护1、服务器的杀毒,补丁更新,垃圾清理,保证服务器的通畅。2、后台的建设规范合理,删除已过期不需要的专题栏目。3、确保网站无错显示3.3 网站维护的基本知识教程。1、为什么要企业网站需要维护?如果不注意及时更新与维护,我们在网站建设期间投入的资源和精力就浪费了。而且已有的客户数据表明,我们只要帮您做好三项网站维护工作(内容维护更新、做好网上服务与回馈、网站推广与营销、不断完善网站系统)http:/