ONLINE-WORKSHOPCrash-Workshop HTML-CSS

Das Handwerkszeug für Ihre Website!

Auf einen Blick

Beginn: 24.09.2013

Ende: 21.10.2013

Veranstaltungsort:

Dauer: 4 Wochen

Zeitaufwand/Woche: ca. 10 - 15 Std.

Voraussetzungen:

Sie sollten mit den Grundlagen und dem Dateisystem Ihres Computers vertraut sein. Vorkenntnisse in HTML oder CSS benötigen Sie nicht. (Details)

Leiter: Maja Dokmanov

Teilnehmerbewertung:

(Details)

Preis: 345 Euro / 315 Euro*

(* für Mitglieder von akademie.de)

Alle Preise enthalten 19% MwSt.

10% Frühbucher-Rabatt noch bis 03.09.

Wir akzeptieren Prämiengutscheine!

Jetzt anmelden

Anmeldung über SSL-Server, keine Weitergabe Ihrer Daten. Wir nehmen Datensicherheit ernst.
Eine Stornierung ist vor Beginn des Online-Workshops jederzeit kostenlos möglich.
Die Teilnahmegebühr wird erst zu Beginn des Online-Workshops fällig.

Haben Sie noch Fragen? workshops@akademie.de
+49(0)30-616 55 0

Ihre Workshop-Leiterin: Maja Dokmanov

Maja Dokmanov arbeitet seit 1998 als freie Webdesignerin und Computergrafikerin. Zu ihren Schwerpunkten gehört die Erstellung von Internetseiten auf der Basis von HTML, CSS, JavaScript und Flash. Ihr Know-how gibt Maja Dokmanov in Computer-Workshops im Bereich Internet und Office-Anwendungen weiter.

Mehr über Ihre Workshop-Leiterin ...

Workshops:

Beiträge der Workshop-Leiterin als Atom-Feed

Diese Themen könnten Sie auch interessieren

Ratgeber:

Workshops:

Das sagen die Teilnehmer

Betreuung durch Workshopleiter:

Qualität der Unterlagen:

Praxisnähe des Workshops:

Teilnehmerstimmen

"Liebe Maja,
vielen Dank für Dein Feedback. Ich muss sagen, Du warst eine klasse Kursleiterin. Der Aufbau des Workshops, wie auch die Kursunterlagen sind wirklich super. Noch "superer" war allerdings die individuelle Betreuung von Dir. Du bist wirklich mit viel Engagement, Arbeitsaufwand und Hingabe auf unsere einzelnen Bedürfnisse eingegangen. Deinen Workshop kann ich nur, und werde ich begeistert weiterempfehlen. Wahrlich ein Leuchturm in Sachen Weiterbildung."

Peter Heel, Memmingen

"Ich hätte nie gedacht, dass ein - anonymer - Internetkurs so persönlich motivierend ausfallen kann. Es hat mich restlos überzeugt. [...] Deine Unterrichtsmaterialien sind perfekt aufgebaut. Anschaulich - in nachvollziehbaren Modulen mit kleinteiliger Umsetzung - didaktisch einwandfrei. Keinerlei fachspezifische Überfrachtungen, die eh nur zur Abschreckung dienen und als 'Killing factors' bezeichnet werden müssen;-)) Du möchtest, dass 'wir' lernen. Damit ist dieses Konzept auch für Lernende geeignet, die kaum Anknüpfungspunkte haben. Die verfestigenden und weiterführenden Elemente kann sich dann jeder selber aufbauen. Nach Bedarf. Dies dann auf dem Hintergrund einer erprobten Gewissheit, etwas richtig gemacht zu haben."

Anna Erroufi, Köln

Die Kursleiterin war ein Traum! :)
Die Unterlagen waren perfekt!
Die Steigerung des Anspruchs war super!
Die Linktipps sind eine grandiose Hilfe!
Die Beispiele waren eine gute Unterstützung!

Maria Käppel, Nürnberg

"Hallo Maja,
Du hast mir unheimlich viel geholfen und mir meinen "kleinen informatischen" Horizont erweitert. Hast immer schnell und geduldig mir mit dem richtigen Rat zur Seite gestanden. Mir ist vieles in diesem Kurs klar geworden und ich freue mich, schon weiter mich in diese Materie zu vertiefen."

Brigitte Ruoff, Nueva Andalucia (Spanien)

"Der Kurs war toll und hat mir sehr viel Spaß gemacht

