作者：小柯
来源： 
时间： 2015-05-09 06:32:54 评论(搞清楚了，首页、内容页、内模板、外模板，调整起来也更加方便了。
模板调整之后，对应的替换到template文件下。我们自己的网站源文件就形成了。然后将其上传，网站就上线了。
需要调整哪些内容呢？
1、修改编码为utf-8
高版本的dreamweaver软件，新建html页面，默认是utf-8编码。
如果不是utf-8编码，那就必须修改，否则网站会出现乱码。
这个跟我们用的开源cms有关。有的cms对应的就未必是utf-8。
如何修改？
菜单栏-修改-页面属*—标题/编码—编码（选择utf-8保存即可）
2、Title标题、keywords关键词、description描述
打开default.html 、index.html,文件，找到相应的代码进行替换。
把<title>无标题文档</title>
替换为：
<title>{king:title/}</title>
<meta name="keywords" content="{king:keywords/}" />
<meta name="description" content="{king:description/}" />
将head标签里的title一行，换成三行。
这个修改，是非常利于网站优化和排名的。百度里，百度一下，就真相大白了。
3、文章列表调用代码
在html文件中找到如下代码进行替换
<h1>网站公告</h1>
<ul>
<li>2014网页设计</li>
<li>2014网页设计</li>
<li>2014网页设计</li>
<li>2014网页设计招生</li>
</ul>
替换为：
<ul>
{king:a人体icle type="new" listid="2" number="6"}
<li><a href="(king:path/)" title="(king:title/)" target="_blank">(king:title size="27"/)</a>
</li>
{/king}
</ul>
必须做到对应替换。
代码解读：
King是该kingcms规定的。
A人体icle指从后台发布的文章在这里显示。
type="new" 指最新发布的显示在最前边
listid="2" 指只显示id为2的栏目列表下的内容，这个可以调整，需要显示那个栏目下的文章，对应地修改id即可。
number="6" 指显示文章的数量，可以修改。
king:path/ 指的文章路径，这个是自动生成的
king:title/ 指自动调用文章标题
king:title size="27"/ 标题的长短，根据页面大小，可以自由调整。
4、缩略图调用代码
将<h1>图片展示</h1>
<ul>
<span><img src="images/waijiao.gif" />图片展示</span>
<span><img src="images/yingcai.gif" />图片展示</span>
<span><img src="images/quweijingsai.gif" />图片展示</span>
<span><img src="images/qihangkaoyan.gif" />图片展示</span>
</ul>
替换为
<ul>
{king:a人体icle type="new" number="4" listid="3";}
<span><a href="(king:path/)"><img src="(king:image/)" /></a>
<a href="(king:path)" title="(king:title/)">(king:title size="20"/)</a>
</span>
{/king}
</ul>
5、友情链接调用代码
将<h1>友情链接</h1>
<ul>
<span>我的博客</span>
<span>我的淘宝店 </span>
</ul>
替换为
<ul >
{king:link type="new" number="10" }
<span><a href="(king:urlpath/)">(king:title/)</a>
</span>
{/king}
</ul>
代码解读：
A人体icle指从后台发布的链接在这里显示。
6、留言调用代码
http://www.guopengtao.com（这里换成你的域名，就可以了。）/page/feedback/index.asp?action=post
7、当前的位置调用代码：
在default.html文件中找到如下代码进行替换
<div id="dangqianweizhi">您当前的位置：</div>
替换为：
<div id="dangqianweizhi">您当前的位置：{king:guide/}</div>
8、文章内容调用代码：
在default.html文件中找到如下代码进行替换
<div id="content"></div>
替换为
<div id="content"><p>{king:inside/}</p></div>
经过这个7个地方的修改之后，前台和后台基本上就关联起来了。
接下来，要想使网页显示正常，还要对他们的css定义进行相应的修改。
打开刚简介的网站源文件，找到template文件夹下的imgage文件里的style.css文件打开，找到：/*inside*/，从它开始到最后，所有的代码复制到你css文件中。
再找到如下两行。将#content替换为你自己的id。这个id是内容页里，文章内容的id。
#content p{line-height: 150%; text-align: left;font-size: 13px; margin:10px;}
#content h1 {font-size: 16px;font-weight: bold;text-align: center;color: #666666;padding-top: 25px;padding-bottom: 10px;}
这里大家可以记住一点，出现在网页中的内容，都有对应的css定义。
如果说哪个地方无缘无故乱了，那肯定是css定义出了问题。
一般的企业网站，包括展示类型的网站，具备了发布文章、更新图片、在线留言、友情链接等基本功能就足够用了。
正所谓大道至简，在网页中也可见一斑。
经过如此修改之后，就可以进行上传了。
