快速制作CSS导航菜单教学
作为Web标准化概念的流行，越来越多的网站都采用CSS结构，CSS架构的网页不仅是符合W3C标准，但也很漂亮。标准化的网页从一个漂亮的CSS菜单。我们都知道，CSS菜单的代码写一个程序，制作精美的菜单。今天我们介绍一个小软件：CSS标签设计器！CSS标签设计器是一个可视化软件，用CSS设计导航菜单。软件中有60多种不同风格的样式，CSS菜单可以通过修改现成的样式模板快速生成，值得一提的是，软件生成的XHTML代码严格遵循网页标准。创建的CSS菜单与各种主流浏览器兼容。不管是IE还是Firefox，Opera或Netscape都是从系统中来的，不会有问题的。
CSS选项卡设计器的操作非常简单，主界面采用三列布局：项目（项）、样式（Tab Styles）、预览（预览）依次排列，几乎所有操作都在主界面中完成，如图所示。
新菜单是一个非常简单的风格（Tab，Styles）在预制超过60种不同风格的菜单样式，首先选择所需的风格，然后点击左侧的项目（项目）在样品填充（填充样品），你可以立即看到在预览（预览）的效果，即使菜单生成的。
当然，在软件内置的风格模板的菜单项都是英语，这是不适合中国的用户，我们需要做出一些改变。主体工程（项目）在该窗口的左侧显示当前菜单项工具栏排列多个按钮，从左到右：添加更多的项目（添加多个项目）项目（新增项目），添加删除项目（删除），（向上），上下（移动，下）编辑选定项目（编辑选定的项目），如图所示。
鼠标双击当前任何项目进入编辑对话框，我们在这里修改原始英文，要求中文，如图。
当所有内容被修改时，你可以看到预览区域的效果。这时，我们发现菜单上的文本不是预期的中文，而是一些混乱的代码。为什么例如.
CSS标签设计器是一个英文软件，预设代码是针对英文网页的，所以我们需要手动修改中文代码。由于软件本身没有代码编辑功能，我们会在CSS菜单页文件生成后进行修改。
当你预览时，面对错误的代码不是很好。你可以点击在预览区的空白区域右键，然后选择编码为简体中文（GB2312）的右键菜单，以便预览效果恢复正常。
不知道，CSS菜单准备好了，然后输出文件。点击软件工具栏创建HTML（生成HTML）按钮，系统转到保存对话框。这个例子：选择保存文件夹：Web，输入文件的名称：菜单，点击保存按钮完成。
正如我们已经说过的，默认软件生成的Web代码是在英语系，然后我们开始做编码修改。
在Web目录中，一般可以看到两个文件：
Menu.html，生成的CSS菜单页面。
menu1.gif，CSS菜单调用相关的图片，在实际情况下，文件名可能略有不同。
你可以使用任何文本编辑器打开menu.html文件，利用系统的一个记事本，打开文件后，找到如下：
的CSS标签设计器生成文件默认的编码是ISO-8859-1，而改为中文编码gb2312，如：
如此的简单，保存修改结果，打开menu.html再看看，怎么样，有没有随机码！