組織図をうまくデザインするには?

[上に] [前に] [次に]
あや [E-Mail] 1999/11/17(水) 16:46:37
ホームページで組織図を載せたいのですが、よいデザインの方法が浮かびません。
組織図全体を一つの<GIF>にしてしまうと、とてもサイズの大きなものになってしまうし、かといって<部署の名称GIF>と<縦・横・斜めのGIF>を配置していくととても煩雑な見苦しいものになってしまいます(それはそれで重いし。。)
何か良いアドバイスがありましたら、よろしくご指導ください。

いそぎんちゃく 1999/11/17(水) 17:01:52
 こんなんじゃダメですか?

<TABLE BORDER>
<CAPTION>組織図</CAPTIOM>
<TR>
<TD ROWSPAN=4>総務部<TD ROWSPAN=2>総務課<TD>ほげげセクション
<TR>
<TD>げほほセクション
<TR>
<TD ROWSPAN=2>経理課<TD>給料セクション
<TR>
<TD>予算セクション
<TR>
<TD ROWSPAN=4>技術部<TD ROWSPAN=2>あれれ課<TD>めけけセクション
<TR>
<TD>くぴぴセクション
<TR>
<TD ROWSPAN=2>ままけ課<TD>ぱぱどセクション
<TR>
<TD>しととセクション
</TABLE>

カブリ 1999/11/17(水) 17:06:05
テキスト ペイント
http://www.vector.co.jp/soft/win95/writing/se054128.html
で文字絵(?)を書いて、
<PRE>タグでくくるという手も。

AtsD 1999/11/17(水) 20:39:21
斜めの要素以外はテーブルでできますよ(がんばれば…)。

<table border="0" cellspacing="0" cellpadding="0">
<tr><td bgcolor="#000000" width="100">
<table border="0" cellspacing="2" cellpadding="1" width="100">
<tr><td bgcolor="#93bbd3" align="center">会 長</td></tr></table>
</td></tr>
<tr><td bgcolor="#ffffff" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="1">
<tr><td bgcolor="#000000" align="center" height="20"><spacer type="block" width="1" height="20"></td></tr></table>
</td></tr>
<tr><td bgcolor="#000000" width="100">
<table border="0" cellspacing="1" cellpadding="1" width="100">
<tr><td bgcolor="#93d3a2" align="center">社 長</td></tr></table>
</td></tr>
<tr><td bgcolor="#ffffff" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="1">
<tr><td bgcolor="#000000" align="center" height="10"><spacer type="block" width="1" height="10"></td></tr></table>
</td></tr>
<tr><td bgcolor="#ffffff" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="100" height="1">
<tr><td bgcolor="#000000" align="center" valign="middle" height="1"><spacer type="block" width="100" height="1"></td></tr></table>
</td></tr>
<tr><td bgcolor="#ffffff" align="center">
<table border="0" cellspacing="0" cellpadding="0" width="1">
<tr><td bgcolor="#000000" align="center" height="10"><spacer type="block" width="1" height="10"></td></tr></table>
</td></tr></table>

※MacのIE4及びNN4で確認しました。
※サイズの指定必要箇所はちょっとあやふやです。

やはり煩雑だし、基本設計をしっかりしておかないとぐちゃぐちゃになりますね。
ケイ線はGIFパーツにしたほうがいいでしょう。

テーブルがあまり多いと表示に時間がかかったりするので
GIFで描いて適当にスライシングする方がおすすめです。
色数さえ押さえればファイルサイズもそれほど大きくならないと思います。
中身によりますが、
以前作った組織図は32色427*750pixel、40部門くらいで19KBに収まりました。
http://www.docon.co.jp/annai/soshiki.html

あや [E-Mail] 1999/11/18(木) 09:34:46
[[解決]]
みなさん、ありがとうございました。
とても丁寧に教えていただけるので、ちょっと感動してます。
いろいろ試してみました。
いろんな事に応用できそうです。

AtsDさんの組織図拝見しましたが、あんまりきれいなので驚きました。
ありがとうございました!

[上に] [前に] [次に]