Posts mit dem Label Webseiten-Erstellung werden angezeigt. Alle Posts anzeigen
Posts mit dem Label Webseiten-Erstellung werden angezeigt. Alle Posts anzeigen

Sonntag, 24. August 2008

Dynamisch erzeugte Grafiken erstellen und einbinden

Update: Hier gibt es Online-Gneratoren zur einfachen Erstellung der Grafiken:
http://www.clabberhead.com/googlechartgenerator.html
http://chartpart.com/
Um ad-hoc-Grafiken zu erstellen, habe ich einen schönen Dienst von Google entdeckt. Ohne Excel oder sonstige Grafikprogramme zu bemühen, kann man häufig gebrauchte Grafiken durch Änderung der URL-Parameter, über die Google Chart API nutzen.

In seiner einfachsten Form kann man den Aufruf im Browser ausprobieren:
http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Apfel|Birne

Wichtig: Die URL muss in einer Zeile stehen!


Durch das abändern einzelner Parameter in der URL, kann man die dynamisch erzeugte Grafik steuern.

Zum Beispiel:

  1. chl=Pflaumen|Orangen, die Vergleichswerte um die es geht
  2. chd=t:34,66, die Verteilung der Werte
  3. chs=270x100, die Grafikgröße

Um eine Grafik in eine Website/Blog einzubauen wird das Ganze so eingesetzt:

<img src="http://chart.apis.google.com/chart?chs=270x100&amp;chd=t:34,66&amp;cht=p3&amp;chl=Pflaumen%7COrangen" alt="Beispiel-Chart" title="Verteilung von Pflaumen und Orangen in Prozent" />

Und so sieht es aus:

Beispiel-Chart


Laut Google:
Im Gegensatz zum Browser-Aufruf, wird der Code zur Benutzung in einer Website in ein <img> eingebettet und das &-Zeichen zum Parameteraufruf muss durch ein &amp; (Semikolon am Ende nicht vergessen) ersetzt werden.
Bei mir funktionierte es im Blog und einer "herkömmlichen" Website auch nur mit dem &.

Ein Beispiel mit einer Map, meine bisher besuchten Urlaubsländer (die Malediven sind leider zu klein geraten ;-):

meine Urlaubsländer

Der Code sieht so aus:

<img src="http://chart.apis.google.com/chart?cht=t&chs=440x220&chd=s:Af951c326&chco=ffffff,edf0d4&chld=LKKEPHMVMXVEBRESIT&chtm=world&chf=bg,s,EAF7FE" alt="meine Urlaubsländer" title="meine besuchten Urlaubsländer"/>

Zwei weitere Beispiele:





Die Parameter-Steuerung kann ganz schön komplex werden und diverse Werte sind leider nur umständlich zu ermitteln.
Ein umfassendes Studium der Google-Dokumentation ist nicht zu vermeiden. Wenn man sich einen Satz an benötigten Charts erst einmal erstellt hat, kann man sich die Arbeit mit Copy&Paste und der Parameteranpassung erheblich erleichtern. Es gibt ja auch Blogs usw, die im Kommentarbereich den Einsatz von <img> erlauben, damit lässt sich evtl. so mancher Zahlensalat einfacher darstellen.

Der Einsatz der Grafiken ist auf 250.000 Aufrufe pro Tag begrenzt. Ich bin nur "ganz knapp" darunter ;-).

NoodleGei.blogspot.com



Blogs leben vom Feedback ihrer Leser! Ehrliche und faire Kommentare, Bewertungen und Links zu Beiträgen sind für alle sinnvoll.

Freitag, 22. August 2008

Blogger-Blog ändern bzw erweitern

Angeregt durch eine Email dich mich gestern erreichte, möchte ich ein paar Grundlagen beschreiben.
Wer als Anfänger bei Blogger.com (Blogspot.com) einen Blog anlegt, möchte diesen auch gerne um einige hilfreiche Funktionen erweitern. Es geht mir im Moment nur um Vorlagen oder Templates, die von Blogger.com angeboten werden (die Standard-XML-Templates).

Die Frage in der Email von Sandro war, wie man eigene Kategorien anlegen kann. Diese Kategorien nennen sich bei Blogger "Labels". Wenn man bei einem neu erstellten Post (siehe im Post-Editor, unten rechts, "Labels für diesen Post") dort Labels - auch bekannt als Schlagworte, Stichworte, Tags usw. - vergibt, können diese in einer Auflistung in der Blog-Seitenleiste angezeigt werden.

