<?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>Weblog für Webdesigner &#187; Webprogrammierung</title>
	<atom:link href="http://www.janik.cc/webdesigner-blog/category/webprogrammierung/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.janik.cc/webdesigner-blog</link>
	<description>Blog mit Themen für Webdesigner</description>
	<lastBuildDate>Sun, 08 Jan 2012 14:40:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Namo WebEditor: Eine gute WYSIWYG-Alternative zu Adobes Dreamweaver oder Microsofts Frontpage bzw. dem Nachfolger Expression Web</title>
		<link>http://www.janik.cc/webdesigner-blog/2011/12/namo-weditor-alternative-dreamweaver-frontpage/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2011/12/namo-weditor-alternative-dreamweaver-frontpage/#comments</comments>
		<pubDate>Fri, 23 Dec 2011 21:08:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Expression web]]></category>
		<category><![CDATA[Homepageerstellung]]></category>
		<category><![CDATA[Html-Editor]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[webeditor]]></category>
		<category><![CDATA[Webseitenbearbeitung]]></category>
		<category><![CDATA[Webseitenerstellung]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=1110</guid>
		<description><![CDATA[Der Namo Webeditor ist Anfang Dezember als deutsche Version 9 erschienen und ich hatte mal kurz die Zeit, mir diesen kostengünstigen WebEditor näher anzusehen. Was ich sah, hat mich mehr als begeistert! Es ist wirklich eine günstige Alternative zu Adobe Dreamweaver, Microsoft Frontpage bzw. dem Nachfolger Expression Web oder anderen Homepageerstellungstools.  Gerade der Preis von [...]]]></description>
			<content:encoded><![CDATA[<p>Der Namo Webeditor ist Anfang Dezember als deutsche Version 9 erschienen und ich hatte mal kurz die Zeit, mir diesen kostengünstigen WebEditor näher anzusehen.</p>
<p>Was ich sah, hat mich mehr als begeistert! Es ist wirklich eine günstige Alternative zu <a title="Adobe Dreamweaver" href="http://www.adobe.com/de/products/dreamweaver.html">Adobe Dreamweaver</a>, Microsoft Frontpage bzw. dem Nachfolger <a href="http://www.microsoft.com/germany/expression/products/web_overview.aspx">Expression Web</a> oder anderen Homepageerstellungstools.  Gerade der Preis von unter 100 Euro ist wirklich beeindruckend.</p>
<p><img class="alignnone size-full wp-image-1111" title="dreamweaver-alternative" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2011/12/dreamweaver-alternative.jpg" alt="Dreamweaver Frontpage Expression Web Alternative" width="450" height="293" /></p>
<p><span id="more-1110"></span></p>
<p>Gerade als Webdesigner für die professionelle Homepageerstellung, benötigt man Software, die viele Hilfsmittel und Möglichkeiten bietet, aber auch nicht so aufgequollen daherkommt, dass alleine der Programmstart eine halbe Ewigkeit dauert &#8211; ganz zu schweigen von dutzenden Menüs, die einem nur Platz wegnehmen (auch wenn man sie hinzu- und wegschalten kann).</p>
<p>Die Oberfläche des Namo-Webeditors ist schön übersichtlich und einfach gehalten. Alle wichtigen Funktionen sind am richtigen Platz und es macht Spaß damit zu arbeiten. Man wird einfach nicht mit überflüssigen Funktionen überlastet und kann sich wieder auf das Wesentliche konzentrieren. Endlich wieder das alte Frontpage-Feeling!</p>
<p>Hier ein Überblick, was mir auf den ersten Blick gefallen hat:</p>
<ul>
<li>Übersichtlichkeit (Strukturierung so ähnlich wie bei Microsoft Office / Schöne Symbole / sehr Durchdacht)</li>
<li>Vorschau für alle meine installierten Browser (Chrome, Firefox, Opera und Internet Explorer), sowie auf mobilen Endgeräten (iPhone 3 / iPhone 4 / Nexus One / Droid / Galaxy S / Omnia)</li>
<li>Optional kann man einen Blogartikel erstellen und mit dem WebEditor posten.</li>
<li>Schnelles Wechseln bzw. gleichzeitiges Betrachten von verschiedenen Modi (Bearbeiten bzw. WYSIWYG-Modus / Html bzw. Quelltext-Modus / Vorschau-Modus / Vorschau-Modus für Mobiltelefone)</li>
<li>Integrierte FTP-Uploadfunktion (unterstützt Secure FTP) und auch die Möglichkeit die Dokumente direkt auf dem Server zu bearbeiten.</li>
<li>Lineal und Rasterhilfslinien</li>
<li>Gut einstellbare Tabellen</li>
<li>Einfaches und schnelles Erstellen von Bild-Rollovereffekten</li>
<li>Wechseln von Fenstergrößen z.B. auf 1024&#215;768, um sich schnell ein Bild von der Webseite bei kleineren Browserfenstern zu machen.</li>
<li>Sehr gute Hilfedatei (mit guter Sprach-Übersetzung)</li>
<li>Muss ich noch ausprobieren: Eine Zeitleiste, mit der man ggf. kleine Bewegungssequenzen direkt (ohne Flash) erstellen kann.</li>
</ul>
<p>Das Einzige, was mir so auf die Schnelle nicht so gut gefallen hat ist, dass ich sehr viel Zeit damit verbracht habe, die Einstellungen des Programms zu finden.</p>
<p>Hier ein Schaubild, wo sich die Einstellungen versteckt haben:</p>
<p><img class="alignnone size-full wp-image-1113" title="Einstellungen Namo WebEditor" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2011/12/einstellungen-namo-webeditor.jpg" alt="Einstellungen Namo WebEditor" width="450" height="502" /></p>
<p>Diese Menü klappt auf, wenn man das Logo des <a href="http://www.namo.com/">Namo WebEditors</a> anklickt. Unten rechts, befindet sich der Button für die Einstellungen.</p>
<p><strong>Fazit:</strong> Der erste Test dieses Webseiten-Bearbeitungsprogramms hat mich sehr beeindruckt. Ich finde, es ist eine sehr gute Webdesign-Lösung für Einsteiger und Semi-Professionelle, um schnell und bequem Webseiten zu erstellen. Aber auch Profis könnten die Einfachheit der Software zu schätzen wissen und werden wahrscheinlich nicht allzuviele Funktionen vermissen.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2011/12/namo-weditor-alternative-dreamweaver-frontpage/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flash einsetzten trotz iPhone, iPad etc.</title>
		<link>http://www.janik.cc/webdesigner-blog/2011/10/flash-smartphone-tablets-einsetzen/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2011/10/flash-smartphone-tablets-einsetzen/#comments</comments>
		<pubDate>Thu, 27 Oct 2011 13:35:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Flashanimationen]]></category>
		<category><![CDATA[iOs]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=1039</guid>
		<description><![CDATA[Geräte wie das iPhone und das iPad von Apple können in der Standardversion leider kein Flash abspielen. Es folgen zwei Möglichkeiten, wie man als Webdesigner Flash (swf) bei der Gestaltung einer Webseite trotzdem einsetzten kann und sich gleichzeitig um z.B. iPhone oder iPad-User weniger Sorgen machen muß. Aber als erstes möchte ich die Frage aufwerfen, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1046" title="Flash Smartphone Tablet" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2011/10/flash-smartphone-tablet1.jpg" alt="Flash Smartphone Tablet" width="377" height="415" /></p>
<p>Geräte wie das iPhone und das iPad von Apple können in der Standardversion leider kein Flash abspielen.</p>
<p>Es folgen zwei Möglichkeiten, wie man als <a title="Webdesigner" href="http://www.janik.cc">Webdesigner</a> Flash (swf) bei der Gestaltung einer Webseite trotzdem einsetzten kann und sich gleichzeitig um z.B. iPhone oder iPad-User weniger Sorgen machen muß.</p>
<p><span id="more-1039"></span></p>
<p>Aber als erstes möchte ich die Frage aufwerfen, ob man sich in Zukunft überhaupt Sorgen um diese Nischengruppe machen sollte, da ja schließlich andere mobile Anbieter (wie Googles Android) Flash beherrschen.</p>
<p>Ich persönlich denke &#8220;<strong>jain</strong>&#8220;: Es hängt stark davon ab, wie sich Apple nach dem Tod von Steve Jobs entwickeln wird.</p>
<p>In den vergangenen Monaten hat &#8220;Apples iOS Konkurrent&#8221; Android stark aufgeholt und wird es voraussichtlich weiterhin tun. Immer mehr Hersteller bieten Tablets und Smartphones mit Android an. In vielerlei Hinsicht ist Android (meiner Meinung nach) das bessere und zukunftssichere System, das günstig zu haben ist. Googles Android-OS hat diverse Vorteile (u.a. das es Flash abspielt) und wird &#8211; wahrscheinlich mit der Hilfe vieler anderer Anbieter &#8211; iPhone, iPad usw. aus dem Markt drängen, so wie es mit den Apple-Computern &#8211; nach deren Hype &#8211; in den 90igern geschehen ist. Das ist jedenfalls meine Meinung.</p>
<p>Weiterhin ist zu beachten, wie die Besucherverteilung  bzw. Besucherstatistik der eigene Webseite ist. Viele informative Webseiten werden mit ca. 1-5% von Apple iOS-Verwendern besucht. Unter informative Webseiten verstehe ich so etwas wie Reiseinformationen, Wetterseiten, Routenplaner, Videoseiten, Kochrezepte-Seiten etc.</p>
<p><strong>Die meisten Unternehmenswebseiten werden jedoch bislang von unter 1% iOS-Nutzern besucht.</strong> Im Webdesign gilt schon länger die Regel, dass man kleine Prozentzahlen ignorieren kann (z.B. wird schon seit ca. 3-5 Jahren bei den meisten Internetagenturen nicht mehr auf Monitorauflösungen von 800&#215;600 Pixel optimiert sondern auf die höhere Auflösung von 1024&#215;768 Pixel &#8211; Die Prozentzahl von Menschen welche 800&#215;600 nutzen war seit 2008 von ca. 10% abwärts auf unter 1% gerutscht (Quelle: <a href="http://www.w3schools.com/browsers/browsers_display.asp">hier</a>). Demnach könnte man momentan auch die iOS-Verwender ignorieren.</p>
<p>Nichts desto trotz, kommt man als Webdesigner nicht umhin, dass der Kunde seine neue Webseite unter Umständen auf dem iPhone oder iPad Freunden und Bekannten präsentieren möchte.</p>
<p>Jedoch dann in ganz bestimmten Fällen auf Flash zu verzichten, ist keine gute Lösung. Steve Jobs von Apple empfahl Webseitenentwicklern daher Html5 anstatt Flash einzusetzen.</p>
<p>Dies halte ich für einen extrem schlechten Rat und zwar aus folgendem Grund: Ein weitaus höherer Prozentsatz (über 10%) der Internetgemeinde  nutzt noch alte Browserversionen (Quelle für Firefox <a href="http://www.w3schools.com/browsers/browsers_firefox.asp">hier</a> und für Internet Explorer <a href="http://www.w3schools.com/browsers/browsers_explorer.asp">hier</a>) die Html5 nicht oder nur teilweise verstehen. Je älter der Browser, desto weniger Html5-Befehle werden verstanden. Html5 ist ja noch nicht offiziell herausgegeben. Fertigstellung soll erst 2014 erfolgen (Quelle <a href="http://de.wikipedia.org/wiki/HTML5">Wikipedia</a>). Einige Sachen lassen sich außerdem in Flash viel einfacher und schöner realisieren.</p>
<p>Ich rate daher jedem Webdesigner oder Internetagentur, die weiterhin Adobes Flash einsetzen möchten, einer meinen zwei Lösungsvorschläge zu beherzigen.</p>
<p>Hier die zwei Lösungswege:</p>
<p><strong>1. Div-Layer</strong> (Einfache Lösung)<br />
Man erstellt ein Div das absolut positioniert wurde und mit einem Z-index versehen ist. Darüber erstellt man auch ein Div der gleichen Größe, das genauso absolut positioniert wurde aber einen höheren Z-index hat. In das untere Div kommt ein Bild und in das obere die Flash-Datei. Der iPhone- oder der iPad-Nutzer sieht das Bild, der normale PC-Nutzer die Flashanimation. Dabei ist zu beachten, dass Navigationselemente wie z.B. ein Seitenmenü nicht in der Flashdatei hinein sollten. <span style="color: #808080;"><em>Alternativ kann man auch nur ein Div einsetzen, dort als Hintergrund das Bild nehmen und in das gleiche Div die Flashanimation einfügen. Das Hintergrundbild sollte dann die genauen Abmessungen des Div haben. Dies kann man auch mit einer Zelle einer Tabelle machen. Die Zelle hat das Hintergrundbild und in die Zelle wird die Flash-Swf eingefügt.</em></span></p>
<p>Diese Lösung habe ich z.B. hier eingesetzt: <a href="http://www.paul-eventagentur.de">Eventagentur von Gerda Paul</a></p>
<p>Diese Lösung eignet sich vor allem dann, wenn nur wenige Teile der Webseite mit Flash gemacht wurden.</p>
<p><strong>2. Umleitung per htaccess auf eine mobile Version der Webseite (schwerere Lösung)</strong></p>
<p>Diese Lösung habe ich hier eingesetzt: <a href="http://www.kfz-gutachtenzentrale.de/">KFZ-Gutachter in Hamburg</a></p>
<p>Man programmiert, wie bereits gewohnt die Flashseite. Dann macht man ein zweite Version der Webseite, die nur für Besucher gedacht ist, welche die Seite mit einem Mobiltelefon oder Tablet besuchen.</p>
<p>In der .htaccess-Datei steht Folgendes:</p>
<p>RewriteEngine ON<br />
RewriteBase /</p>
<p>RewriteCond %{HTTP_USER_AGENT} android|avantgo|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|lge\ |maemo|midp|mmp|opera\ m(ob|in)i|palm(\ os)?|phone|p(ixi|re)\/|plucker|pocket|psp|symbian|treo|up\.(browser|link)|vodafone|wap|windows\ (ce|phone)|xda|xiino [NC,OR]<br />
RewriteCond %{HTTP_USER_AGENT} ^(1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a\ wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r\ |s\ )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1\ u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp(\ i|ip)|hs\-c|ht(c(\-|\ |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac(\ |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt(\ |\/)|klon|kpt\ |kwc\-|kyo(c|k)|le(no|xi)|lg(\ g|\/(k|l|u)|50|54|e\-|e\/|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-|\ |o|v)|zz)|mt(50|p1|v\ )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v\ )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-|\ )|webc|whit|wi(g\ |nc|nw)|wmlb|wonu|x700|xda(\-|2|g)|yas\-|your|zeto|zte\-) [NC]<br />
RewriteRule ^$ http://www.xxx-beispiel-muster-seite-xxx.de/mobile-version/index.htm [R,L]</p>
<p>Die Webseite leitet in diesem Fall serverseitig auf die mobile Version um.</p>
<p>Falls jemand Verbesserungsvorschläge für diesen Code hat, kann er diesen bitte hier im Kommentar hinterlassen. Ich habe ihn auch nur im Internet gefunden. Genau wo, weiß ich auch nicht mehr.</p>
<p>Stand: Oktober 2011</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2011/10/flash-smartphone-tablets-einsetzen/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Was ist CSS? Eine einfache Definition und Erklärung für Anfänger:</title>
		<link>http://www.janik.cc/webdesigner-blog/2011/10/was-ist-css-einfache-erklarung-fur-anfanger/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2011/10/was-ist-css-einfache-erklarung-fur-anfanger/#comments</comments>
		<pubDate>Sat, 08 Oct 2011 20:14:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[CSS Was ist Cascade Style Sheet Webprogrammierung Html htm php]]></category>
		<category><![CDATA[Was ist CSS Begriffserklärung Definition]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=1017</guid>
		<description><![CDATA[Was ist eigentlich CSS? In einfachen Worten ist CSS eine Gestaltungshilfe für Webseiten. Es geht also um das Design bzw. den Stil (Form, Größe, Farbe, Positionierung etc.) und nicht um den Inhalt (worüber die Webseite informieren möchte). Beispiel: &#8220;font-size:12px;&#8221; Bedeutet, dass die Schriftgröße 12 Pixel groß sein soll (Übersetzung: &#8220;font&#8221; bedeutet Schrift und &#8220;size&#8221; bedeutet [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1019" title="Was ist CSS" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2011/10/was-ist-css.jpg" alt="Was ist CSS?" width="422" height="285" /></p>
<p><strong>Was ist eigentlich CSS?</strong> In einfachen Worten ist CSS eine Gestaltungshilfe für Webseiten.</p>
<p>Es geht also um das Design bzw. den Stil (Form, Größe, Farbe, Positionierung etc.) und nicht um den Inhalt (worüber die Webseite informieren möchte).</p>
<p>Beispiel: &#8220;font-size:12px;&#8221; Bedeutet, dass die Schriftgröße 12 Pixel groß sein soll (Übersetzung: &#8220;font&#8221; bedeutet Schrift und &#8220;size&#8221; bedeutet Größe.)</p>
<p>Alle CSS Befehle sind in Englisch geschrieben. Wer Englisch kann, ist also klar im Vorteil.</p>
<p><span id="more-1017"></span></p>
<p><strong>Zur Verdeutlichung einige wichtige Befehle:</strong></p>
<p><span style="color: #ff6600;">color</span><br />
= Farbe (z.B. rot) Anmerkung: Wenn &#8220;color&#8221; ohne Zusatz steht, dann ist die Schriftfarbe gemeint.</p>
<p><span style="color: #ff6600;">font-family</span><br />
= Schrifttyp (z.B. Arial)</p>
<p><span style="color: #ff6600;">width</span><br />
= Breite (z.B. 300 px &#8211; px ist eine Größenangabe wie z.B. cm)</p>
<p><span style="color: #ff6600;">background-color<br />
</span> = Hintergrundfarbe (z.B. pink)</p>
<p><span style="color: #ff6600;">margin</span><br />
= Außenabstand (z.B. 20 px)</p>
<p><span style="color: #ff6600;">padding</span><br />
= Innenabstand (z.B. 10 px)</p>
<p>Ein Übersicht über alle gängigen CSS-Befehle findet man <a title="CSS Befehle" href="http://www.css4you.de/">hier</a></p>
<p><strong>Hintergrund &#8211; Warum wurde CSS entwickelt?</strong><br />
CSS wurde entwickeln, um den Programmiercode einer Webseite zu vereinfachen bzw. die Arbeitsweise eines <a href="http://www.janik.cc">Webdesigners oder einer Internetagentur</a> zu erleichtern.</p>
<p>Früher war es nämlich so, dass alle Formatierungsangaben in der Webseite selbst zu jedem einzelnen Element hinzugeschrieben wurden. Hier ein Beispiel einer herkömmlichen Programmierung:</p>
<p><em><span style="color: #808080;"><em>&lt;p&gt;</em>&lt;font color=&#8221;pink&#8221;&gt;Herzlich Willkommen&lt;/font&gt;&lt;/p&gt;</span></em><br />
<em><span style="color: #808080;"><em>&lt;p&gt;</em>&lt;font color=&#8221;pink&#8221;&gt;Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.</span></em><em><span style="color: #808080;">&lt;/font</span>&gt;</em><span style="color: #808080;"><em>&lt;/p&gt;</em></span><br />
<em><span style="color: #808080;">&lt;p&gt;&lt;font color=&#8221;pink&#8221;&gt;Wir sind auch gerne telefonisch für Sie erreichbar, um </span></em><em><span style="color: #808080;">weitere Fragen zu beantworten.&lt;/font&gt;&lt;/p&gt;</span></em><br />
<em></em><em></em><br />
All dieser Code (Quelltext) nur um</p>
<p><span style="color: #808080;"><em>&#8220;Herzlich Willkommen</em></span></p>
<p><span style="color: #808080;"><em>Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.</em></span></p>
<p><span style="color: #808080;"><em>Wir sind auch gerne telefonisch für Sie erreichbar, um weitere Fragen zu beantworten.&#8221;</em></span></p>
<p>in pink zu schreiben.</p>
<p>Wie man sieht, wird bei jedem einzelne Satz die Farbe (pink) bestimmt. Das ist vor allem dann ein großer Arbeitsaufwand, wenn man per Hand programmiert.</p>
<p>Ausserdem erhöht es die Datenmenge einer Webseite, was sie länger laden läßt.</p>
<p>Dies wurde dann mit CSS eleganter gelöst:</p>
<p>Anstatt jedes Element in einer Webseite neu zu Formatieren (z.B. welche Farbe die Schrift hat), werden diese  Formatierungen (Gestaltungen) extern bestimmt und gelten dann für diese Elemente oder Bereiche immer wieder.</p>
<p>Beispiel:<br />
<em><span style="color: #808080;">body {color:pink;}</span></em><br />
und schon ist die Schrift der<strong> ganzen Webseite mit allen Unterseiten</strong> pink.<br />
Und der bereinigt Quelltext (Programmiercode) der Webseite sieht dann so aus:</p>
<p><em><span style="color: #808080;">&#8220;&lt;p&gt;Herzlich Willkommen&lt;/p&gt;</span></em><br />
<em><span style="color: #808080;">&lt;p&gt;Wir laden Sie herzlich dazu ein, unsere Webseite zu durchstöbern.</span></em><em><span style="color: #808080;">&lt;/p&gt;</span></em><br />
<em><span style="color: #808080;">&lt;p&gt;Wir sind auch gerne telefonisch für Sie erreichbar, um weitere Fragen zu </span></em><em><span style="color: #808080;">beantworten.&lt;/p&gt;</span><span style="color: #808080;">&#8220;</span></em></p>
<p>also alles viel kürzer und übersichtlicher.</p>
<p>Hinzu kommt, dass wenn man sich vertan hat und anstatt &#8220;pink&#8221; lieber &#8220;blau&#8221; haben möchte, es einmal kurz in der CSS-Datei ändert und schon ist die ganze Schrift der Webseite mit allen Unterseiten blau. Dies kann bei der Webprogrammierung sehr viel Zeit sparen.</p>
<p><strong>Hier die Vorteile von CSS in der Übersicht:</strong></p>
<ul>
<li>Die Arbeit des Webdesigners wird vereinfacht.</li>
<li>Die Webseitenprogrammierung wird übersichtlicher.</li>
<li>Ein einmal erstelltes Design kann schneller auf ein anderes Webprojekt übertragen werden.</li>
<li>Es gibt mehr Gestaltungsspielraum (z.B. kann man Grafiken mit CSS einfacher positionieren).</li>
<li>Webseiten laden schneller durch die Verwendung von CSS.</li>
<li>Fehler im Design können einfacher erkannt werden.</li>
</ul>
<p>Ich hoffe, ich habe die Frage &#8220;Was ist CSS&#8221; auch für Anfänger einfach erklärt. Falls noch Fragen offen sind, so kann hier jeder ein Kommentar hinterlassen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2011/10/was-ist-css-einfache-erklarung-fur-anfanger/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kurz vorgestellt: Siteway Webdesign aus Hamburg</title>
		<link>http://www.janik.cc/webdesigner-blog/2011/03/siteway-webdesign-hamburg/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2011/03/siteway-webdesign-hamburg/#comments</comments>
		<pubDate>Wed, 02 Mar 2011 14:51:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Hamburg]]></category>
		<category><![CDATA[Hamburger]]></category>
		<category><![CDATA[Hamburgs]]></category>
		<category><![CDATA[Internetagentur]]></category>
		<category><![CDATA[Siteway]]></category>
		<category><![CDATA[Webdesignagentur]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=782</guid>
		<description><![CDATA[Richard Albrecht ist der Gründer von Siteway Webdesign aus Hamburg. Wir kennen uns schon viele Jahre und ich möchte ihn und seine Hamburger Webdesign-Agentur kurz vorstellen. Richard und sein Team arbeiten freundlich, kompetent, unkompliziert, schnell und zuverlässig. Das hört sich jetzt an wie eine Werbespruch &#8211; bei Siteway Webdesign ist das aber so. Tugenden, die [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-790" title="iteway Webdesign" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2011/03/siteway-webdesign2.jpg" alt="Webdesign aus Hamburg" width="450" height="103" /></p>
<p>Richard Albrecht ist der Gründer von <a title="Siteway Webdesign aus Hamburg" href="http://www.siteway.de">Siteway Webdesign aus Hamburg</a>. Wir kennen uns schon viele Jahre und ich möchte ihn und seine Hamburger Webdesign-Agentur kurz vorstellen.</p>
<p><span id="more-782"></span></p>
<p>Richard und sein Team arbeiten freundlich, kompetent, unkompliziert, schnell und zuverlässig. Das hört sich jetzt an wie eine Werbespruch &#8211; bei Siteway Webdesign ist das aber so. Tugenden, die eigentlich jedes Unternehmen haben sollte aber leider nicht immer hat.</p>
<p><em>Warum Siteway Webdesign aus Hamburg?</em><br />
Gerade, wenn es um eine komplexeres Design geht, ist man bei dem Hamburger Unternehmen Siteway an der richtigen Stelle. Das Kreativ-Team rund um Richard Albrecht erarbeitet gute Ideen und ist sehr kritikfähig (sehr wichtig!).</p>
<p>Gerade, wenn es um das Endprodukt (die fertige Webseite) geht, so achtet Richard und sein Team sehr darauf, dass der Kunde tatsächlich etwas wertvolles bekommt, dass voll funktionsfähig ist und dass sich von seiner Ästhetik sehen lassen kann (Gerade wenn es um Grafikdesign geht, schwächeln viele Webprogrammierer).</p>
<p>Ich selbst empfehle den Richard, obwohl er mein Konkurrent ist, da er mir schon öfters geholfen hat und ich genau weiß, dass er einen guten Job macht. Ausserdem finde ich, dass man gute Leute immer empfehlen sollte, Konkurrenz hin oder her.</p>
<p>Sehr vorteilhaft bei Siteway Webdesign ist auch, dass die Mitarbeiter sich ständig weiterbilden, sich im Laufe der Zeit einen reichen Wissenschatz angeeignet haben und dies auch weiterhin tun werden. Gerade wenn es um Webautritte mit CMS oder Shop-Systemen geht, die einen größeren Funktionsumfang bekommen sollen, ist es ratsam sich an Richard und sein Team zu wenden. Er macht hier wirklich saubere Arbeit mit Programmier-Code, der sich sehr an den Vorgaben des <a title="Word Wide Web Consortium" href="http://de.wikipedia.org/wiki/World_Wide_Web_Consortium" target="_blank">W3C-Consortiums</a> orientiert.</p>
<p>Einen Webdesign-Profi kennzeichnet auch aus, dass er mit nahezu allen Kundenanforderungen zurecht kommt. Richard ist hier nicht nur Profi, er vermittelt auch sein Wissen an andere Webdesigner in der Branche mit <a title="Webdesign Schulungen Seminare" href="http://www.siteway.de/fakten/neuigkeiten/" target="_blank">Webdesign-Seminaren und Schulungen</a>.</p>
<p>Ein weiterer Aspekt, der Siteway auszeichnte, ist der, dass er Projekt erst abschließt, wenn der Kunde völlig zufrieden ist. Das mache ich natürlich auch, aber eben viele andere Webdesigner nicht. Hier gibt Richard ein <a title="Agentur Qualitätsversprechen" href="http://www.siteway.de/agentur/qualitaet/" target="_blank">Qualitätsversprechen</a>, dass er auch einhält. Jedenfalls habe ich noch nichts Gegenteiliges gehört.</p>
<p>Ich hoffe dieses kleine Empfehlungsschreiben kann den einen oder anderen Überzeugen, den Richard zu buchen. Ich wünsche ihm jedenfalls alles Gute für die Zukunft und weiterhin viel Erfolg.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2011/03/siteway-webdesign-hamburg/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Html 5 &#8211; Die neuen Tags &#8211; Spannend für Webdesigner und SEOs</title>
		<link>http://www.janik.cc/webdesigner-blog/2010/07/html-5-die-neuen-tags-spannend-fur-webdesigner-und-seos/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2010/07/html-5-die-neuen-tags-spannend-fur-webdesigner-und-seos/#comments</comments>
		<pubDate>Sun, 18 Jul 2010 22:06:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[elemente]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[tags]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=611</guid>
		<description><![CDATA[Die neuen Tags von Htlm 5 sind wirklich klasse. Das weltweite Standardisierungskonsortium W3C gibt auf seiner Seite einen Überblick über die Entwicklung des Html 5 Standards Hier werden auch die neuen Html 5 Tags aufgeführt, die für uns Webentwickler so wichtig sind. Hier eine kurze Zusammenfassung der wichtigsten Neuerungen: &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; &#60;article&#62; verweist auf einen externen [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-615" title="Html 5" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2010/07/html-52.jpg" alt="Html 5 Tags" width="450" height="263" /></p>
<p>Die neuen Tags von Htlm 5 sind wirklich klasse.</p>
<p>Das weltweite Standardisierungskonsortium <a title="World Wide Web Consortium" href="http://w3.org/">W3C</a> gibt auf seiner Seite einen Überblick über die <a title="Entwicklung des Html 5 Standards" href="http://dev.w3.org/html5/spec/Overview.html">Entwicklung des Html 5 Standards</a></p>
<p>Hier werden auch die neuen Html 5 Tags aufgeführt, die für uns <a title="Webentwickler" href="http://www.janik.cc">Webentwickler</a> so wichtig sind. Hier eine kurze Zusammenfassung der wichtigsten Neuerungen:<span id="more-611"></span></p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>&lt;article&gt; verweist auf einen externen Artikel<br />
&lt;audio&gt; bindet Audioelemente ein z.B. Musik<br />
&lt;canvas&gt; erlaubt mithilfe von z.B. javascript ein Zeichen-/Mal-Bereich<br />
&lt;command&gt; Gibt einen Ausführknopf an, wie z.B. einen Radiobutton, Checkbox oder normalen Knopf<br />
&lt;datalist&gt; Gibt eine Dropdownliste an<br />
&lt;details&gt; Hier kann man weiter Details zu einem bestimmten Dokument oder Teil eines Dokuments eintragen<br />
&lt;embed&gt; Definiert externen interaktiven Content oder Plugin<br />
&lt;header&gt; Gibt eine Einleitung für eine Sektion oder Seite an&lt;hgroup&gt;Gruppiert Überschriften ( H1 bis H6)<br />
&lt;footer&gt; Definiert ein Footer<br />
&lt;keygen&gt; Zeigt einen generierten Schlüssel/Passwort an<br />
&lt;marked&gt; Definiert markierten Text<br />
&lt;meter&gt; Definiert Abmessungen<br />
&lt;nav&gt;Definiert Naviagation-Links<br />
&lt;output&gt; Zeigt Ausgaben an (z.B. Ausgaben eines Skripts<br />
&lt;section&gt; Definiert eine Sektion (z.B. ein Kapitel)<br />
&lt;progress&gt; Zeigt den Fortschritt einer Aufgabe an.<br />
&lt;source&gt; Verweist auf Quellenangaben<br />
&lt;summary&gt; Wird innerhalb des Detail-Tags für einen Zusammenfassung der Detailinformationen verwendet.<br />
&lt;time&gt; definiert Zeit<br />
&lt;video&gt; definiert ein Video z.B. Movie-Clip oder Videostream.</p>
<p>Falls ich mich vertan habe oder etwas fehlt, dann bitte einfach ein Kommentar hinterlassen. Danke.</p>
<p>Weitere Quelle (engl.): <a title="Whatwg.org" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/">hier</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2010/07/html-5-die-neuen-tags-spannend-fur-webdesigner-und-seos/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>UTF-8 Zeichen-Problem z.b. ä,ü,ß usw. werden als Fragezeichen dargestellt</title>
		<link>http://www.janik.cc/webdesigner-blog/2009/08/utf-8-zeichentabelle-umwandel/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2009/08/utf-8-zeichentabelle-umwandel/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 02:44:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[charset]]></category>
		<category><![CDATA[fragezeichen]]></category>
		<category><![CDATA[umwandeln]]></category>
		<category><![CDATA[utf-8]]></category>
		<category><![CDATA[zeichen]]></category>
		<category><![CDATA[zeichentabelle]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=502</guid>
		<description><![CDATA[Falls sich mal jemand wundert, warum Äs, Üs, Ös, ßs usw. als Fragezeichen auf der Webseite dargestellt werden, dann möchte ich ihm hiermit sagen, dass nicht der richtige Zeichensatz eingestellt ist. Entweder nicht im Document (Meta-Tag: Charset) oder nicht im Server (meistens ist dies der Fall, wenn das Meta-Tag: Charset versagt bzw. nicht greift: z.B.: [...]]]></description>
			<content:encoded><![CDATA[<p>Falls sich mal jemand wundert, warum Äs, Üs, Ös, ßs usw. als Fragezeichen auf der Webseite dargestellt werden, dann möchte ich ihm hiermit sagen, dass nicht der richtige Zeichensatz eingestellt ist. Entweder nicht im Document (Meta-Tag: Charset) oder nicht im Server (meistens ist dies der Fall, wenn das Meta-Tag: Charset versagt bzw. nicht greift: z.B.:<br />
&lt;meta http-equiv=&#8221;Content-Type&#8221; content=&#8221;text/html; charset=iso-8859-1&#8243;&gt; )</p>
<p><img class="alignnone size-full wp-image-503" title="utf-8" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2009/08/utf-8.jpg" alt="utf-8" width="430" height="430" /></p>
<p>Mann sollte also das Meta Tag einfügen oder den Server anders konfigurieren.<br />
Falls man das nicht möchte, kann man zur Not die Zeichen per Hand umwandeln. Hier die UTF-8 Zeichnentabelle der wichtigsten deutschen Zeichen:</p>
<p>ä:  &amp;auml;<br />
Ä:  &amp;Auml;</p>
<p>Ö:  &amp;Ouml;<br />
ö:  &amp;ouml;</p>
<p>ß:  &amp;szlig;</p>
<p>Ü:  &amp;Uuml;<br />
ü:  &amp;uuml;</p>
<p>&#8220;:  &amp;quot;</p>
<p>&amp;:  &amp;amp;</p>
<p>§:  &amp;sect;</p>
<p>©:  &amp;copy;</p>
<p>®:  &amp;reg;</p>
<p>&gt;:  &amp;lt;</p>
<p>&lt;:  &amp;gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2009/08/utf-8-zeichentabelle-umwandel/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Seekattention-Plugin: Auf Knopfdruck Teile der Webseite hervorheben</title>
		<link>http://www.janik.cc/webdesigner-blog/2008/09/seekattention-plugin-webdesignertool-javascript/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2008/09/seekattention-plugin-webdesignertool-javascript/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 08:53:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[scripting]]></category>
		<category><![CDATA[Seekattention]]></category>
		<category><![CDATA[skript]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webdesigner]]></category>
		<category><![CDATA[Webdesignertool]]></category>
		<category><![CDATA[Webmastertool]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=249</guid>
		<description><![CDATA[Mit dem Seekattention-Plugin können Webdesigner und Webmaster teile der Webseite per Knopfdruck hervorheben. Den Effekt kennt man vielleicht vom Lightbox-Effekt, wo auf Knopfdruck ein Bild vergrößert wird und der rest der Webseite ausgeblendet wird. Mit dem Seekattention-Plugin können Textpassagen, Bilder, Links, Zellen und Eingabefelder hervorgehoben werden. Einfach Knopf drücken und schon liegt der Focus auf [...]]]></description>
			<content:encoded><![CDATA[<p>Mit dem Seekattention-Plugin können Webdesigner und Webmaster teile der Webseite per Knopfdruck hervorheben. Den Effekt kennt man vielleicht vom Lightbox-Effekt, wo auf Knopfdruck ein Bild vergrößert wird und der rest der Webseite ausgeblendet wird.</p>
<p>Mit dem Seekattention-Plugin können Textpassagen, Bilder, Links, Zellen und Eingabefelder hervorgehoben werden.</p>
<p>Einfach Knopf drücken und schon liegt der Focus auf diesen Bereichen der Webseite, wie z.B. auf einem Link.</p>
<p>Mehr über das Plugin (Demos, Download des Javascripts, Instalation etc. ) erfährt Ihr <a href="http://enhance.qd-creative.co.uk/demo/seekAttention/#demos">hier</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2008/09/seekattention-plugin-webdesignertool-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google spidert jetzt JavaScript</title>
		<link>http://www.janik.cc/webdesigner-blog/2008/08/google-spidert-jetzt-javascript/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2008/08/google-spidert-jetzt-javascript/#comments</comments>
		<pubDate>Fri, 15 Aug 2008 17:56:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Googlebot]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[spider]]></category>
		<category><![CDATA[spidern]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[Webdesigner]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=164</guid>
		<description><![CDATA[Viele unter uns Seos, Webmastern und Webdesignern haben lange darauf gewartet. Tests mehrerer SMOZ-Members haben ergeben, dass Google tatsächlich angefangen hat JavaScript zu spidern. Nachdem bekannt wurde das Flash von Google gespidert werden kann, kommt jetzt die nächste Wahnsinnsnachricht. Es bleibt abzuwarten, was weitere Test ergeben, damit jeder Webmaster, Seo und Webdesigner wissen kann, was [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-165" title="googlebot-spider-javascript" src="http://www.janik.cc/webdesigner-blog/wp-content/uploads/2008/08/googlebot-spider-javascript.jpg" alt="" width="450" height="132" /></p>
<p>Viele unter uns Seos, Webmastern und Webdesignern haben lange darauf gewartet.<br />
Tests mehrerer <a href="http://www.seomoz.org/ugc/new-reality-google-follows-links-in-javascript-4930">SMOZ-Members</a> haben ergeben, dass Google tatsächlich angefangen hat JavaScript zu spidern.</p>
<p>Nachdem bekannt wurde das <a href="http://www.janik.cc/webdesigner-blog/2008/07/flash-ist-seo/">Flash von Google gespidert</a> werden kann, kommt jetzt die nächste Wahnsinnsnachricht.</p>
<p>Es bleibt abzuwarten, was weitere Test ergeben, damit jeder Webmaster, Seo und Webdesigner wissen kann, was zu beachten ist, damit der Googlebot JavaScript am besten spidert.</p>
<p>Falls jemand JavaScript benutzt, um Google vor dem spidern abzuhalten, könnte jetzt versuchen JS in eine externe Datei zu speichern und per Robot.txt die Indexierung der externen Datei verbieten.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2008/08/google-spidert-jetzt-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Googles Matt Cutts spricht zur deutschen Seo-Community</title>
		<link>http://www.janik.cc/webdesigner-blog/2008/07/googles-matt-cutts-spricht-zur-deutschen-seo-community/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2008/07/googles-matt-cutts-spricht-zur-deutschen-seo-community/#comments</comments>
		<pubDate>Sat, 19 Jul 2008 10:00:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Interview]]></category>
		<category><![CDATA[kleine Webseiten]]></category>
		<category><![CDATA[Matt Cutts]]></category>
		<category><![CDATA[Seofirma]]></category>
		<category><![CDATA[Spam]]></category>
		<category><![CDATA[Spamreport]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Webmastertool]]></category>
		<category><![CDATA[Webseitenbetreiber]]></category>
		<category><![CDATA[Webspam]]></category>
		<category><![CDATA[youtube]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=87</guid>
		<description><![CDATA[http://www.youtube.com/watch?v=cdNG7ptsCMQ Matt Cutts ist für die meisten Seos der wichtigste Mann, den er ist der Chef, der bei Google Webspam bekämpft. Hier die wichtigen Seo-Punkte des Interviews: - Kleinere Firmen, die gerade erst starten sollten sich auf Nischen in dem Markt konzentrieren. Z.B. eine Schuhfirma kann sich auf Schuhe in Übergrößen konzentrieren. Auf dieser Basis [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.youtube.com/watch?v=cdNG7ptsCMQ">http://www.youtube.com/watch?v=cdNG7ptsCMQ</a></p>
<p>Matt Cutts ist für die meisten Seos der wichtigste Mann, den er ist der Chef, der bei Google Webspam bekämpft.</p>
<p>Hier die wichtigen Seo-Punkte des Interviews:</p>
<p>- Kleinere Firmen, die gerade erst starten sollten sich auf Nischen in dem Markt konzentrieren. Z.B. eine Schuhfirma kann sich auf Schuhe in Übergrößen konzentrieren. Auf dieser Basis kann diese dann später die Seite ausbauen.</p>
<p>- Kleine Webseiten können mit verschiedenen Versionen experimentieren, um zu sehen was besser ankommt.</p>
<p>- Webmaster sollten das Google Webmastertool verwenden um Statistiken auszuwerten, Fehler zu indentifizieren oder einen Antrag auf erneute Prüfung stellen (nachdem man Fehler beseitigt hat, die zur Abstrafung führten)</p>
<p>-  Google bewertet unterschiedliche Länder unterschiedlich. In Deutschland spielt es z.B. eine Rolle das mehrere Worte zusammengesetzt sind, die im Englischen getrennt stehen. Auch die unterschiedliche Rechtschreibung spielt eine Rolle.</p>
<p>- Google achtet verstärkt auf Spamreports<br />
<a title="Google Spam Report" href="http://www.google.com/contact/spamreport.html">http://www.google.com/contact/spamreport.html</a></p>
<p>Die andern Passagen des Interviews war eher Smalltalk und nicht so relevant für Seos und professionelle Webdesigner.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2008/07/googles-matt-cutts-spricht-zur-deutschen-seo-community/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dreamweaver CS4: Webdesigners Liebling im Anmarsch</title>
		<link>http://www.janik.cc/webdesigner-blog/2008/07/dreamweaver-cs4-webdesig/</link>
		<comments>http://www.janik.cc/webdesigner-blog/2008/07/dreamweaver-cs4-webdesig/#comments</comments>
		<pubDate>Tue, 15 Jul 2008 15:01:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Webprogrammierung]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[cs4]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Dreamweaver]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[web-authoring-tool]]></category>
		<category><![CDATA[webeditor]]></category>
		<category><![CDATA[webpageeditor]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.janik.cc/webdesigner-blog/?p=42</guid>
		<description><![CDATA[Dreamweaver CS4 steht fast in den Startlöchern.  Die Software von Adobe ist der beliebteste Webpageeditor bzw. das populärste Web-Authoring-Tool unserer Zeit. Es ist eigentlich viel mehr als ein WYSIWYG-Web-Editor, den es umfasst viele Multimediaanwendungen. Mit Dreamweaver CS4 kann man Webseiten entwerfen, erstellen und verwalten.  Webdesigner, Programmierer und Anwendungsentwickler lieben Dreamweaver. Kurzum: Die meisten Webdesignagenturen arbeiten [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Dreamweaver CS4</strong> steht fast in den Startlöchern.  Die Software von Adobe ist der beliebteste Webpageeditor bzw. <span class="general2">das populärste Web-Authoring-Tool unserer Zeit</span>. Es ist eigentlich viel mehr als ein WYSIWYG-Web-Editor, den es umfasst viele Multimediaanwendungen. Mit Dreamweaver CS4 kann man Webseiten entwerfen, erstellen und verwalten.  Webdesigner, Programmierer und Anwendungsentwickler lieben Dreamweaver. Kurzum: Die meisten Webdesignagenturen arbeiten mit Dreamweaver.</p>
<p><span id="more-42"></span></p>
<p>Dreamweaver CS4 ist im Moment noch Beta, aber die Aussichten auf eine gelungenes Projekt, das bald herauskommt, sehen nicht schlecht aus.</p>
<p>Wichtige Neuerungen im Überblick:</p>
<p>1. Mit &#8220;Live View&#8221; kann man jetzt das Webdesign unter realen Browser-Bedingungen testen.</p>
<p>2. Man kann jetzt Photoshopfiles (PSD) einbinden, um damit verlustfreies Skalieren zu ermöglichen.</p>
<p>3. Dreamweaver CS4 zeigt externe Codes (CSS, JavaScript, PHP, oder XML),  in einer Topbar, die das Dokument beeinflussen. Fehler können so schneller behoben werden.</p>
<p>4. Das Userinterface erlaubt direkten Zugriff auf  Photoshop, Illustrator und Flash.</p>
<p>5. Leichterer Export der Webseiten in gesicherte PDF-Dateien ist jetzt möglich.</p>
<p>6. Das Userinterface kann jetzt noch leichter angepasst werden.</p>
<p>7. Das Layout von Dreamweaver CS4, wurde bezüglich den anderen Softwarelösungen von Adobe, wie z.B. Adobe Photoshop angepasst.</p>
<p>8. Es gibt jetzt einen verbesserter Ajax und Javascriptsupport.</p>
<p>9. Der Umgang mit CSS ist jetzt noch verständlicher.</p>
<p>Fazit: Neuere Versionen von Dreamweaver CS4 haben sich bislang immer gelohnt, auch wenn der Preis nicht immer der Niedrigste ist.</p>
<p><a href="http://labs.adobe.com/technologies/dreamweavercs4/" target="_self">Downlaod der Betaversion von Dreamweaver CS4</a></p>
<p>Spekulationen zufolge soll die Vollversion (Fertigversion) Dreamweaver CS4 Ende dieses Jahres bzw. Anfang nächsten Jahres herauskommen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.janik.cc/webdesigner-blog/2008/07/dreamweaver-cs4-webdesig/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