Volker Mönch

www.stilelement.de

"[Gefallen hat mir] dass man unsere Dozentin "Löchern" konnte mit Fragen und sie uns immer wieder einen super Tipp gab. Selbst zu Fragen, die nicht den Inhalt des Workshop betreffen, hat Maja einem weitergeholfen. Super Dozentin!"

Margarete Thuemling, Oberau

"Ich war anfangs sehr skeptisch, ob es mir noch gelingen könnte, in eine so schwierige Materie einzusteigen und war wirklich überrascht, wie schnell, wie freundlich und kompetent ich empfangen und mit meinen Problemen gesehen und betreut worden bin.
Dafür danke ich Dir, liebe Maja noch einmal sehr herzlich. Ich hab´ nicht nur das Kurs-Programm verstanden und gelernt, nicht nur in der kurzen Zeit bereits eine funktionsfähige Web-Seite für einen Verein erstellt, für den ich im Vorstand sitze, sondern auch Lust auf mehr bekommen."

Uwe Seeger

www.uwe-seeger.de

"Ich kann diesen Workshop nur weiterempfehlen. Die Unterlagen sind sehr gut aufbereitet und die Dozentin Maja ist sehr kompetent und stets hilfsbereit."

Thomas Frost, Fewodata e.K. Flensburg

"[Besonders gefallen hat mir] die wirklich sehr freundlich Art von Maja! Sie motiviert einen super und es kommt total authentisch rüber! Das hat mich sehr angespornt!"

D. Kludt, Hannover

"Habe viel gelernt, bin erst mal mit Wissen ausgestattet um mich selbst zu vertiefen. Dein Kursmaterial war sehr gut."

Wolfgang Weidinger, Berlin

"Der Kurs hat mir sehr gut gefallen. Die Betreuung war ausgezeichnet. Die freundliche Beurteilung motiviert ungemein, da man daheim an seinem Rechner meistens im eigenen Saft kocht und diesen positiven Zuspruch braucht, um die Energie aufzubringen diese 'Lernerei im Nebenjob' durchzuhalten. Dickes Lob!"

Annegret Breitling, Sachsenheim

"Ich habe in dem Kurs eine ganze Menge dazugelernt. Es ist weitaus mehr als in den kostenlosen WEB Design Einsteigerkursen. [...] Der Kurs hat sich echt gelohnt."

Jürgen Doege, Hildrizhausen

"Maja Dokmanov war bis spät in den Abend und selbst am Wochenende für uns da und hat geduldig, freundlich und locker jede Frage klar und verständlich beantwortet. Das hatte ich nicht erwartet und auch nicht, dass ich nach diesem Kurs schon mit so viel Wissen selbständig arbeiten kann."

Jana Thiem

www.thiemgeist.de

"Ein großes Lob an die Workshopleiterin Maja, die den Stoff super rüber bringt und Fragen und Aufgaben-Lösungen ausführlich und verständlich beantwortet und kommentiert. Der Workshop hat all meine Erwartungen übertroffen, vielen Dank!"

Anett Hofmann, Nürnberg

"[Besonders gefallen haben mir] Kompetenz und Umgang der Workshopleitung mit den Teilnehmern: Motivation ist ganz wichtig! Und genau das kam (neben den natürlich ebenso wichtigen Hinweisen zu Fehlern etc.) rüber. Vielen Dank und weiter so!"

Petra Schumann, b.i.b. International College

"Ich fand den Workshop nicht nur super moderiert, sondern auch sehr intensiv betreut, immer da, immer verlässlich, immer mit verständlichen Antworten für komplizierte Fragen."

Petra Linke, Germering

"Hallo Maja, der Workshop war wirklich klasse (wie übrigens alle bisher besuchten auf akademie.de). Danke für deine ausführlichen Erklärungen, deine aufmunternden Lobesworte und auch die Ausflüge in tiefere Bereiche. Keine Frage blieb unbeantwortet, was will man mehr?! Danke dir für den tollen Workshop, er hat schon in meinem derzeitigen Workshop Joomla! seine Früchte gebracht. Mit dem Workshop hat man, auch wenn HTML und CSS kein Fremdwort mehr ist die Grundkenntnisse einfach solide gefestigt und ausgebaut."

Bea Pircher

www.suedtirol-travels.com

Bea Pircher

www.suedtirol-travels.com

[Besonders gefallen hat mir d]er starke Praxisbezug und die individuelle Betreuung durch die Workshopleiterin.

