<?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>progtw-blog &#187; HTML</title>
	<atom:link href="http://progtw.de/blog/category/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://progtw.de/blog</link>
	<description>Alles was die Welt nicht interessiert</description>
	<lastBuildDate>Tue, 20 Mar 2012 06:33:19 +0000</lastBuildDate>
	<language>de-de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
		<item>
		<title>Selfhtml jetzt auch mit jQuery-Browser</title>
		<link>http://progtw.de/blog/selfhtml-jetzt-auch-mit-jquery-browser/</link>
		<comments>http://progtw.de/blog/selfhtml-jetzt-auch-mit-jquery-browser/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 16:01:02 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Sonstiges]]></category>

		<guid isPermaLink="false">http://progtw.de/blog/?p=127</guid>
		<description><![CDATA[Selfhtml ist neuerdings auch mit einer Art Browser zu lesen. Das Teil nennt sich Visual SELFHTML. Macht sich eigentlich recht gut zum schnellen Suchen. Zumindest wenn man mal schnell nach einer speziellen Javascript-Funktion, Html-Tag, CSS-Syntax usw. sucht. Klar gibts da auch andere schöne Verzeichnisse, doch wer (wie ich) mit Selfhtml &#8220;aufgewachsen&#8221; ist, wird sich vielleicht [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://aktuell.de.selfhtml.org/">Selfhtml</a> ist neuerdings auch mit einer Art Browser zu lesen. Das Teil nennt sich <a href="http://visualselfhtml.org/">Visual SELFHTML</a>.</p>
<p>Macht sich eigentlich recht gut zum schnellen Suchen. Zumindest wenn man mal schnell nach einer speziellen Javascript-Funktion, Html-Tag, CSS-Syntax usw. sucht. Klar gibts da auch andere schöne Verzeichnisse, doch wer (wie ich) mit Selfhtml &#8220;aufgewachsen&#8221; ist, wird sich vielleicht über Visual SELFHTML freuen.</p>
<p>Technisch beruht Visual SELFHTML auf den <a href="http://api.jquery.com/">jQuery API Browser</a> und <a href="http://www.visualjquery.com/">Visual jQuery</a> (und natürlich auf selfhtml selbst <img src='http://progtw.de/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> ).</p>
<p>Man kann das auch nochmal besser im <a href="http://aktuell.de.selfhtml.org/weblog/visual-selfhtml-browser">Blog von Selfhtml</a> nachlesen.</p>
]]></content:encoded>
			<wfw:commentRss>http://progtw.de/blog/selfhtml-jetzt-auch-mit-jquery-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TIM BERNERS LEE &#8211; Vision eines Web&#8217;s mit offenen verlinkten Daten</title>
		<link>http://progtw.de/blog/tim-berners-lee-vision-eines-webs-mit-offenen-verlinkten-daten/</link>
		<comments>http://progtw.de/blog/tim-berners-lee-vision-eines-webs-mit-offenen-verlinkten-daten/#comments</comments>
		<pubDate>Wed, 18 Mar 2009 19:16:43 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Sonstiges]]></category>

		<guid isPermaLink="false">http://progtw.de/blog/?p=65</guid>
		<description><![CDATA[]]></description>
			<content:encoded><![CDATA[<p><object width="446" height="326" data="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent" /><param name="bgColor" value="#ffffff" /><param name="flashvars" value="vu=http://video.ted.com/talks/embed/TimBerners-Lee_2009-embed_high.flv&amp;su=http://images.ted.com/images/ted/tedindex/embed-posters/TimBerners-Lee-2009.embed_thumbnail.jpg&amp;vw=432&amp;vh=240&amp;ap=0&amp;ti=484" /><param name="src" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" /><param name="bgcolor" value="#ffffff" /><param name="allowfullscreen" value="true" /></object></p>
<p><span id="more-65"></span></p>
]]></content:encoded>
			<wfw:commentRss>http://progtw.de/blog/tim-berners-lee-vision-eines-webs-mit-offenen-verlinkten-daten/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Google Maps Tutorial</title>
		<link>http://progtw.de/blog/google-maps-tutorial/</link>
		<comments>http://progtw.de/blog/google-maps-tutorial/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 09:53:30 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tipps & Tools]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[eigene Website]]></category>
		<category><![CDATA[Google Maps]]></category>
		<category><![CDATA[Skripte]]></category>
		<category><![CDATA[tipps]]></category>

		<guid isPermaLink="false">http://progtw.de/blog/?p=56</guid>
		<description><![CDATA[Ich hab mal den Versuch gemacht, ein Tutorial zu schreiben. Hier ist das Ergebnis Oder im Folgenden untergliedert in 5 Punkte: Google Maps Grundlagen Eine Karte von Google Maps generieren lassen und auf der eigenen Website einzubinden ist kinderleicht. Eine Google Maps nach eigenen Ansprüchen mit Hilfe der Google-Maps-API zu erstellen, ist jedoch weitaus eleganter [...]]]></description>
			<content:encoded><![CDATA[<p>Ich hab mal den Versuch gemacht, ein Tutorial zu schreiben. <a title="Google Maps Tutorial von Thomas Weise" href="http://progtw.de/website/twGmap">Hier ist das Ergebnis</a></p>
<p>Oder im Folgenden untergliedert in 5 Punkte:<span id="more-56"></span></p>
<ul>
<li><a title="Google Maps Tutorial von Thomas Weise, Teil 1 - Grundlagen" href="http://progtw.de/website/twGmap-Google-Maps-Tutorial-01-Grundlagen" target="_self">Google Maps Grundlagen</a><br />
Eine Karte von Google Maps generieren lassen und auf der eigenen Website einzubinden ist kinderleicht.  		Eine Google Maps nach eigenen Ansprüchen mit Hilfe der Google-Maps-API zu erstellen,  		ist jedoch weitaus eleganter und ermöglicht erst die Verwendung zusätzlicher Features.</li>
<li><a href="http://progtw.de/website/twGmap-Google-Maps-Tutorial-02-Sidebar" target="_self">Google Maps mit Sidebar<br />
</a>Auf kleinen Firmen-Websites macht es sich immer gut, seinen Firmen-Standort<br />
mit Hilfe einer Landkarte abzubilden. Um Ihren Website-Besuchern eine schnelle,<br />
unkomplizierte Methode anzubieten, verschiedene Anfahrtsstrecken zu generieren,<br />
lesen Sie diesen Artikel.</li>
<li><a href="http://progtw.de/website/twGmap-Google-Maps-Tutorial-03-Directions" target="_self">Google Maps mit Straßenverbindungen<br />
</a>Wenn viele Marker auf einer Google Map abgebildet werden, findet sich der User<br />
manchmal nur schwer zurecht. Eine Übersicht muss her. Wir zeigen ein Beispiel,<br />
wie man die Marker in einer Sidebar einbinden kann.</li>
<li><a href="http://progtw.de/website/twGmap-Google-Maps-Tutorial-04-Infofenster" target="_self">Google Maps mit eigenem Infofenster<br />
</a>Beim Klick auf einen Marker einer jeden Google Map<br />
erscheint immer ein von Google generiertes Infofenster<br />
mit dem von Ihnen eingefügten Inhalt.<br />
Bauen Sie doch einfach Ihr eigenes Infofenster!</li>
<li><a href="http://progtw.de/website/twGmap-Google-Maps-Tutorial-05-Quellensammlung" target="_self">Quellensammlung zu Google Maps<br />
</a>Nachdem an dieser Stelle schon einige grundlegende Techniken in Bezug auf Google Maps vorgestellt wurden, folgt hier eine dicke Portion Links und Quellen für alle, die sich eingehender mit der Materie beschäftigen möchten.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://progtw.de/blog/google-maps-tutorial/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Geo Tags &#8211; Nutzen für SEO?</title>
		<link>http://progtw.de/blog/geo-tags-nutzen-fuer-seo/</link>
		<comments>http://progtw.de/blog/geo-tags-nutzen-fuer-seo/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 10:52:31 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[eigene Website]]></category>

		<guid isPermaLink="false">http://progtw.de/blog/?p=53</guid>
		<description><![CDATA[Ob Geo Tags einen Nutzen für die  allgemeine Suchmaschinenoptimierung (SEO) bringen oder nicht, das wird wohl erst die Zukunft zeigen. Einen Nutzen für lokale Suchen bringt sie allemal. Geo Tags werden genau wie &#8220;ganz normale&#8221; Meta-Tags in den head-Bereich von Webseiten eingefügt. Sie enthalten räumliche Informationen über den Standort des Betreibers dieser Website, wie Land, [...]]]></description>
			<content:encoded><![CDATA[<p>Ob <a title="Geo-Tag auf Wikipedia" href="http://de.wikipedia.org/wiki/Geo-Tag"><strong>Geo Tags</strong></a> einen Nutzen für die  allgemeine Suchmaschinenoptimierung (SEO) bringen oder nicht, das wird wohl erst die Zukunft zeigen. Einen Nutzen für <strong>lokale Suchen</strong> bringt sie allemal. <span id="more-53"></span>Geo Tags werden genau wie &#8220;ganz normale&#8221; Meta-Tags in den head-Bereich von Webseiten eingefügt. Sie enthalten räumliche Informationen über den Standort des Betreibers dieser Website, wie Land, Bundesland, Stadt usw.</p>
<p>Folgendes Beispiel <em>(die letzten zwei Tags sind optional)</em></p>
<ul>
<li><span class="text">&lt;meta name=&#8221;geo.region&#8221; content=&#8221;DE-SN&#8221; /&gt;</span></li>
<li><span class="text">&lt;meta name=&#8221;geo.placename&#8221; content=&#8221;dresden&#8221; /&gt;</span></li>
<li><span class="text">&lt;meta name=&#8221;geo.position&#8221; content=&#8221;51.03983;13.748498&#8243; /&gt;</span></li>
<li><span class="text">&lt;meta name=&#8221;ICBM&#8221; content=&#8221;51.03983,13.748498&#8243; /&gt;</span></li>
<li><span class="text">&lt;meta name=&#8221;DC.title&#8221; content=&#8221;SG Dynamo Dresden&#8221; /&gt;</span></li>
</ul>
<p><span class="text">Die erste Zeile steht für Land und Bundesland, die zweite für die Stadt und die dritte enthält Breiten- und Längengrade. Die beiden letzten Geo Tags werden nur von einigen Diensten genutzt (historisch bedingt).</span></p>
<p>Man kann sich seine Geo Tags auch generieren lassen, beispielsweise <a title="Geo Tag - Generator" href="http://www.geo-tag.de/generator/de.html">hier</a> oder <a title="eigene Geo Tags generieren lassen" href="http://tools.themenrelevant.de/">hier</a>.</p>
<p>Wer sicher gehen möchte, dass die eigenen Geo Tags auch okay sind, kann dies <a title="Geo Tags validieren lassen" href="http://www.geo-tag.de/validator/en.php">hier</a> mit einem Validator überprüfen lassen.</p>
<p>Wenn man nun diese Geo Tags im head-Bereich seiner Webseiten eingefügt hat, dann sollte man auch noch diverse Dienste davon informieren, sich also dort eintragen. Welche dieser Dienste am Ende mal &#8220;das Rennen machen&#8221;, ist natürlich ungewiss. Derzeit kommt man am Besten, seine Website bei <a title="Website bei geourl.org anmelden" href="http://geourl.org/add.html">geourl.org</a> , und wenn es sich um ein Blog handelt, bei <a title="Blog bei feedmap.net anmelden" href="http://www.feedmap.net/submit/">feedmap.net</a> einzutragen. Dort kann man sich dann nach der Anmeldung auch die Websites bzw. Blogs in seiner Umgebung anzeigen lassen. Wer es möchte, lässt sich dort auch gleich ein paar Zeilen Quellcode generieren, um einen Link zu den Diensten auf der eigenen Website einzubauen.</p>
]]></content:encoded>
			<wfw:commentRss>http://progtw.de/blog/geo-tags-nutzen-fuer-seo/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Online-Validator: Hera</title>
		<link>http://progtw.de/blog/online-validator-hera/</link>
		<comments>http://progtw.de/blog/online-validator-hera/#comments</comments>
		<pubDate>Sun, 16 Sep 2007 09:24:22 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[Tipps & Tools]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Validator]]></category>

		<guid isPermaLink="false">http://progtw.de/blog/online-validator-hera/</guid>
		<description><![CDATA[Wer seine Webseiten barrierearm erstellen möchte (und das sollte doch jeder wollen ), der kommt um einen Validator-Test nicht herum. Diesen Validator-Test kann man nun direkt beim W3C, mit einem Offline-Validator zu Hause, oder mit sonst einem anderen Validator machen. Einer dieser &#8216;sonstigen Validatoren&#8217; ist Hera. Hera ist, wie ich finde recht übersichtlich und bietet [...]]]></description>
			<content:encoded><![CDATA[<p>Wer seine Webseiten barrierearm erstellen möchte (und das sollte doch jeder wollen <img src='http://progtw.de/blog/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ), der kommt um einen Validator-Test nicht herum.<span id="more-32"></span></p>
<p>Diesen Validator-Test kann man nun <a title="W3C-Online-Validator" href="http://validator.w3.org/" target="_blank">direkt beim W3C</a>, mit einem <a title="offline-Validator" href="http://www.bjoernsworld.de/html/validator-offline.html" target="_blank">Offline-Validator zu Hause</a>,  oder mit sonst einem anderen Validator machen. Einer dieser &#8216;sonstigen Validatoren&#8217; ist <a title="Hera - Online-Validator" href="http://www.sidar.org/hera/index.php.de" target="_blank">Hera</a>. Hera ist, wie ich finde recht übersichtlich und bietet darüberhinaus verschiedene Ansichtmöglichkeiten der gefundenen &#8216;Fehlerstellen&#8217;. So kann man z.B: die Seite mit farbigen Markierungen betrachten, oder sich gleich im Quelltext (ebenfalls mit Markierungen der &#8216;Fehlerstellen&#8217;) anzeigen lassen.</p>
<p>Gefunden hab ich diesen Validator im <a title="fairnet-Blog" href="http://www.fairnet-blog.de/vorstellung-des-onlinevalidators-hera-31-08-2007" target="_blank">Blog von fairnet</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://progtw.de/blog/online-validator-hera/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

