0

我有以下 图像作为 PowerPoint 流程图（未显示超链接的文本）。

我想把这个图表变成一个 html 网站。任何想法如何为这项任务获得良好的结果？

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

谢谢你。

4

2 回答 2

2

灰色背景上的文本（右侧 5 个，左侧 2 个）可能是同一级别的标题，因此它们将 hN 浮动在右侧并位于每组箭头之前。

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

如果它很少占用 2 行，它们可以随内容扩展（Firefox/Ubuntu 和 Safari/Mac 有 laaarge 字体，不要假设您的文本将始终保持在 1 行。不说应该考虑的缩放文本）

至于各个系列之间的橙色箭头......没有HTML就足够复杂了，所以我相信它取决于上下文。这是一个工业过程，网络营销还是其他？为了使其易于访问，我会使用带有替代文本的 HTML 图像来尝试描述关系。

红色箭头可能是锚链接。

于 2012-05-25T21:17:51.807 回答
0

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

更好的解决方案是将图片分解成更小的组件，这样你就可以定义“div”，其中背景颜色、边框和边框单选为灰色部分，并将白色元素设置为背景图像“a”标签...但是对于箭头，我认为您应该将它们包含为背景图像...

希望这有帮助...

于 2012-05-25T21:12:14.867 回答