WebDesign by mts

Webdesign Tutorial

Kein WebDesigner fällt vom Himmel. Unter der Überschrift WebDesign Tutorial finden Sie Tipps und Tricks und auch mal Grundsätzliches. WebDesign ist vielfältig wie das Leben. Mal ein Online Shop, mal eine Community, mal ein Web 2.0 social Media, mal einfach nur die Frage wieso die Liste dort keine Punkte hat aber die schon…

10 Spickzettel oder Cheat Sheets (9)

Cheat Sheets, Spickzettel sind Zusammenfassungen von wichtigen Sachen zu einem Thema. Gesammelte Links zu CSS, XHTML, PHP, WordPress und HTML Emails cheat sheets biete ich hier.

Free Photoshop Brushes – personal and commercial use

Es machte einfach Spaß diese Photoshop Pinsel zu erstellen. Außerdem brauche ich sowieso immer wieder jede Menge an Pinsel. Hier mehr als 45 Photoshop brushes freier Download und auch für kommerzielle Projekte nutzbar.

Top

Hacker gehen um:Sicherheitstipps für WordPress User (6)

WordPress ist beliebt und je beliebter desto gut für Hacker und deren Links zu Körperteilverlängernder Medizin. Hier einige Sicherheitstipps für WordPress User - egal ob Profi oder einfach Blogger.

Frühjahrsputz in der Datenbank- Notwendigkeit und vorhersehbares Chaos (2)

Egal welches CMS, alle haben sie Plugins, Module, Zusatzangebote. Man probiert dieses und jenes und auch das noch. Die Datenbank füllt sich mit Müll und man schleppt Altlasten herum. Frühjahrsputz in der Datenbank und die Möglichkeiten bei WordPress. Frühjahrsputz in der Datenbank und vorhersehbares Chaos.

Top

Quick Tipp: wir haben 2008- Jahreszahlen im Footer (3)

Auf vielen Websites, Blogs sieht man im Footer die Jahreszahl vor oder nach einem Copyright Zeichen. Diese sollte aktuell sein, es wirkt - leicht veraltet, wenn da immer noch 2007 oder gar 2005 steht.

Anleitung für die Print.css, denn Datei -> Drucken ist nach wie vor sehr beliebt – das Drucklayout (9)

Kunden wollen den Inhalt ausdrucken und den lesbar. Biete dies mit einer print.css. Auch ausgedruckt noch eine gute Figur machen und dem Inhalt den meisten Platz einräumen.

Top

da eine Box zum Aufklappen – dort auch eine – JS benutzerfreundlich für Mensch und Maschine – nützliche Ressourcen (2)

JS hat den Ruf benutzerunfreundlich und nicht barrierefrei zu sein. Das kann sein, aber muss nicht sein. JS Java Scripts und die usability, accessibility.

Frühjahrsputz auf WebDesign de-Datenbank entmüllt, Links überprüft, Kommentare gesäubert .. (8)

Statistiken soweit das Auge reicht, da mal ein Plugin ausprobiert dort auch. Die Datenbank füllt sich mit Dingen, die die Welt nicht braucht. Tote Links aufspüren und gewerbliche Kommentare löschen. Frühjahrsputz auf WebDesign in de.

Top

5 Counter und ihre Aussagen-Beginn eines Experimentes (6)

Es ist ja wahrlich gut für das Ego, wenn der Counter gigantische Zahlen anzeigt. Nun hier fünf Counter im Vergleich.

Nicht schon wieder ein Update bei WordPress – na dann eben Sicherheitslücken (5)

So mancher ärgert sich über die Updates bei Wordpress. Mir sind häufige Updates lieber als jede Menge Sicherheitslücken.

Top

Web 2.0 im Jahre 2007 – You control the Information Age. (11)

2007 kommt in rasenden Schritten - jetzt muss man wissen was Web 2.0 ist. Hier die ultimativen Erklärungsansätze für alle, die so wie ich das Informationszeitalter kontrollieren. Egal, ob 15,20,oder gefühlte knappe 49,99J. Web 2.0 2007.

Diskussion: statt Iframes ein Objekt einbinden (5)

Manchmal kommt man nicht umhin eine andere html Seite in die eigene einzubinden. Iframes sind eine Möglichkeit, doch ungeliebt, sind sie doch im XHTML strict Doctype nicht erwünscht. ALs object ginge dies doch. Doch auch hier gibt es Für und Wider.

Top

Website vor unliebsamen Besuchern schützen mittels htaccess (12)

Wie kann man seine Website, sein Blog, seine Homepage vor unliebsamen Besuchern schützen. Nutzt da die htaccess was und wenn wie. Hier geht es um den IP basierten Zugriffsschutz mittels htaccess.

Signatur in Deine Feeds – WordPress Plugin auf deutsch (2)

Das Sig2feed Plugin ermöglicht auf einfachen Weg eine Signatur in Deine Feeds einzubauen. Ich habe es auf Deutsch übersetzt. Hier die Anleitung.

Top

