随着网页标准化观念深入人心，越来越多的网站采用了CSS架构。CSS架构的网页不但符合W3C标准，并且还非常美观。标准化网页从漂亮的CSS菜单开始，如果你还在犹豫，那么请看看下面这些CSS菜单演示吧，如图1、图2： 点击下载CSS Tab Designerwww.goodsgy.com
 |
| 图1 CSS导航效果 |
www.goodsgy.com |
| 图2 CSS导航效果 |
www.goodsgy.com 众所周知，CSS菜单都是一段代码、一段代码的编写出来，生成上面这些漂亮菜单，大家一定认为笔者写的很辛苦吧？其实，笔者没有写一句特殊代码，就得到了上面这些CSS菜单，好东西与大家一起分享，笔者不敢藏私，有请幕后功臣——CSS Tab Designer！www.goodsgy.com
CSS Tab Designer是一款使用CSS来设计导航菜单的可视化软件，软件内置60多种不同风格的样式，只需修改现成样式模版，就能快速生成CSS菜单。特别值得一提的是，软件生成的XHTML代码严格遵循网页标准，创建的CSS菜单兼容各种主流浏览器，无论是系统自带的Internet Explorer，还是Firefox、Opera、Netscape都不会有问题。www.goodsgy.com
CSS Tab Designer操作很简单，主界面采用三列式布局：项目(Items)、样式(Tab Styles)、预览(Preview)依次排开，几乎所有的操作都在主界面中完成，如图3。
 |
| 图3 主界面采用三列式布局 |
www.goodsgy.com 新建菜单的步骤非常简单，在“样式(Tab Styles)”中预制了60余种风格各异的菜单样式，先选择需要的样式，接下来点击左侧“项目(Items)”中的“用样本填充(Fill with samples)”，立即就可以在“预览(Preview)”中看到效果，菜单就算生成了。www.goodsgy.com
当然，软件内置样式模版中的菜单项目都是英文，对于中文用户并不适合，我们还需要做一些修改。主窗口左侧“项目(Items)”中显示当前的菜单项目，项目工具栏排列多个按钮，从左到右依次是：添加多个项目(Add Multiple Items)、添加项目(Add Item)、删除项目(Delete Item)、上移(Move Up)、下移(Move Down)、编辑选择项目(Edit Selected Item)，如图4。
www.goodsgy.com
| ∷相关文章评论∷ （评论内容只代表网友观点，与本站立场无关！） [更多评论…] |
|
.text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://my.poco.cn/fav/storeIt.php?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t)+'&img=http://www.h-strong.com/blog/logo.gif','keyit','scrollbars=no,width=475,height=575,status=no,resizable=yes'));keyit.focus();){kind=link}