如何用html制作交换机端口视图

如何用html制作交换机端口视图
类似于这样的：

---

不是有原型制作工具(axure)等等 ,然后可以导出 html 格式的
http://rj.baidu.com/soft/detail/15574.html?ald