我建站的一点感受和技巧（看我如何打造属于我自己的网站）

我的网站http://www.haidaowang.com
声明，我不是高手，做网站受自身能力限制，虽然也自己想作成div+css编写，但这现在只能做为自己前进的目标，现在是html+div+css来控制，最让自己得意的是关键几个页面与内容页采用html静态生成，这在购物网站里是比较早的，呵呵，不过，这并不能改变自己网站人气不高的局面，原因我总结是因为自己定位的问题，象前俩天马总说的，我们能够为客户提供什么服务，是呀，我提供了什么服务，我不知道，这几年就学习了，因为这购物系统基本都是自己开发的，所以！
不过，因为是自己开发的，所以自己可以灵活得调整功能，也因为这系统开发就为了自己使用，所以，开发的还都是实用的东西，但总的来说，非常累！
不说了，还是说点对大家有用的吧，
1）网站尽可能用HTML静态生成的，为什么大家应该都知道，一是访问速度快，二是搜索引擎喜欢搜索静态的页面，三是承载更大的访量，我的页面能生成静态的我都生成静态，包括首页和导航和内容页和其他栏目首页。这样，极大的提高的访问速度和加快了搜索引擎爬行速度，这里的技巧就是静态页面里调用数据库的信息我全部调用ASP，这就出来问题了，会问，既然是静态的，怎么调用数据库，我用的方法是用 <script  src=/js/XXX.asp></script> 这样，我就把需要调用数据库的问题解决了，这里的调用主要是会员登陆这块，这样，在我网站，不管是哪个页面，需要的话，我就可以引用那个ASP文件，会员直接登陆，这里，我的XXX.asp的写法是
‘//////////////////
javastr=""
javastr=javastr+"这里是包含信息"
document.write (javastr)  
’//////////////////
这样就可以调用了，还有如果需要调用某个内容，也可以比如我调用广告
javastr="" 
<!--#include file="../CONN.ASP"-->
<%
dim rsd,order
order=request("order")
set rsd=server.CreateObject("adodb.recordset")
rsd.open "select  * from shop_ad where  ADorder="+cstr(order)+" and adpd=1 ",conn,1,1
if rsd.eof and rsd.bof then
%>
javastr=javastr+"<br>没有相关信息"
<%
else
%>
javastr=javastr+"<%=rsd("ADdaima")%>"
<%
end if
%>
document.write (javastr)  
这里是我调用阿里妈妈的广告写法，HTM里是 <script  src=/js/XXXAD.asp?order=1></script> 这样，我在后台也随时都可以为我的广告设置开关，虽然前台的页面是HTM静态的。
同理，我的网站导航和结尾都用调JS的方式调用，好管理
今天写点，好多年都保持沉默，不想说自己的网站了

为了在HTM里调用更方便，我把一些栏目生成html格式的文件，调用方式为<script  src=/js/XXX.htm></script>，呵呵，不知道把，搜索引擎能够搜索到这样的文件，XXX.HTM的格式如下
document.write('<table cellspacing=0 cellpadding=0 width=90% border=0 align=center><tr><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=手镯><font _fcksavedurl="/zhuantishop.asp?zt=2&searchkey=手镯><font" color=#663333>手镯</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=耳环><font color=#663333>耳环</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=耳坠><font color=#663333>耳坠</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=耳线><font color=#663333>耳线</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=项链><font color=#663333>项链</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=项圈><font color=#663333>项圈</FONT></a></td></tr><tr><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=腰链><font color=#663333>腰链</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=手链><font color=#663333>手链</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=挂坠><font color=#663333>挂坠</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=臂环><font color=#663333>臂环</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=脚链><font color=#663333>脚链</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=耳钉><font color=#663333>耳钉</FONT></a></td></tr><tr><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=情侣戒><font color=#663333>情侣戒</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=胸针><font color=#663333>胸针</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=发簪><font color=#663333>发簪</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=其他><font color=#663333>其他</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=礼盒><font color=#663333>礼盒</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=套装><font color=#663333>套装</FONT></a></td></tr><tr><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=情侣坠><font color=#663333>情侣坠</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=戒指><font color=#663333>戒指</FONT></a></td><td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey=挂锁><font color=#663333>挂锁</FONT></a></td></tr></table>');
做为示范，不是广告
这样，我写其他内容就方便了许多，也许有的会问，写这调用的 html文件不是也挺麻烦，其实不是，这文件是我利用fso功能生成的，当然，说了这么多，有必要强调下，网站html静态生成必须得有FSO功能，有没有其他功能我不知道，但我网站有FSO，
代码如下
    <%if request.QueryString("action")<>"save" then%>
            <input type="submit" name="Submit4" value="生成JS" >
            <%else%>导出成功，<a href=/JS/zhuanti_js.htm target=_blank>请点击查看或下载！</a><%end if%>
      <%
