给建站新手的一点小小建议,代码简化篇
最近自己在建站,习惯性的,看到一个新站,第一个动作就是看它的原代码,发现有不少网站对自己的网站原代码进行简化的时候,忽略了一些地方!呵呵,我把这些列举出来,希望对一些人能有些用处:)
###########################
我们从头文件开始,正常情况都是如下格式(如落伍者)
###########################
<html>
<HEAD>
<TITLE>落伍者站长交流平台 - im286.com - 新人交流投稿</TITLE>
<META content=all name=robots><!-- 允许robots搜索站内所有链接,具体可使用robots方法 -->
…… …… …… ……<!-- 这里放上自己站点的站长信息,版权说明,关键词,简介等 -->
<STYLE>……这中间不知道会放几个STYLE……</STYLE>
</HEAD>
看到没有,上面画了底线的地方,用DW的朋友注意了,有时侯可不是几行而是几十行甚至上百行。其实这个地方完全可以全部写进css文件中,而在这里用调用的方式:
<LINK href="/***/****.css" type=text/css rel=stylesheet>
这样起码有两个好处!
1,减少了页面大小,只调用一次css就可以对所有加了css LINK 的页面起作用。
2,修改起来方便,虽然一个站的风格一定下来就比较少的去改动,当是当你的网站逐渐壮大,页面越来越多的时候,如果想改改页面属性用后一种方法就可以只改动css文件,而不必每个页面都去修改。
###########################
其次,我们来看看BODY区 ,当有两种不同的样式的时候怎么办?
###########################
对于这个问题我们可以在
在css文件中加入下面代码后:
a.adlink:link {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
a.adlink:visited {
COLOR: #FFFFFF; TEXT-DECORATION: none
}
a.adlink:hover {
COLOR: #CCCCCC; TEXT-DECORATION: none
以上为一种样式,须多种样式的时候我们可以继续添加,比如:
a.dllink:link {
COLOR: #E6E6E6; TEXT-DECORATION: none
}
a.dllink:visited {
COLOR: #E6E6E6; TEXT-DECORATION: none
}
a.dllink:hover {
COLOR: #FFFFFF; TEXT-DECORATION: none
注意没有,只是名字不一样,这样我们可以用下面的代码来实现两种或多种不同的样式了:
<A class=adLink href="#">人生规划</A> (第一种样式)
<A class=dlLink href="#">人生规划</A> (第二种样式)
优点前面也提到了,简化了代码,方便以后修改!
###########################
再有一条: 切勿把所有代码全网一个页面里塞!
###########################
现在很多网页都会用到 javascript ,我们不要不管3721把这些js代码全搬进一个页面里,应该把这些代码单独放在一个**.js文件中,然后再调用。
总之:在完成一个页面之前我们还应该做哪些工作呢?
把能去掉的代码都去掉(方法:觉得可以去掉的先去掉,测试下看看效果没影响就去掉:>)。
公用的地方尽量都用单独的文件,用调用的方式。
统计的代码放在网页代码的最后,呵呵,其他的大家继续补充!