网站维护教程.docx

正如上边所说的我们建立了框架不用填写具体的代码但要给他定义大小，这样我们才能有空间显示幻灯和新闻，下面是css对幻灯和新闻div的定义。

幻灯：

#picture{width:

400px;height:

300px;float:

left;overflow:

hidden;border:

1pxsolid#fc8615;margin-top:

50px;margin-left:

10px;}

新闻：

#news{width:

500px;height:

300px;float:

right;display:

inline;border:

solid1px#fc8615;margin-top:

50px;margin-right:

10px;}

#newsul{list-style:

none;font-size:

13px;}

#newsulli{float:

left;width:

480px;height:

20px;line-height:

20px;}

#newsullia{float:

left;}

#newsulspan{float:

right;}

#newsullia{color:

#FFF;margin-left:

5px;}

这个定义一定要记住它不是死的。

只是我的这种定义符合我设计网页的比例，你可以做相应的修改以适合你做的网页。

要记住模仿永远没进步。

在制作的时候可以把每一个模块设置上边框这样就能方便看它所占的比例了。

以后再删除边框。

对于图片浏览和视频的定义具体看附录中的原代码。

2.4.2、第二步

整体的布局和css都设置好了，这是它已经是一个完整的美丽的网页了，如果这个你做不到继续学习html+css吧。

一个网页做完了。

如图

只是幻灯和新闻还是空白的。

这是正常的，因为咱们还没连接服务器了，当然是空白的，这是网页要拿到不同的电脑（IE）上测试兼容，要知道不是所有人都用和你一样的分辨率和IE版本的。

所以要细致的对待测试这才是最难的，如果出现问题请XX搜索或查看书籍一般都是css的定义不兼容问题，所以这里我们是不允许用Dreamweaver的设计器去做网页，因为她的修改性很差，就用html+css制作。

你确定改好了吗？

2.4.3第三步

网页很好看，兼容也没问题（必须要完成第二步才能进行第三部）。

那么我们就把它转化为我们网站上的网页吧。

1说道这里我们先来了解服务器中不同文件夹里都是什么类型的文件。

服务器上“D:

\root\htdocs\templets\”这个文件就是存放网站的所有文件，所以你不能随意修改里面的内容，当然服务器上的任何文件都不能随意修改除非你真的懂了。

2来看一下“default”这个文件夹吧

这里存放着所有的页面，包括主页，头部页，专题页》》》》等，所以你要把你做的专题网页的htm格式（记住必须在修改完后将。

Html页面另存为.Htm页面）放在这个default文件夹里。

怎么弄给去还是用qq传啊。

注意备份。

3来看一下“images”这个文件夹吧

这里是所有的图片文件，所以在你做网页的时候注意合理的存放文件，把你做网页用到的图片、动画、js都可以放在一个文件夹里再放到“images”这个文件里，命名用拼音即可不可与其他重复，不可用汉字。

5来看一下“style”这个文件夹吧

猜对了，这里就是css文件的专属文件夹了。

你的专题网页所用的css文件就放这里了，命名很关键，别混了一般用专题的拼音的来命名比如：

junxun.css。

要更改时用记事本打开。

要做大的修改先复制出来改完在复制回去，原来的也要备份避免前功尽弃。

常用到的就是这些。

其他的文件在你不熟悉前不要动它。

2.4.1第四步真正的麻烦

上面说了一大通，下面我们来做修改。

这里我们的后台语言是dede语言，我们就要把本地测试的语句修改成dede语句了，并在相应的模块上写入dede代码，让他成为一页真正能够在网站上显示的动态网页。

这里是一个很难理解的问题希望大家静心看。

修改成dede代码以后网页就不能再进行本地测试了因为Dreamweaver是不支持dede代码的。

修改后的网页只有再传到服务器到后台修改了，所以再三强调做好本地测试后在进行更换。

更换顺序如下。

一引用地址的修改，引用包括css和js地址、图片、视频等只要是html网页以外的引用都要修改。

这里的技巧是在Dreamweaver使用查找（ctrl+F）方式，一个都不漏吊。

1本地css和js引用样式：

Dede引用样式：

global.cfg_templeturl/}/style/jxstyle.css"rel="stylesheet"media="screen"type="text/css"/>

//language="javascript"type="text/javascript">

//language="javascript"type="text/javascript">

//language="javascript"type="text/javascript">

说明：

1dede语句中的解释方式：

{dede:

global.cfg_templeturl/}/style/jxstyle.css可以等于:

//

2:

//

3看不懂使劲看，真不懂还得继续学习dedecms的使用。

2css中图片的引用地址修改。

不要以为修改了网页中css和js的引用地址就完了。

别忘了你在css中有关图片的地址引用，都是本机测试地址，要知道只要是引用就都要换成服务器地址语句。

比如css中#toolbarwrap{background:

url（header.gif）repeat-x00;}的定义。

:

url（header.gif）就是一个本地地址，这里要替换成dede语句，前面已经说了所有的图片都放到了服务器D:

\root\htdocs\templets\images这个文件夹了，我们来看一下修改后的语句

background:

url（../images/jbgimages/header.gif）no-repeatcentertop;}

以上这些修改完了引用的地址，可以说框架部分就修改完了，这是如果传到服务器上可以看到一个完整的框架了。

但是我们还要实现模块的功能，所以还要为网页中每一个模块加上相应的应用代码。

1新闻模块代码

{dede:

arclistrow='15'titlelen='60'orderby='pubdate'typeid='4'idlist=''}

• typelink/]]">[field:

  textlink/]

  [field:

  pubdatefunction=strftime（'%y-%m-%d',@me）/]

{/dede:

arclist}