Um diese Liste im Blog einzubinden, geht man so vor:
  1. zum Dashboard wechseln
  2. Menüpunkt "Layout" auswählen
  3. Menüpunkt "Seitenelemente" auswählen
  4. in der Seitenleiste auf "Gadgets hinzufügen" klicken
  5. aus der angezeigten Liste - unter Menüpunkt "Grundlagen" (links, oben) das Gadget "Labels" auswählen
  6. ggf. individuelle Einstellungen vornehmen und speichern
Unter dem Menüpunkt "Grundlagen" sind die offiziellen Gadgets die von Blogger.com bereitgestellt werden. Mit diesen sollte man erst mal arbeiten und nicht mit Gadgets die man über die Suchfunktion evtl. findet.

Für weitere Fragen zu Grundlagen, könnt ihr gerne einen Kommentar hinterlassen. Ich kann selbstverständlich keinen Support für Blogger anbieten, aber es gibt ja auch noch andere Blogs die sich mit dem Thema befassen und die vielleicht mitlesen.
Eventuell sieht man man ja auch, wo der Anfänger-Bedarf zum Thema liegt und kann sich gegenseitig weiterhelfen und organisieren.

Das Kommentieren und Verlinken ist gerade das, was die sogenannte "Blogosphäre" ausmacht!
Nur in Deutschland kapiert man das noch nicht so richtig :-(. Da sind uns andere Länder z.B. Amerika, sehr weit voraus.

NoodleGei.blogspot.com

Sonntag, 22. Juni 2008

Online eine htaccess-Datei erstellen lassen

Für diejenigen die sich mit der Erstellung einer .htaccess-Datei schwer tun, sollten sich mal diesen Online-Editor anschauen.

Da ich selber nicht so fit mit der htaccess bin, kann ich keine Aussage über die Qualität der generierten Anweisungen machen. Ein Kommentar-Hinweis von Experten wäre nicht schlecht. Danke!
NoodleGei.blogspot.com

Donnerstag, 29. Mai 2008

NoodleGei: Blog zum WWW und Google™

Ein neuer Blog der sich mit den Themen: World Wide Web und Google befasst.

Ich möchte hier viele Aspekte rund um die Erstellung von Webseiten - ob als statische Site, Blog oder sonstigen technischen Möglichkeiten - vorstellen und beschreiben.

Es sollen auch herausragende Seiten und Dienste im Web angesprochen werden, die Suche nach den Perlen im Netz ist angesagt ...



Die mittlerweile sehr vielfältigen Produkte die Google zur Verfügung stellt, finden auch ihren Platz hier. Konkurrenz-Dienste kommen aber nicht zu kurz. Der Fokus liegt hierbei auf Produkte die kostenlos genutzt werden können und nach Möglichkeit frei von Werbung sind.



Der Blog-Name NoodleGei ist frei erfunden und steht in keinem Zusammenhang mit Marken oder Personen ;-).



GOOGLE ist eine Marke von Google Inc.

Weitere Google-Marken und Dienste - und das sind ja eine Menge - sind:



Google™-Suche

Google™-Suchmaschine

Google.org™ Foundation

Google AdSense™-Werbeprogramm

Google Adverting Professionals™-Programm

Google AdWords™-Werbeprogramm

Google Alerts™-E-Mail-Update-Service

Google Answers™-Service für Forscher

Google Analytics™-Webanalyseservice

Google Base™-Brancheneinträge

Google Blog™-Weblog

Google Blog Search™-Service

Google Book Search™-Service

Google Calendar™-Kalenderservice

Google Catalogs™-Katalog-Suche

Google Code™ - Website für Open Source-Entwickler

Google Compute™-Funktion

Google Dashboard Widgets™ für Mac-Software

Google Desktop™-Suchprogramm

Google Desktop Search™-Suchtool

Google Deskbar™-Software

Google Directory™-Webverzeichnis

Google Earth™-Kartenservice

Google Extensions™ für Firefox-Software

Google Finance™-Service für Finanzinformationen

Google Foundation™ - gemeinnützige Organisation

Google Free™-Suchservices

Google Gadgets™ -Software

Google Glossary™-Glossarservice

Google Grants™-Programm

Google Groups™-Usenet-Diskussionsforen

Google Image Search™-Bildsuchdienst

Google Images™-Bildsuchdienst

Google Labs™-Forscherservice

Google Mail™-Webmailservice

Google Maps™-Kartenservice

Google Mars™-Kartenservice

Google Mini™-Hardware

Google Mobile™-Service für mobile Geräte

