Seite 1 von 1
Algorithmus für Wortwolke?
Verfasst: 18.05.2013, 14:25
von Business-Experte
Hallo, für eine Webseite möchte ich eine Wortwolke schreiben. D.h., es gibt eine Liste von Wörtern, die unterschiedlich wichtig sind. Je nach Wichtigkeit werden die Wörter einer bestimmten Schriftgröße zugeteilt.
Bis hierhin ist es noch einfach!
Und dann werden die Wörter nicht als Liste, sondern wolkenartig dargestellt.
Wer kennt eine Stelle, an der dieser Wolkenalgorithmus gut erklärt wird?
Verfasst: 18.05.2013, 19:08
von SloMo
Hast Du ein Cloud Hosting? Das ist für Wolken-Algos die Voraussetzung...
Verfasst: 18.05.2013, 19:18
von Business-Experte
Wenn mit cloud-hosting gemeint ist, dass der webserver nicht unterm Schreibtisch, sondern woanders, entfernt in einem Rechenzentrum steht, dann ja! Ich habe cloud-hosting. Das haben wohl die meisten.
Verfasst: 18.05.2013, 21:26
von HomerX
Sowas kann man relativ einfach mit PHP programmieren. Im Netz gibt es viele Tutorials dazu.
Verfasst: 18.05.2013, 21:39
von SloMo
Hmmm, wenn Dein Webserver ein Webserver ist, ist er eigentlich (noch) keine Wolke. Du könntest den Algo statt dessen auch einfach simulieren, indem Du folgendes in die robots.css schreibst:
ul.mein-cloud-algo {text-align: center; list-style: none;}
ul.mein-cloud-algo li {display:inline;}
Das macht aus Deiner Liste dann sowas wie eine Wolke. Ich weiß, Cloud-Simulation-Algos sind black-hat, aber Google drückt da ein Auge zu...
Verfasst: 18.05.2013, 21:40
von HomerX
Hast du im Netz schon mal nach einer fertigen Lösung gesucht ?
Verfasst: 18.05.2013, 21:53
von Business-Experte
Ich bin gerade auf der Suche und werde als nächstes SloMos Vorschlag probieren. Das wäre ja einfach, wenn das nur ein bischen CSS ist...
Re: Algorithmus für Wortwolke?
Verfasst: 18.05.2013, 23:46
von MonikaTS
Business-Experte hat geschrieben:Hallo, für eine Webseite möchte ich eine Wortwolke schreiben. D.h., es gibt eine Liste von Wörtern, die unterschiedlich wichtig sind. Je nach Wichtigkeit werden die Wörter einer bestimmten Schriftgröße zugeteilt.
Bis hierhin ist es noch einfach!
Und dann werden die Wörter nicht als Liste, sondern wolkenartig dargestellt.
Wer kennt eine Stelle, an der dieser Wolkenalgorithmus gut erklärt wird?
verteile nicht Schriftgrößen, sondern je Wichtigkeit css Klassen und beschreib diese via Cascading Style Sheet [+ den Angaben von SloMo]
räumt das html auf und du kannst "Wortwolken" bis zum Umfallen
sonst kippt das Verhältnis html zu Text wirklich irgendwann ins Negative
TagCrowd: Create your own tag cloud
Verfasst: 21.05.2013, 09:35
von pr_sniper
Auch wenn der Inhalt -hier: Missverständnis über den Titel- veraltet und sowieso Unsinn ist, hier eine Wolke zum ausführlichen Studium und zur individuellen Anpassung (z.B. Online- Generator, Umlaute usw.):
Code: Alles auswählen
<!--
begin tag cloud : generated by TagCrowd.com
Feel free to modify as long as you keep this notice.
EMBEDDING INSTRUCTIONS:
1. Customize your cloud's style by editing the CSS where it says CUSTOMIZE below.
2. Insert this code in its entirety into your webpage or blog post.
This code and its rendered image are released under the Creative Commons Attribution-Noncommercial 3.0 Unported License. (http://creativecommons.org/licenses/by-nc/3.0/)
For COMMERCIAL USE LICENSING, visit http://tagcrowd.com/licensing.html
-->
<style type="text/css"><!-- #htmltagcloud{
/******************************************
* CUSTOMIZE CLOUD CSS BELOW (optional)
*/
font-size: 100%;
width: auto; /* auto or fixed width, e.g. 500px */
font-family:'lucida grande','trebuchet ms',arial,helvetica,sans-serif;
background-color:#fff;
margin:1em 1em 0 1em;
border:2px dotted #ddd;
padding:2em;
/******************************************
* END CUSTOMIZE
*/
}#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}#htmltagcloud a:link{text-decoration:none}#htmltagcloud a:visited{text-decoration:none}#htmltagcloud a:hover{color:white;background-color:#05f}#htmltagcloud a:active{color:white;background-color:#03d}.wrd{padding:0;position:relative}.wrd a{text-decoration:none}.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}.tagcloud0 a{color:#ACC1F3}.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}.tagcloud1 a{color:#ACC1F3}.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}.tagcloud2 a{color:#86A0DC}.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}.tagcloud3 a{color:#86A0DC}.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}.tagcloud4 a{color:#607EC5}.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}.tagcloud5 a{color:#607EC5}.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}.tagcloud6 a{color:#4C6DB9}.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}.tagcloud7 a{color:#395CAE}.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}.tagcloud8 a{color:#264CA2}.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}.tagcloud9 a{color:#133B97}.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}.tagcloud10 a{color:#002A8B}.freq{font-size:10pt !important;color:#bbb}#credit{text-align:center;color:#333;margin-bottom:0.6em;font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif}#credit a:link{color:#777;text-decoration:none}#credit a:visited{color:#777;text-decoration:none}#credit a:hover{color:white;background-color:#05f}#credit a:active{text-decoration:underline}// -->
</style>
<div id="htmltagcloud"> <span id="0" class="wrd tagcloud0"><a href="#tagcloud">4ckte</a></span> <span id="1" class="wrd tagcloud6"><a href="#tagcloud">4r</a></span> <span id="2" class="wrd tagcloud0"><a href="#tagcloud">anzeigen</a></span> <span id="3" class="wrd tagcloud3"><a href="#tagcloud">april</a></span> <span id="4" class="wrd tagcloud4"><a href="#tagcloud">business-experte</a></span> <span id="5" class="wrd tagcloud7"><a href="#tagcloud">businessexperte</a></span> <span id="6" class="wrd tagcloud3"><a href="#tagcloud">canonical</a></span> <span id="7" class="wrd tagcloud2"><a href="#tagcloud">chlich</a></span> <span id="8" class="wrd tagcloud4"><a href="#tagcloud">com</a></span> <span id="9" class="wrd tagcloud0"><a href="#tagcloud">dargestellt</a></span> <span id="10" class="wrd tagcloud0"><a href="#tagcloud">dienste</a></span> <span id="11" class="wrd tagcloud0"><a href="#tagcloud">domain</a></span> <span id="12" class="wrd tagcloud3"><a href="#tagcloud">einfach</a></span> <span id="13" class="wrd tagcloud4"><a href="#tagcloud">eingera1</a></span> <span id="14" class="wrd tagcloud6"><a href="#tagcloud">fa1</a></span> <span id="15" class="wrd tagcloud3"><a href="#tagcloud">februar</a></span> <span id="16" class="wrd tagcloud6"><a href="#tagcloud">ffentlicht</a></span> <span id="17" class="wrd tagcloud0"><a href="#tagcloud">follow</a></span> <span id="18" class="wrd tagcloud0"><a href="#tagcloud">gesehen</a></span> <span id="19" class="wrd tagcloud10"><a href="#tagcloud">google</a></span> <span id="20" class="wrd tagcloud5"><a href="#tagcloud">hinterlasse</a></span> <span id="21" class="wrd tagcloud0"><a href="#tagcloud">ignoriert</a></span> <span id="22" class="wrd tagcloud0"><a href="#tagcloud">juni</a></span> <span id="23" class="wrd tagcloud5"><a href="#tagcloud">kommentar</a></span> <span id="24" class="wrd tagcloud2"><a href="#tagcloud">kommentare</a></span> <span id="25" class="wrd tagcloud0"><a href="#tagcloud">kopf</a></span> <span id="26" class="wrd tagcloud0"><a href="#tagcloud">links</a></span> <span id="27" class="wrd tagcloud0"><a href="#tagcloud">mai</a></span> <span id="28" class="wrd tagcloud2"><a href="#tagcloud">mal</a></span> <span id="29" class="wrd tagcloud0"><a href="#tagcloud">network</a></span> <span id="30" class="wrd tagcloud0"><a href="#tagcloud">platz</a></span> <span id="31" class="wrd tagcloud2"><a href="#tagcloud">schlagworte</a></span> <span id="32" class="wrd tagcloud3"><a href="#tagcloud">search</a></span> <span id="33" class="wrd tagcloud0"><a href="#tagcloud">steht</a></span> <span id="34" class="wrd tagcloud0"><a href="#tagcloud">suggest-funktion</a></span> <span id="35" class="wrd tagcloud2"><a href="#tagcloud">tatsa</a></span> <span id="36" class="wrd tagcloud4"><a href="#tagcloud">title</a></span> <span id="37" class="wrd tagcloud2"><a href="#tagcloud">twitter</a></span> <span id="38" class="wrd tagcloud2"><a href="#tagcloud">uncategorized</a></span> <span id="39" class="wrd tagcloud2"><a href="#tagcloud">url</a></span> <span id="40" class="wrd tagcloud0"><a href="#tagcloud">urls</a></span> <span id="41" class="wrd tagcloud6"><a href="#tagcloud">vera</a></span> <span id="42" class="wrd tagcloud6"><a href="#tagcloud">verfasst</a></span> <span id="43" class="wrd tagcloud0"><a href="#tagcloud">vertippt</a></span> <span id="44" class="wrd tagcloud3"><a href="#tagcloud">web</a></span> <span id="45" class="wrd tagcloud2"><a href="#tagcloud">willkommen</a></span> <span id="46" class="wrd tagcloud3"><a href="#tagcloud">wordpress</a></span> <span id="47" class="wrd tagcloud8"><a href="#tagcloud">yahoo</a></span> <span id="48" class="wrd tagcloud3"><a href="#tagcloud">ypn</a></span> <span id="49" class="wrd tagcloud0"><a href="#tagcloud">zensur</a></span> </div><div id="credit">created at <a href="http://tagcrowd.com">TagCrowd.com</a></div>
<!-- end tag cloud : generated by TagCrowd.com : please keep this notice -->
.
Unsere "Experten" halt ...
Verfasst: 21.05.2013, 09:50
von SloMo
@pr_sniper: nur, weil Du etwas nicht verstehst, müssen nicht alle anderen dumm sein ;)
Verfasst: 21.05.2013, 11:58
von Business-Experte
Der Vorschlag von SloMo war für meine Zwecke völlig ausreichend.
