用$smarty->caching = true; 语句启动缓存后，调用display()和fetch()方法是就会在指定模板缓存路径（由$cache_dir属性指定）中保存目标模板的内容。然后用$smarty->cache_lifetime = 60; 设置缓存的生命周期，这里设置了60秒。当访问时间是在60秒之内的，只要不改变模板文件，缓存将不会改变。如图3-3是缓存后的文件：
图3-3 缓存后的文件
缓存后的文件相当于静态页，变量已经通过逻辑层的运算替换成了实际要显示的内容。所以在缓存生命周期内，重新去访问该页面时，就大大减少了逻辑层的开销。
4. Javascript+CSS
4.1 Javascript在网页设计中的应用
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷。
JavaScript的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时
- 12 -
信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种，与WWW的结合有效地实现了网络计算和网络计算机的蓝图。 Javascript在网站中的应用实例：
下面代码清单4-1是网站首页军事图库的轮播的一段Javascript代码
清单4-1
显示效果如图4-1
- 13 -
图4-1首页图片滚动
4.2 CSS与HTML的结合设计网页 4.2.1 什么是CSS
CSS是一种样式表（stylesheet）技术。也有的人称之为层叠样式表（Cascading
Stylesheet）。它的作用简单的说：就是可以使你在同一页面里使用不同的超链接样式。用CSS仅仅改变一个文件就可以改变数百个网页的外观,个性化的表现而不损.这些都因为网页样式表的强大和灵活特性。 4.2.2 CSS与HTML的结合方式
一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中，如：
rel=StyleSheet herf=\type=\/>，标记是放置在文档的head部分。可选的type属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好注意。
外部样式表不能含有任何像
或