Google Music Search™-Service

Google News™-Nachrichtenservice

Google News Alerts™-News-Benachrichtigungsservice

Google Pack™-Software-Download-Service

Google Page Creator™-Webseitenerstellungsservice

Google Personalized Home™-Service für personalisierte Startseiten

Google Personalized Search™-Service für personalisierte Suchen

Google Q&A™-Suchservice

Google Reader™-Feed-Reader

Google Related Links™-Service

Google Ride Finder™-Taxisuche

Google SafeSearch™-Filterfunktion

Google Scholar™-Textsuche für Studierende

Google Search Appliance™-Hardware

Google Sets™-Begriffsgruppen-Suchservice

Google Sidebar™-Software

Google Sitemaps™-Service

Google Site Search™-Service

Google SMS™-Messaging-Service für mobile Geräte

Google Store™-Online-Shop

Google Suggest™-Service zum Vervollständigen von Suchwörtern

Google Talk™-Instant Messaging-Service

Google Toolbar™-Suchleiste

Google Transit™-Reiseplanungsservice

Google Translate™-Übersetzungsservice

Google Video™-Filmsuche

Google Web Accelerator™-Software

Google Web Alerts™-Benachrichtigungsservice

Google Web Search™-Funktionen

Google Zeitgeist™-Bericht

AdWords™-Werbeprogramm

AdSense™-Werbeprogramm

Blogger™-Web-Publishing-Service

Blog*Spot™-Hosting-Service

Froogle™-Produktsuche

Gmail™-Webmailservice

I'm Feeling Lucky™-Suchservice

Orkut™-Online-Community

PageRank™-Algorithmus

Picasa™-Fotosoftware

Hello™-Instant Messaging-Service für Bilder

Dodgeball™-Service für soziale Netzwerke

Joga™-Online-Community

Keyhole™-Kartenservice

Urchin™-Webanalyseservice

Oingo™-Werbeprogramm

Quantified™-Webanalyseservice

Writely™-Textverarbeitungssoftware

dMarc™-Werbeprogramm

Scott Studios™-Audiosysteme

Maestro™-Audiosysteme

Sketchup™-Sketchsoftware

Measure Map™-Webanalyseservice

Trustrank™-Algorithmus



Die Nennung von anderer Diensten, Marken etc. unterliegen deren Schutzrechte.

Sollte unabsichtlich ein Schutzrecht verletzt worden sein, bitte ich um Mitteilung per Email aus meinem Profil. Sollte ein vorher von mir geprüfter Link zu einer anderen Website geltendes Recht missachten, werde ich diesen Link nach - Kenntnisnahme der Rechtswidrigkeit - löschen.



Datenschutz

Einen Blog-Leser kann ich damit NICHT personalisieren. Die dynamisch(!) zugeordnete IP kennt nur der ISP und die Zuordnung zu einer realen Person, kann auch Google so nicht herstellen. Ich brauche diesen Dienst nur um das Blog und die Themen besser auf die Leser abstimmen zu können. Einige Zugriffsinfos sind auch ganz nett anzuschauen, aber mehr auch nicht. Du bist z.B. über eine Suchmaschine auf dieses Blog gekommen? Tja, dann wurdest du schon längst von denen getrackt.

Angesichts der Diskussion um den Einsatz von Analysetools mit vollständigen IP-Adressen möchten ich darauf hinweisen, dass dieses Blog Google Analytics mit der Erweiterung „_anonymizeIp()“ verwendet und daher IP-Adressen nur gekürzt weiterverarbeitet werden, um eine direkte Personenbeziehbarkeit auszuschließen.

„Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. („Google“) Google Analytics verwendet sog. „Cookies“, Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglicht. Die durch den Cookie erzeugten Informationen über Ihre Benutzung diese Website (einschließlich Ihrer IP-Adresse) wird an einen Server von Google in den USA übertragen und dort gespeichert. Google wird diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten für die Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen zu erbringen. Auch wird Google diese Informationen gegebenenfalls an Dritte übertragen, sofern dies gesetzlich vorgeschrieben oder soweit Dritte diese Daten im Auftrag von Google verarbeiten. Google wird in keinem Fall Ihre IP-Adresse mit anderen Daten der Google in Verbindung bringen. Sie können die Installation der Cookies durch eine entsprechende Einstellung Ihrer Browser Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website voll umfänglich nutzen können. Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.“



NoodleGei.blogspot.com

  © Blogger template Columnus by Ourblogtemplates.com 2008

Back to TOP