快速制作CSS导航菜单教_CSS/HTML
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了快速制作CSS导航菜单教_CSS/HTML，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2398字，纯文字阅读大概需要4分钟。
内容图文
随着网页标准化观念深入人心，越来越多的网站采用了CSS架构。CSS架构的网页不但符合W3C标准，并且还非常美观。标准化网页从漂亮的CSS菜单开始。众所周知，CSS菜单都是一段代码、一段代码的编写出来，生成漂亮菜单，今天给大家介绍一款小的软件：CSS Tab Designer！ CSS Tab Designer是一款使用CSS来设计导航菜单的可视化软件，软件内置60多种不同风格的样式，只需修改现成样式模版，就能快速生成CSS菜单。特别值 得一提的是，软件生成的XHTML代码严格遵循网页标准，创建的CSS菜单兼容各种主流浏览器，无论是系统自带的Internet Explorer，还是Firefox、Opera、Netscape都不会有问题。
CSS Tab Designer操作很简单，主界面采用三列式布局：项目(Items)、样式(Tab Styles)、预览(Preview)依次排开，几乎所有的操作都在主界面中完成，如图。
新建菜单的步骤非常简单，在“样式(Tab Styles)”中预制了60余种风格各异的菜单样式，先选择需要的样式，接下来点击左侧“项目(Items)”中的“用样本填充(Fill with samples)”，立即就可以在“预览(Preview)”中看到效果，菜单就算生成了。
当然，软件内置样式模版中的菜单项目都是英文，对于中文用户并不适合，我们还需要做一些修改。主窗口左侧“项目(Items)”中显示当前的菜单项目，项 目工具栏排列多个按钮，从左到右依次是：添加多个项目(Add Multiple Items)、添加项目(Add Item)、删除项目(Delete Item)、上移(Move Up)、下移(Move Down)、编辑选择项目(Edit Selected Item)，如图。
鼠标双击任意当前项目即可进入编辑对话框，我们在这里修改原始英文为所需中文即可，如图。
将所有内容修改完毕后，就可以在预览区看到效果了。此时，我们发现菜单上的文字并不是预期中出现的中文，而是一些乱码，这是为什么呢？如图。
CSS Tab Designer是一款英文软件，预置编码是针对英语系网页的，所以我们需要手工修改编码为中文。由于软件本身并不具备代码编辑功能，我们将在CSS菜单网页文件生成后再做修改。
预览时面对乱码还是不太好，你可以在预览区空白处点击右键，在右键菜单中选择“编码→简体中文(gb2312)”，预览效果即恢复正常，如图。
不觉间，CSS菜单已经做好，接下来输出文件。点击软件工具栏上“创建HTML(Generate HTML)”按钮，系统转入保存对话框。本例：选择保存文件夹：D:\web，输入文件名：menu，点击“保存”按钮完成。
前面已经说过，软件默认生成的网页编码是英语系的，接下来，我们开始做编码修改工作。
进入D:\web目录，一般可以看到两个文件：
menu.html，生成的CSS菜单网页。
menu1.gif，CSS菜单调用的相关图片，实际情况下文件名可能略有不同。
你可以用任意文本编辑器打开menu.html文件，笔者使用的系统自带的“记事本”，打开文件后，找到如下内容：
CSS Tab Designer生成文件的默认编码为“ISO-8859-1”，修改为中文编码“gb2312”即可，如图：
就这样简单，保存修改结果，再次打开menu.html看看吧，怎么样，没有乱码了吧！
内容总结
以上是互联网集市为您收集整理的快速制作CSS导航菜单教_CSS/HTML全部内容，希望文章能够帮你解决快速制作CSS导航菜单教_CSS/HTML所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。