WebDesign als Audio – Der WebDesign Coach Podcast

Heute möchte ich dir gerne mein neuestes Projekt, meinen Podcast vorstellen. Jetzt kannst du nicht nur meine Beiträge lesen oder Videos sehen und hören, sondern dir auch WebDesign in Audio Form erklären lassen.

Vor etwas mehr als 2 Wochen ging mein Podcast on Air und hilft dir bei der Erstellung eines gelungen Webauftrittes. Was dich dort erwartet und wie du diesen findest, dass habe ich dir in diesem Beitrag kurz zusammengefasst.

(mehr …)

Kategorien: Mobile Business, Mobile Marketing, Podcast, Web, Web Business, Web Design und Web Marketing.

Der Adobe MUSE CSS Hack

Normalerweise ist es in Adobe Muse nicht möglich Elemente mit eigenen CSS Regeln zu formatieren. In diesem Artikel möchte ich dir zeigen, dass es sehr wohl möglich ist Elementen in Adobe Muse CSS Regeln und sogar eigene CSS Klassen zuzuweisen.

Ich möchte dir diese Funktion an einem einfachen Beispiel zeigen. Im Prinzip funktioniert es aber bei komplexen Seiten genau so.

(mehr …)

Kategorien: Allgemein, CSS und Web Design.

Responsive Websites mit Adobe MUSE

Mit seinem letzten Update im März dieses Jahres hat Adobe wieder einiges an Muse verändert. Einer meiner Kritikpunkte an Adobe Muse CC war bisher, dass man keine echten responsive Seiten mit dem Tool erstellen konnte. Das hat sich nun geändert, denn diese schon lang vermisste Funktion wurde endlich eingebaut. Adobe geht bei der Implementierung noch einen Schritt weiter, denn Adobe hat es bei einem Vortrag einmal so nett als visual responsive Design bezeichnet. 

Wie alles andere bei Muse, kann man sein responsive Layout völlig befreit von irgendwelchen Grid Systemen einfach mit Drag and Drop erstellen.

Wie gut das ganze funktioniert und ob es praktisch brauchbar ist, habe ich mir angesehen und in diesem Artikel zusammen gefasst. Leider ist nicht alles Gold was glänzt und daher werden in diesem Artikel auch ein wenig die Einschränkungen und Nachteile beleuchtet.

(mehr …)

Kategorien: Allgemein, Tutorials und Web Design.

CSS px / em Konverter

Du weißt nicht so richtig, wie du Pixel in EM umrechnest oder du willst dir die Arbeit des Umrechnens vereinfachen. Dann ist der PX / EM Konverter hier das Richtige für dich.

(mehr …)

Kategorien: CSS und Web Design.

Die Qual der Wahl mit den CSS Einheiten px vs. em vs. %

Eine Frage, die oft gestellt wird, wenn man mit CSS arbeitet ist die Wahl der richtigen CSS Einheit bei den Größenangaben. Es gibt hier px, cm, %, em, rem,ex und viele mehr. Was haben diese  CSS Einheiten zu bedeuten und wann verwendet man diese? Diese Frage betrifft nicht nur User, die direkt CSS Code schreiben, sondern auch Anwender von Visual Tools wie Dreamweaver & Co. In diesem Artikel möchte ich diese Fragen klären.

(mehr …)

Kategorien: CSS, Web und Web Design.

10 Quellen mit freien Bildern für Deine Website und worauf Du beim Einsatz achten solltest

Sicher ist es dir auch schon manchmal so gegangen, dass du für dein Website Projekt oder deinen Blog ein Bild benötigst und dann nicht genau weisst wo du es am besten herbekommst. Die Sache wird vor allem dann schwierig, wenn du nicht viel Geld ausgeben und keine rechtlichen Probleme bekommen willst. Mit der Google Bilder Suche, gibt zwar eine rasche und einfache Möglichkeit Bilder zu einem Thema im Internet zu finden. Von der Verwendung ist aber im Allgemeinen eher abzuraten. Du kannst in 99% der Fälle davon ausgehen, dass damit sicher rechtliche Probleme vorprogrammiert sind.

In diesem Artikel möchte ich dir verraten, wo du Bilder bekommst, die kostenlos und rechtlich problemlos eingesetzt werden können. Ich werde dir aber nicht nur mögliche Quellen nennen, sondern dir auch verraten, worauf du beim Einsatz von Bildern aus dem Netz achten musst. Als Bonus verrate ich dir auch noch, wie du mit Suchfunktionen Bilder im Netz findest, sogar mit Google und das rechtssicher.

