【求推荐】想在Web网站上编写和发布一个教程，一行文字里能嵌有多个按钮小图片的，用什么软件好？

[yq-ysy]

之前在本论坛和wiki做了一些教程，感觉有个不方便的地方，就是每张图片需要占用一行，也不直观。
而在教程里讲解操作步骤时，我常常需要用类似这样的箭头" => "，还要配以快捷键、还有相关的“按钮”小图片，
例如，下面这一段，我现在全是用文字来描述的，如果能改为用小图片，就更直观了：

代码： 全选

右键选中已经做好的砖头墙　⇒ 右边特性编辑器的“原子能”按钮　⇒ 点击“New”新建按钮　⇒ 勾选下方的 Transparency 透明栏目　⇒ 其下的 Alpha 阿尔法数值改为 0.5　⇒ 点击选中“带虚线的圆球”灯光按钮……

请问有没有适合这种格式的软件？谢谢。

[luojie-dune]

学inkscape，你自己的网站直接放 svg

[yq-ysy]

学inkscape，你自己的网站直接放 svg

不知道svg是纯图片，还是可以像PDF那样图文并茂、能方便在网页里搜索关键字？
——保留文字，目的是为了查找资料比较方便快捷。如果可以的话，看来不错，得学一学。
有没有哪个网站的SVG页面例子？我想看看。

[yq-ysy]

学inkscape，你自己的网站直接放 svg

查看了一下SVG资料，不知我这样理解对不对：
对于做教程来说，svg可以做出小图片，用文字生成“快捷键”图片等，这很方便也很美观。
但问题是，我们这个网站的论坛 phpBB 和 MediaWiki 总是把图片占用一整行，不能做到把小图片嵌在一行文字中间。
我曾想另一个解决方案是，做成PDF文件，然后网页调用PDF显示，类似“百度文库”的做法。——但不是每个浏览器都能很好支持。

[luojie-dune]

svg 多数是图像，也有用作演示文档。

[oneleaf]

phpBB 和 MediaWiki 上传图像后，得到链接地址，然后直接使用 img ，就可以实现一行多个图片输出。

[yq-ysy]

phpBB 和 MediaWiki 上传图像后，得到链接地址，然后直接使用 img ，就可以实现一行多个图片输出。

原来如此！太好了，我去试试。
这样一来我就能直接修改教程的版面了，不用另外搭建了。
谢谢！

[eexpress]

tiddlywiki 的工具条，是不是就是你要的。
都java的。