主题:  DHTML 系列教程16 - JS 与 模版

QQlan

职务:版主
等级:1
金币:1.0
发贴:158
注册:2000/9/19 10:35:21
#12001/3/28 5:27:24
页面模版
翻译: QQLan

使用javascript/CSS模版使制作一个完整的网站, 使网站更容易的具有统一的特征,比如导航和样式.

使用外部的样式表和外部javascript文件(.js 文件) 来制作层, 你可以对不同的页进行统一的控制. 这和Server-Side Includes(SSI) 类似但是使用javascript, 对browser的输出方面你能得到更多的控制. 比如你可以根据用户使用的browser, 改变页面的显示方式.
或者你可以对所有的层使用 center 显示.

同时, 对于页面模版, 如果使用得当,你可以完全彻底放弃frames. 当你把表现一致的frame和layer同时使用,你不能使你的层跨越frame borders. 但是动态的输出层就象整个页面只有一个层, 使你可以做到任何效果.

页面中你的外部CSS可以这样被链接:

这个文件可以包含所有的样式控制信息. 你可以在任何一个html文件里调用它. (每一个html必须在head里包含LINK标签)

类似的,你可以使用SRC属性来链接你的外部javascript:


在你建立页面模版的时候, 建议你首先把他们做成一个普通的页面,等到一切都工作正常,再把他们分成不同的文件. 下面的页面你可以很轻松的提取样式表和用来显示统一链接的javascript:



The Dynamic Duo - Page Templates Demo 1






This is the Title



[/#336699]

This is the body content....





[/#]
范例: www.dansteinman.com/dynduo/examples/templates1.html

如果这些工作正常, 你就可以制作独立的CSS和javascript以便于链接.



The Dynamic Duo - Page Templates Demo 2 [External Files]







This is the Title





This is the body content...







范例:http://www.dansteinman.com/dynduo/examples/templates2.html

观念是很容易理解的. 但是你的页面将比这个复杂的多, 所以要仔细:)




--------------------------------------------------------------
5DMedia 版权所有, 转载请注明出处!