Responsive Websites mit Adobe MUSE

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.
Schlagwörter: Muse, Responsive Webdesign, und Tools.

Mein erster eigener Online Kurs und was ich aus diesem Kurs lernte

Mein erster eigener Online Kurs und was ich aus diesem Kurs lernte

Wie vielleicht einige von euch schon mitbekommen habe, wurde Anfang des Jahres mein erster Online Kurs gelauncht oder besser gesagt gestartet. Der Weg zu diesem nun fertigen Produkt war zum Teil ein steiniger. Warum das so war und was ich daraus gelernt habe, möchte ich euch in diesem Artikel weitergeben.

Ich hoffe euch damit einen Einblick in meine Arbeit und einige interessante Infos zu geben, vor allem dann wenn ihr euch auch einmal mit dem Gedanken tragt ein digitales Produkt bzw. einen Online Kurs ins Netz zu stellen. Dieser Blogbeitrag ist übrigens im Rahmen der Blog Parade „Online Kurse“ entstanden.

(mehr …)

Kategorien: Allgemein, e-learning, Trainings, und Wissen & Lernen.

CSS px / em Konverter

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.
Schlagwörter: CSS und Tools.

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

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.
Schlagwörter: CSS, Dreamweaver, Responsive Webdesign, und Webdesign.

Online Adventskalender 2015

Online Adventskalender 2015

Es gehört fast schon zur Tradition – meine Liste aktueller Online Adventkalender. Auch dieses Jahr wird die Tradition der Adventkalender im Internet wieder fleissig gelebt. Ich habe mich im Internet umgesehen und wieder eine Liste mit den besten Online Adventkalender Angeboten zusammengestellt. 

Das Angebot reicht wieder von gratis Angebote über diverse Schnäppchen bis hin zu teilweise recht attraktiven Gewinnspielen.

(mehr …)

Kategorien: Allgemein.
Schlagwörter: Free.

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

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.
Schlagwörter: Blog, Free, Grafik, web, und Webdesign.

Adobe Muse als CMS verwenden

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.
Schlagwörter: Muse und Webdesign.

Adobe Muse – eine Alternative zu Dreamweaver?

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.
Schlagwörter: Dreamweaver, Muse, und Webdesign.

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

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.
Schlagwörter: Dreamweaver und Responsive Webdesign.

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

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.
Schlagwörter: Dreamweaver, Responsive Webdesign, und Webdesign.