Komplette Webseite in HTML5 und CSS3 programmieren + AJAX Funktionen – Tutorial

In diesem Video-Training zeige ich euch wie ihr eine komplette
Webseite in HTML5 und CSS3 umsetzt. Dabei fange ich von grundauf
mit der PSD-Datei an. Wenn wir die Webseite in HTML5 und CSS3
Programmiert haben, zeige ich euch wie ihr über die
Tab-Navigation der Webseite neue Inhalte via AJAX einladen könnt
ohne das die eigentliche Seite verlassen werden muss.


Neben dem AJAX Content Loader wird noch ein netter
Animations-Effekt programmiert, der die neuen Inhalte ansprechend
in die Seite lädt.


Als Basis für dieses Video-Training steht ein Design für eine
Hebamme von Matthias Petri. Das Video Training stammt von der
neuen PSD-Tutorials.de Webdesign Workshop DVD Vol. 2 und soll
euch einen Einstieg in die Möglichkeiten von HTML5 und CSS3
bieten.


Wenn ihr weiteres Lernmaterial zu moderner Webentwicklung sucht,
dann kommt ihr um die neue DVD kaum herum, also einfach einmal
anschauen: PSD-Tutorials.de Webdesign Workshop DVD Vol. 2. Ich
habe die DVD bereits vor ein paar Wochen in einem ausführlichen
Artikel vorgestellt.


Podcast Info:
Titel: Komplette Webseite in HTML5 und CSS3 programmieren + AJAX
Funktionen
Autor: Pascal Bajorat
Länge: 81 Min
Dateigröße: 360 MB
Beschreibung: In diesem Video-Training möchte ich euch zeigen,
wie ihr eine komplette Webseite auf HTML5- und CSS3-Basis
umsetzen könnt. Dabei verwenden wir natürlich nicht nur den neuen
HTML5-Doctype, sondern auch einige der neuen HTML5-Tags und
CSS3-Funktionen wie box-shadow, border-radius, text-shadow usw.
Zusätzlich zeige ich euch, wie Ihr die Seite komplett auf
AJAX-Basis aufbauen könnt. Das heißt: Content wird mittels AJAX
geladen und nicht, indem man eine komplett neue HTML-Seite
aufruft. Für die Umsetzung mit HTML5 und CSS3 verwende ich das
HTML5Boilerplate: http://html5boilerplate.com/



Für alle HTML5 & CSS3 Interessierten gibt es hier einen
weiteren Einblick in CSS3 und zwar: HTML5 & CSS3
Video-Training – Animationen mit CSS3. Ich wünsche
euch viel Spaß mit den Video-Podcast Folgen und hoffentlich
auch dem HTML5 & CSS3 Video-Training.



Alle Arbeitsdateien zu dem Video-Training gibt es auf der neuen
PSD-Tutorials.de Webdesign Workshop DVD Vol. 2


Eine Video zur Design-Erstellung gibt es hier: Website im
kinderfreundlichen Look & Feel



Ähnliche Artikel:
Hands-On-Session – Folgeveranstaltung zum CSS-Tag Entwicklung
von mobilen Web-Anwendungen / WebApps und Webseiten – Teil 2
WordPress Artikel via AJAX nachladen, wie auf Facebook – Tutorial