Clubsite4Fun – das Website Starter Kit
Clubsite4Fun
 Teil 1
Teil 2
Teil 3
Teil 4
Teil 5
Teil 6
Teil 7
Teil 8 Visual Web Developer Crashkurs
Teil 1
Teil 2
Teil 3
Teil 4
Teil 5
Die Tutorials zu Visual Web Developer Express und zu unserem Clubsite4Fun-Projekt helfen beim schnellen Einsteig in die Webprogrammierung. Die Anleitungen sind für registrierte User kostenlos abrufbar; wenn Ihr hier neu seid, meldet Euch einfach kurz bei MyCoding4Fun an. Die Tutorials gibt es in zwei Varianten:  | Online-Videos in der Auflösung 800x600 für alle Browser und Betriebssysteme, welche Flash-Videos unterstützen. Für jedes Video gibt es eine begleitende Schritt-für-Schritt-Anleitung zum Ausdrucken. | | Alternativ könnt Ihr die Videos herunterladen und dann auch ohne Internetverbindung beliebig oft anschauen. Die Offline-Videos laufen ausschließlich unter Windows. Die Bedienung ist denkbar einfach: ZIP-File entpacken und auf die darin enthaltene EXE klicken – schon startet der integrierte Videoplayer. Es ist keine Installation irgendwelcher Software nötig. |
Teil 2 - Ein Rundgang aus Benutzersicht
 Alles so schön bunt hier! Eine kleine Tour durch die verschiedenen Funktionen des Starterkits aus Benutzersicht: Attraktionen der Tour sind die Startseite, der Veranstaltungskalender, die Bildergalerie und natürlich das Forum. Dabei bleibt Reiseleiter Hardy ganz locker und zwanglos.
| [5:19 Minuten]
Online-Video anschauen
Offline-Video herunterladen | |
Die „ Visual Web Developer Express Jam Sessions“ sind eine Reihe von Videotutorials, die Euch einen grundlegenden Überblick über Visual Web Developer Express, Microsofts kostenlose Entwicklungsumgebung für ASP.NET 2.0, geben. Schritt für Schritt lernt Ihr den Umgang mit dem leistungsfähigen Programm und erfahrt nebenher eine ganze Menge über ASP.NET selbst. Hier könnt Ihr den Demo-Code zu den Jam Sessions herunterladen. Demo-Code Jam Sessions herunterladen (9,19 MB)
Teil 2 – Schreib’ mal wieder: das Kontaktformular
In diesem Tutorial erhält die Site, deren Grundzüge wir in Teil 1 erstellt haben, ein Kontaktformular. Zugegeben, außer einer Homepage hat unser Service momentan noch nicht allzu viel zu bieten, weswegen uns jemand überhaupt kontaktieren würde, aber was ist eine Website ohne Kontaktformular? Eben. Und Visual Basic Code gibt’s auch zu sehen. Und die Validierung von Benutzereingaben auch. Und wie immer ist alles ganz einfach.
| [6:58 Minuten]
Online-Video anschauen
Offline-Video herunterladen | Nützliche Links
 Schritt-für-Schritt-Anleitung anschauen und ausdrucken |
Teil 3 – Schöne bunte Warenwelt: der Produktkatalog
 In diesem und dem folgenden Tutorial wird die Website um einen Produktkatalog erweitert. Besucher der Site können sich eine tabellarische Übersicht aller Produkte anzeigen lassen und nach einem Klick auf den Namen des Produkts die Einzelheiten des entsprechenden Eintrags begutachten. Datenbankzugriff ist also angesagt. Und wer jetzt im Geiste bereits denkt: „1. Connection erzeugen, 2. Connection öffnen, 3. Abfrage an die Datenbank absetzen, 4. Connection schließen und das alles immer wieder …“, dem sei gesagt, dass es auch anders geht. ASP.NET 2.0 und Visual Web Developer Express bringen einige Werkzeuge mit, die Datenzugriff zu einer unterhaltsamen statt nervtötenden Angelegenheit machen. Wirklich.
| [14:23 Minuten]
Online-Video anschauen
Offline-Video herunterladen | Nützliche Links
Schritt-für-Schritt-Anleitung anschauen und ausdrucken |
Teil 4 – Schöne bunte Warenwelt: Produktkatalog deluxe
 In diesem Tutorial wird der Produktkatalog vervollständigt. Teil 3 hat gezeigt, wie eine tabellarische Ansicht aller Produkte aus der Datenbank einfach und schnell erzeugt werden kann. Was noch fehlt, ist eine Möglichkeit für den Benutzer, die Einzelheiten zu einem bestimmten Produkt einzusehen, um eine Kaufentscheidung treffen zu können. Da ein Produktkatalog schließlich dazu da ist, den Verkauf von Produkten anzukurbeln, müssen wir diese Funktion schnellstens nachrüsten. Visual Web Developer Express und ASP.NET 2.0 erledigen diese Aufgabe mit links. Warnung an alle Hardcore-Coder: akuter Code-Mangel im Anzug!
| [6:58 Minuten]
Online-Video anschauen
Offline-Video herunterladen | Nützliche Links
Schritt-für-Schritt-Anleitung anschauen und ausdrucken |
Teil 5 – Sicher ist Sicher: der Adminbereich
 Ein Produktkatalog auf der Website ist ja gut und schön, aber irgendjemand muss die Produkte auch verwalten. Wenn’s geht, am besten gleich direkt auf der Website, wie sich’s für einen anständigen Online-Shop gehört. Sicherheit spielt in diesem Szenario natürlich eine große Rolle, denn schließlich sollen nur ganz bestimmte Personen die Daten bearbeiten dürfen. In diesem Tutorial werden wir einen gesicherten Adminbereich zur Bearbeitung der Produkte erstellen. Visual Web Developer Express und ASP.NET 2.0 bringen auch hier wieder einige interessante Werkzeuge mit. Zum Beispiel den Datenbankexplorer, mit dem Ihr Daten auch schon bearbeiten könnt, bevor der Adminbereich fertig ist.
| [14:47 Minuten]
Online-Video anschauen
Offline-Video herunterladen | Nützliche Links
Schritt-für-Schritt-Anleitung anschauen und ausdrucken |
|
Der Spaß beginnt: Hardy Erlinger installiert das Clubsite4Fun-Starterkit, startet Visual Web Developer Express, wagt einen ersten Blick auf die Website und zeigt, wie wichtige Einstellungen angepasst werden.
Mitgelieferte Grafikvorlagen einzubinden ist zwar nett, aber ein eigenes Design ist noch netter. Der erste Schritt dazu ist die Einbindung einer eigenen Titelgrafik. Auch das ist mit Visual Web Developer Express in Minutenschnelle erledigt, wie Hardy in diesem Video-Tutorial demonstriert.
Logo austauschen? Na Logo! Das Video zeigt, wie die Website mit wenigen Handgriffen eines neues Gesicht erhält. Hardy, die Vorlage...
Weiter geht’s mit Hardy’s Grafiktuning: Über Cascading Stylesheets (CSS) kann das Erscheinungsbild einzelner Elemente der Website schnell und einfach an einer zentralen Stelle angepasst werden. Andere Schriftart? Alternative Hintergrundfarbe? Null problemo...