Keyword oder Suchbegriffe sinnvoll in der URL-Teil 3 (9)

Mod rewrite, htaccess, Session ID, Keywords- Fachbegriffe fliegen dem Webmaster um die Ohren, der doch nichts anderes mag, als in den Suchmaschinen gefunden zu werden. URL Design - Keywords in der URL einfachst erklärt und Links wo es Hilfe gibt.

Keyword oder Suchbegriffe sinnvoll unterbringen- Teil 2 (3)

Sie haben ihre Keywords oder Suchbegriffe gefunden. Die Zuteilung eines Artikels zu einer bestimmten Kategorie ist eine Möglichkeit ein Keyword unterzubringen. Die andere ist die der Kategorienbeschreibung. Die SEO Tauglichkeit von WordPress liegt im Detail.

Top

Stille meine Neugier (7)

Ich suche Interviewpartner. Stolze Blogger, die über ihr Blog erzählen wollen. Über den Alltag als Blogger. Über Frust und Lust im Leben eines Weblogs.

Links und ihre Möglichkeiten der Darstellung (10)

Links verweisen auf etwas. Ein Link kann auf ein anderes Dokument weisen. Ein anderer Link zeigt auf ein Bild. Ein dritter Link zeigt auf eine bestimmte Stelle im selben Dokument. Für SEOs sind Links Alltag. Links und ihre Gestaltungsmöglichkeiten.

Top

Abmahnung – was tun (2)

Abmahnungen sind keine Seltenheit mehr. Von einer Abmahnung kann jeder betroffen sein. Information was bei einer Abmahnung alles beachtet werden soll gibt es.

Keyword oder Suchbegriffe sinnvoll im Text unterbringen (9)

Sie haben ihre wichtigen Keywords oder Suchbegriffe gefunden. Sie möchten diese Keywords oft im Text unterbringen ohne einfach Keyword an Keyword zu reihen. WordPress zeigt auch hier seine SEO Tauglichkeit.

Top

Photoshop Spielereien mit einer Amaryllis Knospe (1)

Amaryllis Knospe und Spielereien mit Photoshop Filtern. Verflüssigen und Farbkorrekturen kamen zum Einsatz. Fotoshop - danach suchen viele, besser ist Photoshop.

Skip to – Sprungmarken ins kalte Wasser

Skip to Links - also Links, die auf ein Ziel in bereits geöffneten Seite verweisen, sind gerade bei flexiblen oder fluiden Layouts sehr oft anzutreffen. Wann sind diese Sprungmarken/ Ankerlinks der Sprung ins kalte Wasser für den Benutzer. Wie werden sie zu hilfreichen Navigation.

Top

Fotoalbum

Ich fand eine Bildergallerie mit der ich all meine Fotoalben zeigen kann. Louise Dade entwickelte sie und mich faszinierte die Benutzerfreundlichkeit und der Webstandard dieser 'Classic Gallery'.

Quellcode strukturieren-Traffic sparen (8)

Wie behält man die Übersicht im Quellcode oder sourcecode. Quellcode strukturieren und dennoch Traffic sparen.

Top

Orientierung unter der Haube-Screenreader im Quellcode

Cascading Style Sheets ermöglichen den Inhalt vor der Navigation anzuzeigen. Wie finden sich Screen Reader damit zurecht und sind sogenannte Sprunglinks wirklich hilfreich.

abbr und die Barrierefreiheit

Für Abkürzungen gibt es das Element abbr. Textbrowser, der Internet Explorer und Internetuser mit motorischen Problemen haben Probleme damit. Lösung gibt es keine, aber einiges zum Nachdenken.

Top

abbr für den IE (10)

Sowohl abbr wie akronym erklären Abkürzungen im Text. Der IE kann abbr noch nicht, nur das veraltete akronym. Hier ein Workaround für alle, die korrekts HTML verwenden wollen.

WP2.0 Plugin:Related Post Links auf Deutsch (17)

Terong hat sein Plugin für WordPress 2.0 angepasst. Hier die deutsche Übersetzung.

Top

Sprache HTML und XHTML

Wir verwenden oft Fremdsprachen in unseren Texten. Wie kann man dies hörenden Benutzern mitteilen.

Traffic (2)

Was bedeutet Traffic im Internet? Wie kann man diesen einsparen und so Traffic Kosten minimieren. Was ist Traffic Klau? Definition von Traffic.

Top

Doppelter Content-Definition-Schaden (17)

Suchmaschinenoptimierung und Doppelter Content [DC] werden fast immer gleichzeitig genannt. Was man unter doppelten Content versteht und welchen Schaden er anrichten kann wird hier erklärt.

Tabellen zum Hören BITV Praxis (5)

Daten in Tabellen sind leicht zu sehen. Daten richtig zurodnen können in Tabellen, wenn man nur hört ist eine Herausforderung. HTML bietet alles was man braucht, um dies zu meisten. Barrierefreie Tabellen laut BITV sind machbar.

Top

Tabelle für tabellarische Daten laut BITV (1)