Hans-Jürgen Böhm, Berlin

Liebe Maja,

vielen herzlichen Dank für deine professionelle Begleitung und die sehr guten Unterlagen zum Webdesign I und II-Kurs.

Vom Einstieg bis zur letzten Workshop-Woche hast du dein Webwissen sehr gut strukturiert aufgebaut und mit passenden Beispielen versehen. Ich habe es geschafft, anhand des Scripts die Beispiele auf meine eigene Website-Gestaltung zu übertragen und diese weiter zu entwickeln.

Auf meine persönlichen und spezifischen Anwendungsfragen bist du immer eingegangen und hast mir passende und hilfreiche Lösungen präsentiert, mit denen ich sofort weiterarbeiten konnte.

Der Online-Kurs erlaubte flexible Zeiteinteilung, das Workshop-Forum war hilfreich, um die Lernschritte der anderen Teilnehmer mitzuverfolgen und selbst Fragen beantwortet zu bekommen.

Alles in allem ein sehr mutmachender und gleichzeitig professioneller kompakter Kurs. Mein technisches Grundgerüst für meine Website steht. Alle meine Erwartungen wurden weit mehr als erfüllt. Super!

Vielleicht gibt es ja hierzu später einen Aufbau-, Erweiterungs- oder Vertiefungskurs ?"

Heike Schlick, Berlin

Online-Workshop-Newsletter

Jeder, der seine Website auf sicherer Basis selbst erstellen oder pflegen will, braucht HTML und CSS. In diesem Crash-Workshop eignen Sie sich das Handwerkszeug für Ihre Website schnell, systematisch und ganz praktisch an:

am Beispiel einer eigenen Website, die Sie im Workshop Schritt für Schritt mit HTML erstellen, mit CSS gestalten, erweitern und ins Internet bringen
nach den neuesten HTML/XHTML Web-Standards, d.h. barrierefrei und suchmaschinenfreundlich und
inklusive der neuen HTML5-Tags und dem Wissen, welche HTML5 Tags sie heute schon sicher in allen Browsern einsetzen können

Das im HTML-CSS-Crash-Workshop vermittelte Wissen ist Grundlage für viele weitere Webtechniken, wie z.B. die Webprogrammierung mit PHP oder Javascript, für den sicheren Umgang mit WYSIWIG-Editoren und Content Management Systemen, für Entwickler von Cloud- und mobilen Anwendungen und natürlich für den Einsatz der neuen Möglichkeiten von HTML5 und CSS3.

Spartipp: Buchen Sie diesen Workshop im Paket zusammen mit dem Workshop Webdesign für Fortgeschrittene und sparen Sie bis zu 45 Euro!

Weitere Workshops zum Thema Websites managen, gestalten und programmieren

Themen im Detail

Wir arbeiten ganz praktisch anhand eines konkreten Website-Projektes: dabei können Sie entweder eine eigene, ganz individuelle Website nach und erarbeiten und mit Ihren steigenden Kenntnissen in HTML und CSS erweitern; Oder Sie bauen Schritt für Schritt die Beispiel-Website des Workshops nach.

Die grafische Gestaltung spielt dabei eine untergeordnete Rolle, es geht vor allem um das Grundverständnis der beiden Techniken HTML und CSS. Wir werden dabei möglichst standard-konformen HTML- und CSS-Code erzeugen. Auf exotische Möglichkeiten verzichten wir bewusst, um Ergebnisse zu erzielen, die ein möglichst gleiches Aussehen in den aktuellen Browsern haben.

Woche 1: Aller Anfang ist ... - leicht!
Das HTML-Grundgerüst Ihrer Website und Textformatierung mit HTML
In der ersten Woche des Workshops machen Sie sich mit den Grundlagen von HTML vertraut, erstellen das HTML-Grundgerüst Ihrer Website und bringen Ihre Seiten per FTP ins Internet.

Am Ende der ersten Woche
- kennen Sie die HTML Regeln
- und die Struktur einer HTML Datei,
- Sie können Ihre Texte mit HTML formatieren
- Bilder und Links auf Ihrer Website einfügen
- und haben Ihre erste Beispiel-Website per FTP ins Internet übertragen.

Woche 2: CSS-Grundlagen, CSS-Gestaltungsmittel & Navigation
In der zweiten Woche lernen Sie die Grundlagen von CSS und diese CSS-Gestaltungsmöglichkeiten kennen:
- Farben
- Grafiken und
- Schriftformatierung.
Außerdem erfahren Sie, wie Sie HTML-Listen mit CSS formatieren und gestalten ein horizontales Navigationsmenü für Ihre (Beispiel-)Website.

