An der KVHS Wolfenbüttel findet ein Einstiegsseminar in die professionelle Webtechnik mit "(X)HTML & CSS" statt. Das Seminar wurde durch eine Interessentenliste im Rahmen der Online-Seminare des Trainers J. Brandes in Zusammenarbeit mit der KVHS Wolfenbüttel in das laufende Semesterprogramm als zeitnahes Angebot für die Interessierten integriert. Hier die Daten unseres Seminars:
Ort: KVHS Wolfenbüttel, Harzstraße, Raum "Windows"
Zeiten: Mo, 29.03. - Do, 01.04.2010; jeweils 08.00 - 16.00 Uhr
(4 Tagesseminar - 32 Unterrichtseinheiten)
Den "Roten Faden" finden Sie in der Fortsetzung dieses Artikels...
Vielen Dank für Ihr tolles Feedback!
Ihr Trainer Joe Brandes, 2010-04-01
Aktuell finden auch mit dem Landesverband der VHSen Niedersachsen (LV NDS) und der Europäischen Prüfungszentrale (EPZ) Gespräche über ein 3-modulares Online-Zertifizierungssystem statt. Bitte bleiben Sie auch für dieses Thema mit uns auf dem Laufenden.
"Roter Faden":
- (X)HTML & CSS - Trennung von Inhalt und Layout (Styling)
Beispielwebsite: www.csszengarden.com
Hinweis: Browser lassen sich auf CSS/OFF einstellen - Standards: HTML 1.0 bis HTML5, CSS 1.0 / 2 / 2.1 / 3
Aktuelle Empfehlung: XHTML 1 Trans & CSS 2 - HTML-Tags:
head, meta, link, style, title, body, p, br,
h1 - h6, div, span, img, a,
table (thead, tbody, tfoot; th, tr, td),
ul, ol, li, dl, dt, dd, hr - Block-Element-Beispiele:
div (Outline-Blocks)
span (Inline-Blocks) - Stilmittel zum Verteilen der geplanten Website-Bereiche (Blöcke):
Blöcke umsetzen mit DIV (tabellenlose Seitenlayouts)
Verteilung/Positionierung mit Style FLOAT - Beispielseiten für beliebige Strukturen im Netz vorhanden
z.B. auf www.css4you.de, www.drweb.de
oder "Googeln" nach "Templates frei Webseiten" - Hilfsmittel:
Editoren: PSpad, Notepad++, Scite, ...
prof. Editoren: Dreamweaver (Adobe - siehe auch cobra-shop.de),
Microsoft Web Expression 3.0 (bzw. Studio 3.0 - cobra)
Grafiksoftware paint.net
diverse Browser für Tests (siehe yaml.de - Browserkompatibilität) - Webdesign-Analyse und -Entwurf mit Firefox und AddOns:
Firebug (+ diverse Firebug-Erweiterungen z.B. CodeBurner, FirePicker, CSS Usage)
Web Developer,
ColorZilla,
FireShot (Screenshots), ... - Beachten: saubere Planung / Entwurf duchführen
- Kurze Darstellung Hosting:
Domain (domain.tld) sichern und anbieten - Domain checken!
Hosting vorher prüfen und nach Preis & Leistung aussuchen!
Website veröffentlichen (publishen) mittels FTP oder WebDAV
Tools: Filezilla, integriert in die Editoren - Allgemeiner Hinweis:
Linksammlung auf pcsystembetreuer.de zu den jeweiligen Themen.
Frohe Ostern wünscht Ihr Trainer Joe Brandes, 2010-04-01