Tabellen dienen der Darstellung tabellarischer Daten. Die gezeigte Tabelle entspricht der BITVerordnung und gilt somit als barrierefreie Tabelle.

Permalinkstruktur – Artikeltitel -statische Seiten-Error 404

Eine eigene Error 404 Seite ist wunderbar. Eine eigene Error 404 Seite brachte mir mehr als eine Stunde Arbeit. Error 404 und wie man auf seine Titeln in Artikeln aufpassen sollte.

Top

Navigation Links dem Gehirn zuliebe (7)

Die Navigation, der wichtigste Teil einer Website. Links, weil das Gehirn kreuz denkt oder ist dies quer gedacht.

Bilder und der Internet Explorer (56)

Warum werden Bilder im Internet Explorer (IE) nicht angezeigt? Dies bringt mehr als einen Webmaster zum Verzweifeln. Eine Liste all der Fehlerquellen, die ich kenne und Lösungen biete ich hier.

Top

Etracker II (1)

Etracker nimmt Stellung. Ein tagesaktuelles Thema und die Reaktionen der damals Beteiligten.

Etracker hijackte Domains meta refresh – Umleitungen (5)

Etracker hijackt andere Domains, da sie meta refresh nutzen. So lautete eine Schlagzeile. Was ist Hijacking, was sind gute und schlechte Umleitungen von einer Seite zur anderen.

Top

Arbeitsablauf im WebDesign (15)

Arbeitsablauf im WebDesign. Wie beginne ich mein Pflichtenheft für das Webdesign Projekt XY abzuarbeiten. Ein Praxisbeispiel.

Email to a Friend

Email to a friend bietet die Möglichkeit einen Artikel an einen Freund zu senden.

Top

RSS Feed Atom Feed und WP (2)

WordPress bietet RSS Feeds und Atom Feeds an. Jedoch ohne Anleitung und zumeist nicht valide. Dies bedeutet, dass die Feeds entweder unleserlich sind oder Pingen nicht funktioniert.

onclick onkeypress Header verlinken (22)

Mit onclick ist ein Header Bild verlinkbar. Bitte nutzt auch onkeypress und cursor pointer gehört in die style.css. WordPress Header Bild mit der Blogurl verlinken.

Top

Website erstellen (43)

Praxistipps wie Sie ihre Website erstellen können.Ein Website erstellen Tutorial zum Mitmachen ohne Vorwissen und alles stets aktuell.

Bild mit Untertitel. (8)

Praktische Beispiele, um Bilder accessibility, also zugänglich für 'Alle' zu machen. Bild mit Untertitel hilft Menschen und der Maschine. So werden auch Bilder suchmaschinenfreundlich.

Top

barrierefreies Webdesign (2)

Wie wird eine vorhandene Software wie WordPress barrierefrei. Barrierefreies WebDesign in der Praxis.

RSS Feed (8)

Was ist ein RSS Feed? RSS Reader und RSS Feed erstellen.

Top

Error 404 (10)

Error 404 - eigene Fehler Seite erstellen, um die Besucher auf der Website zu behalten. Die eigene 404 Seite kann ruhig sehr kreativ sein, doch Information sollte dennoch da sein.

SEO verschiedene title tags in WP (3)

SEO bedeutet Suchmaschinenoptimierung: verschiedene title tags in WordPress.

Top

Links im neuen Fenster (1)

Bieten Sie ihren Kunden Mehrwert und verjagen Sie diese nicht mit Links, die sich im neuen Fenster öffnen. Eine wichtige Regel im barrierefreien Webdesign, das somit neue Kunden bringt.

Trackback Design Probleme und eine Lösung (7)

Trackback Design Probleme und eine Lösung. Pre Tag mit overflow auto.

Top

Domain Namen

Domain Namen und ihr Einfluss bei Suchmaschinen. Hat der Name der Domain auf die Suchergebnisse bei den Suchmaschinen.

Favicon

Was ist ein Favicon. Wofür ist so ein Favicon gut und was macht der IE 5 mit diesem Favicon.

Top

She is blind – not silly (2)

Suchmaschinen sind wichtig und sie sind blind. Barrierefreies Webdesign ist Suchmaschinenoptimierung. Hier lesen Sie wie das geht.

Typografie (4)

Typografie und was Sie beachten können, damit ihre Website leicht lesbar und somit eher eine barrierefreie Website wird.

Top

eigene Domain

"Domain" bedeutet auch "Herrschaftsbereich". Im Internet ist es schlicht Ihre Adresse- nicht mehr aber auch keinen Deut weniger!

5 Tipps damit der Plan eine Homepage zu erstellen auch wirklich gelingt (19)

Sie möchten eine Homepage erstellen. Planung beginnt mit der Idee. Hier finden Sie 5 Tipps, die Sie bei ihren Vorhaben unterstützen. Viel Spaß beim:Homepage erstellen.

Top

Management auf Zeit

Management auf Zeit.Tipps und Tricks für ihre Website.