Organigramm erstellen. Als Bild oder mit einem Tool?
M@rkus
- html
0 andi_b0 Thomas Luethi
Hallo all,
erstmal wollte ich sagen, dass ich das Forum super finde. :-)
Folgendes Problem:
Ich möchte ein Organigramm erstellen. Dies soll für jede Unterorganistion "anklickbar" sein.
Zur Verfügung steht mir leider nur html.
Ich habe mir mal ein paar Organigramme angeschaut und mußte feststellen, dass das ganze "nur" ein Bild ist.
als Beispiel:
http://www.hu-berlin.de/hu/org/org.htm
2 Fragen:
1. Ist es die beste Lösung ein Bild zu erstellen (welches aus ca. 20 Unterbildern besteht) auf das man dann die Links setzt?
2. wenn ja, gibt es ein Tool oder Programm, mit dem man ein solches Bild erstellen kann.
Gruß M@rkus
moin,
styletechnisch nicht der hit, aber in der not frisst der teufel bekanntlich fliegen... immernoch besser als ein bild :)
andi
[copy+paste all]:
<html>
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.contentBox{
border: 1px solid black;
padding: 1px 3px 1px 3px;
margin: 0px 4px;
}
.connectorBoxLeft{
border-left: 1px solid black;
border-top: 1px solid black;
border-right: 1px solid black;
}
.connectorBoxRight{
border-top: 1px solid black;
border-right: 1px solid black;
}
.singleLine{
border-right: 1px solid black;
}
-->
</style>
</head>
<body>
<div id="outerBox">
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"> </td>
<td width="33%"><div class="contentBox">content 1</div></td>
<td width="33%"> </td>
</tr>
</table>
</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="2"><div class="singleLine"> </div></td>
<td colspan="2"><div> </div></td>
</tr>
<tr>
<td width="15%"><div> </div></td>
<td width="30%"><div class="connectorBoxLeft"> </div></td>
<td width="30%"><div class="connectorBoxRight"> </div></td>
<td width="15%"><div> </div></td>
</tr>
</table>
</div>
<div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="33%"><div class="contentBox">content 2</div></td>
<td width="33%"><div class="contentBox">content 3</div></td>
<td width="33%"><div class="contentBox">content 4</div></td>
</tr>
</table>
</div>
</div>
</body>
</html>
Hallo Markus,
erstmal wollte ich sagen, dass ich das Forum super finde. :-)
Erstmal wollte ich sagen, dass ich es super faende,
wenn Du die </faq/> durchlesen wuerdest.
Dann wuestest Du, dass es weder notwendig noch schlau ist,
E-Mail-Adressen zu faelschen (der Inhaber von danke.de
wird sich freuen...).
Und Du koenntest statt einer URL gleich einen Link posten.
Ich möchte ein Organigramm erstellen. Dies soll für jede Unterorganistion "anklickbar" sein.
Zur Verfügung steht mir leider nur html.
Dann mach es in HTML.
Zum Beispiel als Tabelle.
Oder als huebsch formatierte Definitionsliste.
Ich habe mir mal ein paar Organigramme angeschaut und mußte feststellen, dass das ganze "nur" ein Bild ist.
http://www.hu-berlin.de/hu/org/org.htm
Sowas koennte man relativ einfach in HTML und CSS abbilden.
Vielleicht abgesehen von den Verbindungslinien - aber auch
das waere irgendwie machbar.
- Ist es die beste Lösung ein Bild zu erstellen (welches aus ca. 20 Unterbildern besteht) auf das man dann die Links setzt?
Nein.
Es geht um Text, also ist Text IMHO besser.
Bei Text koennen die Benutzer die Groesse und die Farben beeinflussen,
damit sie es besser lesen koennen. Nicht aber bei Grafiken.
Wenn schon ein Bild, dann eher einfach _ein_ Bild, als Imagemap.
Und bitte mit genuegend grosser Schrift. (Die im Beispiel ist mir zu klein.)
- wenn ja, gibt es ein Tool oder Programm, mit dem man ein solches Bild erstellen kann.
MS PowerPoint hat einen Zusatz fuer Organigramme.
Davon koennte man dann z.B. einen Screenshot machen
und daraus - mit einem weiteren, geeigneten Tool - eine
Imagemap.
Allenfalls kann man schon in Powerpoint direkt die
einzelnen Bereiche verlinken und dann das ganze
als "HTML" exportieren. Der Quellcode muss dann
natuerlich noch gesaeubert werden. ;-)
Gruesse,
Thomas