第7 章　打开通往引人注目的标签之门

参见如何从网

站下载文件的说明。

因此， 在2003 年的下半年，Douglas Bowman（http://www.stopdesign.com/）

以使用非表格技术对Wired News 网站进行重新设计而出名，并倡导一种允许设

计者任意发挥想像力来创建漂亮标签的新方法。他第一次在《CSS 的滑门技术》

（Sliding Doors of CSS）（http://alistapart.com/articles/slidingdoors/）中对这种技术进

行了描述，然后又发表一篇文章更深入地探讨了这种技术。在本项目中，我们就

探讨一些与Doug 原有观点类似的一些技术，但这里的核心思想没有变化。

7.1　项目目标

由于营销部门的杰出工作，我们签订了一个为New Writers 的新出版社设计

站点的合同。好像有点似曾相识① ，思考一下本项目当前阶段的目标。

. 需要一种显示持久导航元素外观的模板，这个模板使用我们已经做出的基

本样式，尤其是页面标题部分。

. 导航包含在一个无序列表里面，但是它需要显示在页面标题和页面内容之

间，并以一排水平按钮或者标签来表现。

. 这些按钮或者标签必须能够引起人的注意，客户已经看到过很多使用CSS

制做的、以背景颜色和普通边框组成的按钮，客户希望他的网站能够比这

更好看一些。

. 不管给按钮或者标签设计出什么样的外观，它们在网站设计修改的情况下

能够很容易地更新或者修改。

因此，我们需要努力将导航元素变得更好看。当然，这不是合同的全部内

容，一个完整的网站需要做的工作远不止这些。然而，就本项目的目的来讲，集

中精力创建出设置导航元素样式的模板就足够了。