(mehr …)

Kategorien: Web, Web Business und Web Design.

Adobe Muse als CMS verwenden

Adobe Muse ist eigentlich nicht ideal dafür geeignet um Templates für Content Management Systeme zu erstellen. Mit dem Business Catalayst Hosting von Adobe kann man seine Muse Seiten Online editieren. Doch die wenigsten wissen, dass diese Funktion mit jedem Web Host funktioniert, sofern man einen FTP Zugang hat um seine Seiten hochzuladen. Wie das genau funktioniert erkläre ich euch in diesem Artikel.

Mit Muse ist es recht einfach ohne HTML und CSS Wissen eine attraktive Website zu erstellen. Muse selbst habe ich schon in meinem Artikel – Adobe Muse – eine Alternative zu Dreamweaver? – vorgestellt. Aber wie sieht es mit der laufenden Wartung von Inhalten aus? Benötige ich dazu immer Adobe Muse, können meine Kunden Inhalte selbst ändern? Die Antwort darauf ist – man benötigt kein Muse um Inhalte zu ändern. Alles geht einfach über eine Weboberfläche.

Ich zeige euch in diesem Beitrag in 5 Schritten, wie man beginnend bei der Erstellung bis zur Synchronisierung der Online und Offline Inhalte Muse als CMS verwenden kann.

(mehr …)

Kategorien: Allgemein und Web Design.

Adobe Muse – eine Alternative zu Dreamweaver?

In den letzten Blogbeiträgen habe ich einiges zu Dreamweaver geschrieben, vor allem, wie man mit der neuesten Version von Dreamweaver einfach responsive Websites erstellen kann. Adobe hat aber noch weitere Produkte im Programm um Webseiten zu erstellen. Eines dieser Produkte ist Adobe Muse. Was aber kann dieses Produkt und wie unterscheidet es sich von Dreamweaver.

Einer der wesentlichsten Unterschiede ist, dass Muse ist im Gegensatz zu Dreamweaver ein echtes WYSIWYG Tool ist, bei dem man seine Website mit Drag an Drop zusammen bauen kann. Man hat dabei keinerlei Berührung mit HTML, CSS und Java Script. Ist ein solches Tool aber wirklich für den praktischen Einsatz brauchbar und wie sieht es hier mit der Unterstützung mobiler Geräte aus? Diese Fragen werde ich in diesem Artikel beantworten.

(mehr …)

Kategorien: Web Design.

Responsive Design mit Dreamweaver CC 2015 und Bootstrap Tutorials – Teil 3 und 4

Vor einigen Tagen habe ich den ersten und zweiten Teil meiner neuen Tutorial Serie „Responsive Design mit Dreamweaver CC 2015 und Bootstrap“ online gestellt. Jetzt ist es soweit – die Teile 3 und 4 sind ebenfalls online. Da Adobe bei der Erstellung von responsive Websites auf das Framework Bootstrap umgestellt hat, hat sich bei der Erstellung einer responsive Site doch einiges – zum Glück zum Vorteil verändert. Die Tutorial Serie zeigt Schritt für Schritt, wie man dabei vorgeht. In den Teilen eins und zwei wurden die Grundlagen erklärt und das Basis Gridsystem in Dreamweaver erstellt. In den Teilen drei und vier geht es um die Inhalte, im speziellen um das Einfügen verschiedenster Elemente und das anschliessende Formatieren.

(mehr …)

Kategorien: Allgemein, Trainings, Tutorials und Web Design.

Responsive Design mit Dreamweaver CC 2015 und Bootstrap Tutorials – Teil 1 und 2

In meinem Artikel „Warum du mit Dreamweaver CC jetzt endlich rasch und einfach responsive Websites erstellen kannst“ habe ich die Neuerungen von Dreamweaver bei der Erstellung von responsive Websites vorgestellt. Jetzt gibt es die versprochenen Tutorials. Im ersten Teil stelle ich vor, wie responsive Gridsysteme arbeiten und wie Bootstrap bei der Erstellung von Gridsystemen funktioniert. Im zweiten Teil zeige ich dann, wie man dieses Gridsystem praktisch mit Dreamweaver erstellt und an die unterschiedlichen Device Größen anpasst.

(mehr …)

Kategorien: Trainings, Tutorials und Web Design.