<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Let's talk about webdesign &#187; Webdesign</title>
	<atom:link href="http://letstalkaboutwebdesign.de/category/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://letstalkaboutwebdesign.de</link>
	<description>HTML, CSS, PHP, JavaScript, Print, Grafik und was es sonst noch im Web gibt</description>
	<lastBuildDate>Thu, 02 Apr 2009 10:15:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Schlechtes Webdesign in der Praxis &#8211; Teil 1</title>
		<link>http://letstalkaboutwebdesign.de/webdesign/schlechtes-webdesign-in-der-praxis-teil-1</link>
		<comments>http://letstalkaboutwebdesign.de/webdesign/schlechtes-webdesign-in-der-praxis-teil-1#comments</comments>
		<pubDate>Thu, 26 Mar 2009 17:19:27 +0000</pubDate>
		<dc:creator>the0bone</dc:creator>
				<category><![CDATA[Pranger]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Fehler]]></category>
		<category><![CDATA[nicht nachmachen]]></category>
		<category><![CDATA[schlechtes Webdesign]]></category>

		<guid isPermaLink="false">http://letstalkaboutwebdesign.de/?p=6</guid>
		<description><![CDATA[Heute bin ich über eine Webseite gestolpert, die sich wirklich an alles hält, was man im Webdesign nicht machen sollte. Ich bin zwar nicht frei von Schuld und nicht alles was ich gemacht habe oder mache, würde ich morgen genauso machen. Aber was dieser professionelle Auftritt im Netz dem Besucher zumuten ist schon fragwürdig.
Ich möchte [...]]]></description>
			<content:encoded><![CDATA[<p>Heute bin ich über eine Webseite gestolpert, die sich wirklich an alles hält, was man im Webdesign nicht machen sollte. Ich bin zwar nicht frei von Schuld und nicht alles was ich gemacht habe oder mache, würde ich morgen genauso machen. Aber was dieser professionelle Auftritt im Netz dem Besucher zumuten ist schon fragwürdig.</p>
<p>Ich möchte keinen an den Pranger stellen. Daher mache ich die Screenshots möglichst unkenntlich.</p>
<p><span id="more-6"></span></p>
<p><a class="thickbox" title="Top Navigation mit kreativen Beschreibungen" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue1.jpg"><img class="alignnone size-medium wp-image-13" title="Top Navigation mit kreativen Beschreibungen" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue1-300x32.jpg" alt="Top Navigation mit kreativen Beschreibungen" width="300" height="32" /></a><br />
Ein echt kreativer Link, der sich dort beim drüber fahren mit der Maus zeigt. Nur welcher Besucher kann mit &lt;b&gt;&lt;font &#8230; etwas anfangen? Ich glaube es muss dazugesagt werden, dass die gesamte Seite aus einem Shop System zu kommen scheint. Da sollten solche Fehler also nicht mehr vorkommen.</p>
<p>Aber die Navi hat noch mehr zu bieten:<br />
<a class="thickbox" title="Top Navi ohne Abstände" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue2-300x8.jpg"><img class="alignnone size-medium wp-image-14" title="Top Navi ohne Abstände" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue2-300x8.jpg" alt="Top Navi ohne Abstände" width="300" height="8" /></a><br />
Ohne Punkt, ohne Komma und ohne Abstände. Hätten einzelne Menüpunkte keine Unterpunkte, die verschiedenen einzelnen Menüpunkte würden einem gar nicht so vorkommen.</p>
<p><a class="thickbox" title="Herzlich Willkommen" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue3.jpg"><img class="size-thumbnail wp-image-15" title="Herzlich Willkommen" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue3-150x150.jpg" alt="Herzlich Willkommen" width="150" height="150" /></a></p>
<p>Zumindest wird man freundlich begrüßt in Ihrem neuen Internetauftritt. &#8220;Neu&#8221; &#8211; wenn ich es nicht vergesse, werde ich in einem halben Jahr nochmal vorbeischauen. Ich ahne ja schlimmes und ein Blick ins <a class="thickbox" title="aktives aber inaktives Gästebuch" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue9.jpg">Gästebuch</a> verrät es auch. Aber hinterfragen möchte ich doch den &#8220;angenehmen Aufenhalt&#8221; (den Rechtschreibfehler mal fast nicht kommentiert, evtl. sind beim neuen Auftritt ja ein paar &#8220;t&#8221;s zu wenig eingekauft wurden). Ich kann mir jetzt nicht vorstellen, was an einem Aufenthalt auf einer Homepage angenehm sein soll. Bzw. wie die Homepage dazu positiv beitragen kann. Klar negativ geht&#8230; aber positiv? Wärme kann angenehm sein. Sonne kann angenehm sein. Das knistern eines Kamins kann angenehm sein. Aber der Aufenthalt auf einer Homepage? Evtl. ist das Web3.0 &#8211; der angenehme Aufenthalt auf einer Homepage.</p>
<p>Wir alle wissen, dass Kundenbindung wichtig ist. Newsletter sind dort ein einfaches Mittel, diese aufrecht zu erhalten. Aber muss ein Newsletter wirklich über eine Laufschrift als Element einer Seite angezeigt werden?</p>
<p><a class="thickbox" title="Newsletter Laufschrift" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue4.jpg"><img class="size-thumbnail wp-image-16" title="Newsletter Laufschrift" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue4-150x150.jpg" alt="Newsletter Laufschrift" width="150" height="150" /></a></p>
<p>Und ist es für den Newsletter wirklich wichtig, ob ich Frau oder Herr bin?</p>
<p><a class="thickbox" title="Newsletter Frau / Herr" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue5.jpg"><img class="size-thumbnail wp-image-17" title="Newsletter Frau / Herr" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue5-150x150.jpg" alt="Newsletter Frau / Herr" width="150" height="150" /></a></p>
<p>Auch wenn es mir persönlich nicht gefällt, so hat doch der deutsche Wortschatz mehr als zwei Anrede Formen. Was ist mit Dr. oder Prof.? Was machen die ganzen Dipl. Ing.&#8217;s dieser Welt? Dürfen die keinen Newsletter bekommen oder sind das keine willkommenen Kunden?</p>
<p><a class="thickbox" title="Wichtig, das Wetter" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue6.jpg"><img class="size-thumbnail wp-image-18" title="Wichtig, das Wetter" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue6-150x150.jpg" alt="Wichtig, das Wetter" width="150" height="150" /></a></p>
<p>Elementar wichtig für eine Homepage, die aktuelle Wetterlage vor Ort beim Anbieter. Fehlt nur noch die Wetterlage von Serverstandort und ich hätte alle Informationen, die ich hier nie erwartet hätte.</p>
<p>Ich kann jetzt nur von Glück sprechen, dass mein Browser JavaScript hat und dieses auch aktiviert ist. Sonst hätte ich ja gar nicht so viel von der Seite mitbekommen. Deaktiviert man JavaScript oder hat es gar nicht, bekommt man auf dieser Seite auch keine Navigation zu sehen!<a class="thickbox" title="Top navi ohne JavaScript" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue8.jpg"><img class="size-full wp-image-19" title="Top navi ohne JavaScript" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue8.jpg" alt="Top navi ohne JavaScript" width="592" height="19" /></a></p>
<p>Stellen wir uns also den Besucher vor, der nicht so viel Ahnung von PCs hat und Crossbrowser und JavaScript. Also der Besucher, der auch hier Kunde werden könnte. Er sieht nur die Startseite und hat nicht mal eine Ahnung davon, dass es weitere Seiten geben könnte.</p>
<p><a class="thickbox" title="Fusszeilenhinweise" href="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue7.jpg"><img class="size-thumbnail wp-image-20" title="Fusszeilenhinweise" src="http://letstalkaboutwebdesign.de/wp-content/uploads/2009/02/sanikue7-150x31.jpg" alt="Fusszeilenhinweise" width="150" height="31" /></a></p>
<p>Zumindest wird er in der Fusszeile darüber informiert, dass er mit seinem WideScreen Laptop und einer Auflösung von 1280 x 800 px schon gar nicht als Kunde gewollt ist. Der Rest ist dann doch sowieso egal.</p>
]]></content:encoded>
			<wfw:commentRss>http://letstalkaboutwebdesign.de/webdesign/schlechtes-webdesign-in-der-praxis-teil-1/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>RSS Feeds mit Magpie RSS in die eigene Seite einbinden</title>
		<link>http://letstalkaboutwebdesign.de/allgemein/rss-feeds-mit-magpie-rss-in-die-eigene-seite-einbinden</link>
		<comments>http://letstalkaboutwebdesign.de/allgemein/rss-feeds-mit-magpie-rss-in-die-eigene-seite-einbinden#comments</comments>
		<pubDate>Thu, 26 Mar 2009 17:19:04 +0000</pubDate>
		<dc:creator>the0bone</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[einbinden]]></category>
		<category><![CDATA[Feed]]></category>
		<category><![CDATA[Magpie RSS]]></category>
		<category><![CDATA[RSS]]></category>

		<guid isPermaLink="false">http://letstalkaboutwebdesign.de/?p=155</guid>
		<description><![CDATA[Oft besteht ja eine Internet Präsens aus mehreren Bereichen. Statischen Seiten, einem Blog, einer Galerie, einem Forum usw. Alles zusammen bildet die gesamte Seite. Meistens möchteman die verschiedenen Skripte miteinander verbinden, mindestens aber die Daten auf der Startseite zusammengefasst darstellen. Viele verschiedene Portalskripte bieten da ihre Funktion an, dabei ich das gar nicht so kompliziert.

Auf [...]]]></description>
			<content:encoded><![CDATA[<p>Oft besteht ja eine Internet Präsens aus mehreren Bereichen. Statischen Seiten, einem Blog, einer Galerie, einem Forum usw. Alles zusammen bildet die gesamte Seite. Meistens möchteman die verschiedenen Skripte miteinander verbinden, mindestens aber die Daten auf der Startseite zusammengefasst darstellen. Viele verschiedene Portalskripte bieten da ihre Funktion an, dabei ich das gar nicht so kompliziert.</p>
<p><span id="more-155"></span></p>
<p>Auf der index.php (der Startseite beim Domainaufruf) sollen nun die die neusten News aus den verschiedenen Bereichen erscheinen. Dazu könnte man nun eine Abfrage an die verschiedenen Datenbanken programmieren und dieses anzeigen. Dazu müsste man sich jedoch mit jeder der Datenbanken auseinander setzen, deren Strukturen total unterschiedlich sind. Und sollte ein Update des Skriptes veröffentlicht werden, geht nichts mehr, da die Datenbank umgestellt wurde. Der einfache Weg ist, auf eine Schnittstelle zurückzugreifen. Da bieten sich die Feeds der Skripte förmlich an.</p>
<p>Der Vorteil liegt klar auf der Hand: Man braucht nur einmal etwas einzusetzen und kann es dann für alle „internen” Feeds und auch <acronym title="Externe Feeds unterliegen meistens Urheberrechten. Bitte vor dem Einbinden von externen Feeds prüfen, ob dieses erlaubt ist." lang="de" xml:lang="de">externe Feeds</acronym> benutzen.</p>
<p>Der <a href="http://magpierss.sourceforge.net/" target="_blank">Magpie RSS &#8211; PHP RSS Parser</a> ist zwar schon etwas in die Jahre gekommen, erfüllt aber die Anforderungen vollkommen.</p>
<p>Die hier herunter geladenen Daten werden dazu in einem eigenen Unterordner &#8220;magpierss&#8221; gespeichert</p>
<p>Nun muss die index.php editiert werden, um das Skript einzubinden und die Daten auszugeben. Als erstes muss magpierss aus dieser Seitegeladen werden. Dazu muss die Datei rss_fetch.inc geladen werden. Dieses muss zwar vor dem anderen PHP Code passieren, aber nicht zwingend im Head Bereich der HTML Datei.</p>
<p>Anschließend müssen die Feeds, die genutzt werden sollen geladen werden und notfalls etwas angepasst werden.</p>
<p>In der ersten Zeile sollte die Adresse deines Feeds stehen. Hier sind z.B. aus WordPress raus auch Kategorie- Feeds möglich.</p>
<p>In der dritten Zeile wird der Feed passend zu unserer Darstellung gekürzt. Hier wird gestartet vor dem ersten Beitrag durch die 0 und inklusive des dritten durch die 3.</p>
<p>Nun liegen die Beiträge in dem Array $my_rss und müssen nur noch dargestellt werden. Dieses geschieht am besten mit einem Durchlauf durch das Array.</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>dl<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;</span>dt<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&amp;lt;?php print(<span style="color: #006699; font-weight: bold;">$url</span>); ?&amp;gt;&quot;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>dt<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>dd<span style="color: #339933;">&gt;&lt;/</span>dd<span style="color: #339933;">&gt;</span>
&nbsp;
<span style="color: #339933;">&lt;/</span>dl<span style="color: #339933;">&gt;</span></pre></div></div>

<p>Dafür werden für jeden Beitrag im Array der Titel, die Adresse und der Text genommen und als HTML ausgegeben. Der Titel dann als „Überschrift” mit Link gesetzt und anschließend die Beschreibungangezeigt. Die entsprechende Definition (dt und dd) brauch ich an dieser Stelle nicht zu erklären.</p>
<p>Das Teilskript ab dem Einladen des Feeds bis zur Ausgabe kann nun beliebig oft mit verschiedenen Feeds wiederholt werden. So kann hier z.B. der Feed der Galerie und des Forums zusätzlich genutzt werden oderdas ganze ein bisschen modifiziert werden:</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>dl<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>dt<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&amp;lt;?php print(<span style="color: #006699; font-weight: bold;">$url</span>); ?&amp;gt;&quot;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>dt<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>dd<span style="color: #339933;">&gt;&lt;/</span>dd<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>dl<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>hr size<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;1&quot;</span> noshade<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;noshade&quot;</span> <span style="color: #339933;">/&gt;</span>
<span style="color: #339933;">&lt;</span>div style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;float: left; position: relative; width: 50%;&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>dl<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>dt<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&amp;lt;?php print(<span style="color: #006699; font-weight: bold;">$url</span>); ?&amp;gt;&quot;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>dt<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>dl<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>div style<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;float: right; position: relative; width: 50%;&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;</span>dl<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>dt<span style="color: #339933;">&gt;&lt;</span>a href<span style="color: #339933;">=</span><span style="color: #0000ff;">&quot;&amp;lt;?php print(<span style="color: #006699; font-weight: bold;">$url</span>); ?&amp;gt;&quot;</span><span style="color: #339933;">&gt;&lt;/</span>a<span style="color: #339933;">&gt;&lt;/</span>dt<span style="color: #339933;">&gt;</span>
  <span style="color: #339933;">&lt;</span>dd<span style="color: #339933;">&gt;&lt;/</span>dd<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>dl<span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>div<span style="color: #339933;">&gt;</span></pre></div></div>

]]></content:encoded>
			<wfw:commentRss>http://letstalkaboutwebdesign.de/allgemein/rss-feeds-mit-magpie-rss-in-die-eigene-seite-einbinden/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

