将powerpoint流程图转换为html

我有以下几点 作为powerpoint流程图（未显示带有超链接的文本）

我想把这个图表变成一个html网站。 你知道如何在这项任务中取得好成绩吗

我认为用html编码重新创建它是很麻烦的

---

谢谢。

我认为这张图片可以很好地优化，因为它没有非常复杂的图形。因此，一个简单的解决方案就是将其作为背景图像，然后您可以使用css将文本和链接设置到位

一个更好的解决方案是将图片分解为更小的组件，然后通过这种方式，您可以将背景颜色、边框和边框收音机定义为灰色部分的“div”，并将白色元素设置为“A”标记的背景图像。。。然而，对于箭头，我认为你应该把它们作为背景图像

希望这有帮助……

灰色背景上的文本（5个在右边，2个在左边）可能是相同级别的标题，因此它们将在右边浮动，并出现在每组箭头之前

每一组单独的箭头都可以很容易地编码为列表，并设置为以下面包屑：

• （维勒·皮特斯）
• （克里斯·科耶）

如果只占用2行，它们可以扩展内容（Firefox/Ubuntu和Safari/Mac都有laaarge字体，不要假设你的文本总是停留在1行上。更不用说应该是缩放文本了）

至于单个系列之间的橙色箭头。。。没有HTML，这已经够复杂了，所以我相信这取决于上下文。这是一个工业过程，网络营销还是其他？为了便于访问，我会使用HTML图像和其他文本来描述这种关系

---

红色箭头可能是锚定链接。

除了使用带有一些不可见链接覆盖的图像或顶部的图像地图外，这是一个相当高的要求。感谢链接。已经玩了一段时间了。我唯一的问题是，我希望每行的第一个箭头的左侧也有这个“箭头缩进”->，在我的图像中是最左边的箭头。你知道如何设置吗？没有

:before

或

:after

是为父级

ul.breadcrumb

定义的，所以我会使用与内部箭头相同的技术。面包屑：在{边框底部：25px纯红色；边框左侧：15px纯绿色；边框顶部：25px纯蓝色；内容：“；显示：块；高度：0；左侧：0；边距顶部：-5px；位置：绝对；顶部：50%；宽度：0；}。然后在第一个链接上添加一些边距（填充？）以补偿新箭头：

。面包屑li:first child a{margin left:10px；/*或15？待定*/}