使用div+css模板三天打造人气QQ站

时间：2022-07-21 09:45:01 | 来源：建站知识

时间：2022-07-21 09:45:01 来源：建站知识

做站长快一年了，准确的讲应该只能算是准站长。之前做的的是一个网页设计类的站，当时选做这个主题站的原因是本身工作就是程序设计方面，做了那个站之后才发现，做站和开发网站有着本质的区别，有许多需要学习的知识和技能，比如定位关键字，网站推广等。做那个站却让我对做站长产生了了极大的兴趣，也触发了我做一个人气QQ站的想法。

做这个QQ站前后花了大概三天时间，准确的讲应该三天不到，因为白天还要工作，都是晚上和中午抽空去弄的，下面介绍下我是如何使用div+css模板打造我的QQ站的过程:

选择网站主题，确定网站目标关键字

以前做站虽然知道有关键字这么一说，但是没有深刻的理解，对关键字的效果也没有概念。一个网站的关键字基本上可以确定了流量的最大上限，因此选择网站主题和关键字一定要选有人气的，不愿做将军的兵永远不是好兵，做站也一样。

我的目标关键字是QQ网名，QQ站的人气势众所周知的。当然我选择关键字也要有一定的策略，目前我的主打得关键字是QQ情侣网名和QQ网名大全，打算等网站发展到一定阶段再向QQ网名过渡。这也是目前比较流行的做法，没办法现在做站的人太多了，竞争也太激烈了，每个关键字都已经有好多人在做了。

选择合适的div+css模板

因为QQ网名是文字类为主的站，因此我选了款以文字为主的div+css模板。现在有很多div+css的免费模板资源，你只要去百度和google搜一下div+css模板就可以找到许多，一般都提供图片预览或者在线DEMO浏览，因此选择起来还是很方便的。

我是在我自己之前的那个网页设计类的网站上找的模板，因此也没费太多工夫。考虑到QQ站是娱乐休闲类，就选了一款带多款css切换的模板，打算以后加上皮肤切换的功能，可以给人一些新鲜感。

选div+css模板需要考虑以下两个因素：

1.选择适合自己网站主题风格的模板

如果是文字类的站就不要选那种全部是图片组成的模板，相反如果是图片站当然不要选那种整个模板都没几个图的模板。一般来讲，好的模板网站都会给出模板的用途和分类，比如博客模板，企业模板等。另外颜色和风格也要符合自己网站特点，这个就要看站长个人的口味和判断了。

2.选模板最好要选那种带内页和导航页模板

因为许多模板只是提供主页的模板，因此如果你不具备一定的网页div+css设计能力的话，即使模板再好看你也最好不要去用，否则首页做出来了，内页却需要花费大量精力去自己设计，而且很容易和主页风格出入很大，效果就大打折扣了。

选择合适的CMS系统

我用的是织梦CMS系统，也是目前比较流行的CMS系统之一,是PHP语言的，还有一些像帝国CMS等也都不错。另外比较简单的asp有无忧cms(只适合简单的网站结构，没有专题，友情链接等功能模块，第三方的插件也几乎没有，使用前一定要考虑清楚)。选好CMS系统后一定要仔细看官方的使用说明和帮助，即使需要消耗一定的时间也要仔细看，省得以后绕弯路。

修改div+css模板打造QQ站

选好模板和cms系统后，接下来就是将织梦的模板标签加入到所选择的div+css模板中去。这一步非常消耗时间和精力，一定要有耐性，而且要多测试效果，特别是记得要在IE不同版本和FF中预览，看看是否都能正确显示。

将织梦标签添加到模板中最重要的是要学会参考使用织梦中默认模板templates/default中模板标签，这样可以节省很多时间。

下面举一个套用菜单标签的例子来说明一下如果套用织梦标签到自己的模板中去：

在织梦的默认模板中导航菜单的标签是存放在templets/default路径下的head.htm中，代码如下：

        <div class="nav mt1">
          <div class="w960 center">
            <ul>
              <li><a href='{dede:global.cfg_cmsurl/}/'>主页</a></li>
             {dede:channel type='top' currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~</a> </li>"}
             <li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}
           </ul>
          </div>
        </div>

       其中有用的部分是：
{dede:channel type='top' currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~</a> </li>"}
<li><a href='[field:typeurl/]'>[field:typename/]</a></li>{/dede:channel}

       我选择模板中的导航菜单部分是这样的:
       <div id=menu class="pro_line2">
       <ul class="select">
       <li><a href='/'><b>首页</b></a></li>
       <li><a href='#'><b>demo1</b></a></li>
       <li><a href='#'><b>demo2</b></a></li>
       <li><a href='#'><b>demo3</b></a></li>
       <li><a href='#'><b>demo4</b></a></li>
       <li><a href='#'><b>demo5</b></a></li>
       <li><a href='#'><b>demo6</b></a></li>
       <li><a href='#'><b>demo7</b></a></li>
       </ul>
       </div>

       对比一下是不是有点类似,我需要做的是:
       1.去掉重复的菜单项目demo2,demo3,demo4,demo5,demo6,demo7,只保留demo1作为菜单项的模板

       2.把{dede:channel type='top' currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~</a> </li>"}...{/dede:channel}套用到demo1的前后,然后把'#','demo1'换成相应的织梦标签[field:typeurl/],[field:typename/]，结果如下：
       <div id=menu class="pro_line2">
       <ul class="select">
       <li><a href='/'><b>QQ网名大全</b></a></li>
       {dede:channel type='top' currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~</a></li>"}
       <li><a href='[field:typeurl/]'><b>[field:typename/]</b></a></li>
       {/dede:channel}
        </ul>
        </div>

        3.currentstyle="<li class='thisclass'><a href='~typelink~'>~typename~</a></li>"是用来设置当前已选择的导航分类菜单风格,我的模板没有设置因此去掉。最后结果如下：
       <div id=menu class="pro_line2">
       <ul class="select">
       <li><a href='/'><b>QQ网名大全</b></a></li>
       {dede:channel type='top'}
       <li><a href='[field:typeurl/]'><b>[field:typename/]</b></a></li>
       {/dede:channel}
        </ul>
        </div>

按此方法将模板中的重复内容部分全部替换成相应的dede的标签，大体工作就完成了。从上面的例子，可见如果要用织梦cms实现自己风格的网站，熟悉织梦标签是必须的。

这里需要提醒的是：网站的内容分类数量和分类文字最大长度最好和模板的一致，否则很容易引起网站排版混乱，要费一定力气去做调整，如果对css不熟悉的话，想达到好的效果就比较难。

最后就是要设计一个自己网站的LOGO

我的办法很简单到Google搜索中选择搜索QQ图片，出来一堆QQ主题的图片，选一个自己喜欢的，然后PS上自己网站的标志性图片和文字就OK了。

就这样三天搞定了偶的QQ网名站，有空欢迎大家来做客。