Woche 3: Die pflegeleichte Website: Trennung von Inhalt und Layout;
Außerdem: Tabellen & Frames
Der Vorteil von CSS ist, dass CSS erlaubt, den Inhalt einer Website von seiner Darstellung zu trennen. Wie die Gestaltung einer Website aussieht, kann dabei auch in einer externen CSS-Datei zentral festgelegt werden. Will man die Gestaltung der Website ändern, muss dann nur diese zentrale Datei - und nicht jede einzelne HTML-Seite - geändert werden. In dieser Woche erfahren Sie, wie das funktioniert und erstellen eine externe CSS-Datei für Ihre Beispiel-Website.

Weitere Themen dieser Woche sind:
- HTML Tabellen erstellen und mit CSS formatieren
- Frames und IFrames
- Plausibilitätsprüfung: Validieren von HTML und CSS Codes

Woche 4: Feinschliff des Layouts mit CSS
In der abschließenden Workshop-Woche widmen wir uns weiteren Möglichkeiten, eine Website mit CSS zu gestalten. Dazu zählen unter anderem:
- Pseudoformate in CSS
  also die Formatierung eines Elements abhängig von seinem aktuellen Zustand. Gemeint ist damit etwa die unterschiedliche Formatierung eines Links, je nach dem ob er schon angeklickt wurde (besuchter Link) oder ob die Maus gerade auf diesen Link zeigt (Mouse-over Effekt)
- die float-Eigenschaften
  um z.B. einen Text neben einem Bild oder ein Bild in der Textmitte zu platzieren
- die Elemente 'div' und 'span'
  die uns mehr Gestaltungsfreiheit auf einer HTML-Seite verschaffen, um z.B. mehrere Elemente wie Text, Grafiken, Tabellen usw. in einen gemeinsamen Bereich einzuschließen und zu gruppieren oder um visuelle Besonderheiten an bestimmten Textstellen im Dokument, z.B. mitten im Satz, einzufügen
- die display Eigenschaft
  mit der wir freier bestimmen können, wie HTML-Elemente auf der Seite angezeigt werden, so dass z.B. Aufzählungen nebeneinander, statt untereinander, erscheinen und
- verschachtelte Selektoren
  mit denen wir innerhalb einer Formatierung zusätzliche Formatierung einfügen können, wenn z.B. Überschriften per CSS blau formatiert sind und wir möchten nun innerhalb dieser Überschrift ein oder mehrere Worte kursiv und rot setzen.
Ein Ausblick auf fortgeschrittenes CSS schließt den Workshop ab.

Wieviel Zeit sollte ich für den Workshop einplanen?
Die bisherigen Teilnehmer dieses Workshops haben im Durchschnitt 10 - 15 Stunden pro Workshopwoche für das Lesen der Unterlagen und die Lösung der praktischen Übungen und Aufgaben aufgewendet.

Hinweis

Auf Wunsch erstellen wir Ihnen ein individuelles Online-Workshop-Angebot für mehrere Mitarbeiterinnen und Mitarbeiter Ihres Unternehmens. Firmeninterne Online-Workshops können Sie nach Ihren Terminwünschen buchen. Ergänzende Präsenzveranstaltungen sind ebenfalls möglich. Sprechen Sie uns an.

Sylke Sedelies,
Telefon 030-616 55-152, E-Mail workshops@akademie.de

Voraussetzungen

Vorkenntnisse
Sie brauchen keine HTML- oder CSS-Vorkenntnisse, sollten aber unbedingt mit den Grundlagen und dem Dateisystem Ihres Computers vertraut sein. Browser-Grundkenntnisse und Grundlagen in der Textverarbeitung sind von Vorteil.

Hard- und Software
Hier gibt es keine besonderen Voraussetzungen: Jeder Computer/Notebook, der in der Lage ist ins Internet zu gehen, ist ausreichend.

Sie schreiben den Code (HTML und CSS) vorerst mit ganz normalen Texteditor, der in jedem System standardmäßig impliziert ist. Auch ein eventueller späterer Einsatz eines kostenlosen HTML-Editors (Beispiel: PSpad, Phase5, SimpleText usw.) benötigt aufgrund der geringen Größe (Datenmenge) keine besonderen Speicher-Ressourcen.