if request.QueryString("action")="save" then
dim objFSO
dim objCountFile
dim A
dim B
dim C
dim D
on error resume next
Set objFSO = Server.CreateObject("Scripting.FileSystemObject")
A="document.write('"
C="');"
''''''''''''''''''''''''
sql="select  * from shop_zhuanti order by zhuantiIdOrder "
Set rs = Server.CreateObject("ADODB.Recordset")
rs.open sql,conn,1,3
if rs.eof and rs.bof then
B = B + " 目前没有专题"
else
     B=B+ "<table cellspacing=0 cellpadding=0 width=90% border=0 align=center>"
do while not Rs.eof
     B=B+ "<tr>"
for i=1 to 6
if rs.eof then exit for
     B=B+ "<td width=10% height=20 ><a class=link_normal  href=/zhuantishop.asp?zt=2&searchkey="&rs("zhuantiName")&"><font color=#663333>"&rs("zhuantiName")&"</FONT></a></td>"
rs.movenext
next
     B=B+ "</tr>"
loop
     B=B+ "</table>"
end if
''''''''''''''''''''''''''''''''''''''''''

Set objCountFile=objFSO.CreateTextFile(Server.MapPath("/js/zhuanti_js.htm"),True)
objCountFile.Write  A+B+C
Set objFSO = Nothing
if err.number<>0 then
response.write "您的空间不支持FSO，请同您的空间商联系。<br>"&Err.Description&""
response.end
end if
end if
%>
这样，生成的zhuanti_js.htm也象js文件一样，随便调用，还不影响搜索引擎搜索，怎么样？不错吧

前俩天，想到自己的论坛一直是asp的，由于论坛调用的数据比较多，一直在想方法给他加快速度，（这段还是留后面写吧，呵呵）
网站用html+div+css架构，原来只是出于让网站排版更随心所欲，不用把所有的内容全部框在一个大表格里，让页面显示的速度更快点，所以就想到了div绝对定位，所以就试着把首页用div来定位，把一个个栏目用div把他定在固定的位置，由于是自己琢磨，也没看教材，作完放网站几天后，偶然的机会，竟然自己发现页面在缩小的时候，各栏目竟然乱了，呵呵，好惭愧，很难看，赶紧上网，问百度，找教材，这时候才发现网上有好多这方面的教材，学，学，学，
开始把DIV的控制放在了CSS里，设置层，设置自动缩放，恩，这回页面不会变形了，
css代码如下，
.Layer1 {
left:113px;  top:230px;  width:1002px;  height:1620px;  z-index:3;
background-image:  url(/images/2007_1_images/index_020.gif);
layer-background-image:  url(/images/2007_1_images/index_001.JPG);
border: 1px none #000000;
position:absolute;left:50%; margin:0px 0 0 -503px;
}
写的糙，高手见笑了，用这来控制页面的层，不管你是放到最大，或者缩小到一小窗口，页框架不变形，屏幕在1024*768或者现在流行的1200*800,都很正常，只是自己没用其他浏览器测试，有条件的朋友可以顺便帮我看看，呵呵，如果有问题请帮告诉我，QQ:2386608
后来，让我发现这里应用的技巧，由于div控制层显示的顺序，所以，我可以把主要的部分曾设置为先显示，把显示快的层设置为先显示，综合上面提到的技巧，我就把调用会员信息部分的层设置为最后显示。
这是其一
二，我把页面最重要的部分曾放在页头，把一些不重要的信息放在页后面，这在表格控制的时候是不行的，但用div控制就可以，这样，我就把导航栏和其他不重要的信息在FSO生成的文件中，都放在最后生成，这样，生成的静态页，我的商品信息什么的，都是在页的最前面，呵呵，这里需要注意的是， <TITLE>这里的内容</TITLE>无论如何都必须排前面，这我还是记住的

论坛是ASP的，打开的速度太慢，终于有一天下了决心，把他也生成html静态的格式，高手有很多简单方法生成，俺这老菜鸟只能还是用FSO组件用前文提到的方法，一点一点制作，把一些需要实时显示的统计数据还用JS调用的方法调用，哦，不知道呀，就是<SCRIPT src=/js/XXX.asp></SCRIPT>了，这样，一个在后台手动生成静态终于完成了最后，就想，总不天天这么手动呀，这时就想起了BBSGOOD这个牛论坛，全站静态生成，知道编程序不容易呀，想了好长时间，终于我想，把这生成景泰的代码放在帖子发布入库的页面，不就可以在每次发贴的时候就自动生成了吗？这想法还是以前做BBSGOOD论坛美化的时候看见过类似的代码，终于，搞定，呵呵
http://www.haidaowang.com/Bbs.htm
http://www.haidaowang.com/Bbs.asp
这俩地址，一个是动态，一个是静态，速度有了大幅度的提高，终于，连首页也用同样的道理生成，呵呵，现在俩信息最大的界面都可以自动生成HTML静态格式