0

パワーポイント フロー チャートとして次の 画像があります (ハイパーリンク付きのテキストは表示されていません)。

このチャートを HTML Web サイトに変換したいと考えています。このタスクで良い結果を得る方法はありますか?

これをhtmlのコーディングで作り直すのは面倒だと思います。

ありがとうございました。

4

2 に答える 2

2

灰色の背景のテキスト (右側に 5 つ、左側に 2 つ) はおそらく同じレベルの見出しであるため、右側に hN が浮かび、各セットの矢印の前に表示されます。

個々の矢印のセットは、リストとして非常に簡単にコーディングでき、これらのブレッドクラムとしてスタイルを設定できます。

コンテンツが 2 行をほとんど占有しない場合は、コンテンツを拡張できます (Firefox/Ubuntu および Safari/Mac にはラージ フォントがあります。テキストが常に 1 行に収まるとは限りません。考慮すべきズーム テキストについては言及しません) 。

個々のシリーズ間のオレンジ色の矢印については... HTMLがないと十分に複雑なので、コンテキストに依存すると思います. これは産業プロセスですか、ウェブマーケティングですか、それともそれ以外ですか? アクセスしやすくするために、関係を説明する代替テキストを含む HTML 画像を使用します。

赤い矢印は、おそらくアンカー リンクである可能性があります。

于 2012-05-25T21:17:51.807 に答える
0

非常に複雑なグラフィックがないため、この画像はかなり最適化できると思います。したがって、簡単な解決策は、それを背景画像として含めるだけで、css を使用してテキストとリンクを配置することができます。

より良い解決策は、画像を小さなコンポーネントに分割することです。この方法では、背景色、境界線、および境界線ラジオを灰色の部分として「div」を定義し、白い要素を背景画像として設定できます。 「a」タグ...ただし、矢印については、背景画像として含める必要があると思います...

これが役に立ったことを願っています...

于 2012-05-25T21:12:14.867 に答える