English 中文(简体)
到 html 的电源点流量图
原标题:powerpoint flowchart to html

I have the following image as a powerpoint flow chart (text with hyperlinks not shown).

I want to turn this chart into an html-website. Any ideas how to get a good result for this task?

我觉得用html的编码来重塑这个 有点麻烦

谢谢

最佳回答

灰色背景的文字( 5对右, 2对左) 可能是同一水平的标题, 所以它们会漂浮在右边, 并出现在每组箭头前 。

每一支箭头都可以相当容易地编码成列表,并用这些面包屑的样式标出:

如果它们很少占用两行, 它们就可以随内容扩展( Firefox/ Ubuntu 和 Safari/ Mac 有 laarge 字体, 不要假设您的文本会总是停留在一行上, 而不是说缩放文本应该< a href=" http://www.w3. org/ TR/ UNDERSTANDING- WCAG20/ visual- audio- contrast- scale. html" rel=“ no follow” > 考虑 。

至于单个序列之间的橙箭头... 没有 HTML 的复杂程度足够复杂... 所以它取决于上下文 我相信。 这是一个工业过程, 网络营销还是其它的? 为了让它可以访问, 我使用 HTML 图像, 并使用其他文本来描述关系 。

红箭可能是锚链

问题回答

我认为这个图像可以被优化, 因为它没有非常复杂的图形。 因此, 一个简单的解决方案可以将它作为背景图像, 然后用 cs 来设置文本和链接 。

更好的解决办法是将图片破碎成较小的组件, 这样您就可以将背景颜色、 边框和边框辐射的“ div” 定义为灰色部分, 并将白色元素设置为“ a” 标签的背景图像... 但是对于箭头, 我认为你应该把它们包含为背景图像...

希望这能帮上忙...





相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签