Wie ein HTML-Webdesign in ein CMS integrieren? (Screencasting)

HTML Web-Design

Ein eigenes Web-Design erstellen oder anpassen (Screencasting)
http://youtu.be/ZTy7rMHALwE

Der wichtigste Aspekt einer Website ist oft das Aussehen, also das Web-Design. Was jedoch bedeutet Web-Design genau und wie kann ein kreativer Website-Betreiber ein eigenes Web-Design entwickeln?
In diesem Screencasting zeige ich Ihnen, wie Sie prinzipiell ein eigenes Web-Design erstellen können, was Sie wissen müssen und wo Sie weiterführende Informationen finden können.

Dabei gehe ich in diesem Video nicht auf Content Management Systeme (CMS) ein, sondern erläutere den Aufbau eines Web-Templates anhand einer statischen Website. In einem anderen Video werde ich zeigen, wie Web-Templates in verschiedene CMS integriert, sprich eingebaut werden und was die Unterschiede zum statischen Design sind.

Das Video richtet sich an kreative Menschen, egal ob diese lediglich ihre eigene private Website planen oder ob sie eine geschäftliche Website ins Leben rufen möchten.
Auch wenn Sie planen als Künstler / Grafiker Web-Design für Ihre Kunden anbieten, können Sie hier einen Eindruck gewinnen, wie Sie dafür vorgehen müssten.

Gezeigt wird, wie prinzipiell ein Web-Design komplett neu, also von Null an aufgebaut werden kann, oder wie Sie ein Web-Template aus dem Internet anpassen können. Das Video geht nicht in die Details von HTML, CSS und JavaScript, sondern zeigt nur die strukturellen Zusammenhänge und die nötigen wenigen "Werkzeuge" (Software, Browser-Plugins), welche zum Analysieren und Anpassen eines Designs erforderlich sind.

Ein weiteres Screencasting (s. Link unten) von mir zeigt Ihnen, was im Bezug auf responsive Web-Design zu beachten ist. Ich empfehle Ihnen, sich auch dieses anzuschauen, bevor Sie loslegen, ein eigenes Design zu planen oder zu entwerfen.

Ein letztes drittes Video zu dieser Themenreihe wird zeigen, was die Unterschiede zwischen einem Web-Design für statische Websites und einem Web-Design für dynamische Websites von Content Management Systemen ist und wie Sie ein statisches Design in ein dynamisches umbauen können. Wie Sie die vorhandenen Web-Designs eines CMS anpassen können, ist im Prinzip wieder sehr ähnlich, wie hier im Video gezeigt, nämlich durch Anpassen der CSS-Datei(en).



Screencasing "Responsive Web-Design" :
https://www.youtube.com/watch?v=3GxAQY4iOx0

Youtube-Kanal Ralf Becker IT-Beratung:
https://www.youtube.com/channel/UCTtzapdpyCWsJFqSC2rLjHQ

HTML- Wiki
http://wiki.selfhtml.org/wiki/HTML/Dokumentstruktur_und_Aufbau

CSS - Wiki
http://wiki.selfhtml.org/wiki/CSS

JavaScript - Wiki
http://wiki.selfhtml.org/wiki/JavaScript

Link zum Wikipedia zum Thema responsive Webdesign:
http://de.wikipedia.org/wiki/Responsive_Webdesign

Link zum Überprüfen eines (responsive) Webdesigns:
http://quirktools.com/screenfly/


Über neue weitere Videos und andere Informationen aus der IT-Welt, halte ich Sie gerne über meinen Newsletter auf dem Laufenden. Melden Sie sich direkt an.

http://rb-software.de/service/newsletter

Links zu den News, zu diesem Thema:
http://www.rb-software.de/aktuelles/neuigkeiten/article/modernes-responsive-webdesign/

Ich helfe Ihnen in Rehlingen-Siersburg, im Saarland und gerne auch im gesamten Bundesgebiet bei Ihren IT-Aufgaben und optimiere Ihre IT-gestützten Firmenabläufe mit freier bewährter Standardsoftware.

Besuchen Sie auch meine Website
http://www.rb-software.de

und meine Google+ Seite mit weiteren Informationen.
https://plus.google.com/102957665208726774649/posts