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.
Nochmals schönen Dank für Ihr freundliches Feedback und ein schönes 4-Tagesseminar in der "kurzen" Woche vor dem Osterfest.
Frohe Ostern wünscht Ihr Trainer Joe Brandes, 2010-04-01