CSS-Layouttechniken, Barrierefreiheit, SEO für Webdesigner
|
05.11.2013
25.11.2013
3 Wochen
ca. 8 - 12 Std.
solide HTML-Kenntnisse und CSS-Grundlagenwissen
(Details)
325 Euro / 295 Euro*
(* für Mitglieder von akademie.de) Alle Preise enthalten 19% MwSt.
10% Frühbucher-Rabatt noch bis 15.10.
Wir akzeptieren Prämiengutscheine! Jetzt anmelden
Haben Sie noch Fragen? workshops@akademie.de |
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.
Auch der zweite Kurs war, wie erwartet, ein voller Treffer. Maja versteht es einfach ihre Unterlagen spannend aufzubauen und praxisnahe Beispiele zu bringen. Es war wie schon das letzte Mal sehr angenehm mit ihr zu arbeiten. Besonders schätze ich ihre schnellen, ausführlichen und professionellen Antworten, deren Umsetzung gleich zum gewünschten Erfolg führt.
Der Workshop mit Maja war sehr lehrreich, freundlich und ausführlich. Hier habe ich viele Tricks gelernt, wie man eine Webseite suchmaschinenfreundlich macht und im CSS verbessern kann. Das Unterrichtsmaterial war klar und übersichtlich aufgebaut. Mit viel Engagement wurden alle Fragen sehr ausführlich, sehr professionell und verständlich beantwortet. Ich bin sehr froh, dass es die Akademie gibt und dass hier wunderbare Dozenten die relevanten Webseiten-Themen behandeln! Vielen Dank und sicher bis bald!
Das Lernmaterial hat mir sehr gut gefallen. Sehr gute Hinweise, Beispiele, Ratschläge usw. Es war alles logisch aufgebaut, so dass man gut folgen konnte. Ich habe viel gelernt und auch eine eigene, jetzt noch fiktive, Webseite gut aufbauen können.
Besonders gefallen hat mir auch die Freundlichkeit, Geduld, Ausführlichkeit, das Wissen usw. der Leiterin - großen Dank an Maja. Hat mir außerordentlich gut gefallen. Ich würde gern bei einem Fortsetzungslehrgang wieder dabei sein wollen.
Liebe Maja,
Der Kurs hat mir - ebenso wie Dein Einsteigerkurs - sehr viel gebracht und hat wieder viel Spaß gemacht. Du bist mit viel Geduld auch auf individuelle Fragen und Schwierigkeiten eingegangen und hast mich bestärkt und ermutigt. Das ist weit mehr als ich mir von einem Online-Crash-Kurs erhofft hatte.
Der Kurs war sehr gut aufgebaut, unterstützt duch gut durchdachte Unterlagen und hat auf relativ kleinem Raum das Wesentliche ohne Ballast vermittelt.
Vielen Dank!
Hallo Maja,
obwohl dies mein erster Kurs bei Dir war, hatte ich keine Mühe zu folgen. Meine Erwartungen wurden voll erfüllt. Meine Hoffnung, Neues zu lernen, und sicher sein zu können, dass auch alles barrierefrei ist, wurde nicht enttäuscht.
Besonders begeistert bin ich von der Galerie, die wird bei mir, ebenso wie der Zoomeffekt, sicher bald zum Einsatz kommen. Ausserdem gab es einige Aha-Momente, mir war z.B. gar nicht klar, dass target="-self" mittlerweile "deprecated" ist.
Die Kursunterlagen waren gut aufgebaut, die werde ich sicher noch häufiger mal in die Hand nehmen. Und auch die Betreuung war einwandfrei.
Vielen Dank für drei spannende Wochen
Liebe Maja,
ich hoffe Dich langweilt es nicht langsam, wenn Du immer lesen musst wie gut und toll Du bist. Was die Vermittlung des Stoffs und die Aufbereitung zur Vermittlung anlangt: alle Achtung! Auch schwierigere Gebiete müssen nicht unbedingt unverständlich aufbereitet werden. Wahrscheinlich ist es einfach so, dass wenn Dir jemand etwas zu vermitteln versucht, das er selbst nie richtig kapiert hat, kann für Dich nichts Gescheites dabei herauskommen. (Ich hoffe Du bekommst nicht immer so verdrehte Komplimente). Kurzum: ich habe mich in dem Kurs gut aufgehoben gefühlt und einiges für die Zukunft mitnehmen können.
Vielen Dank dafür!
Hallo Maja,
ich kann mich den positiven Meinungen ganz und gar anschließen. Als Workshopleiterin hast Du alle Fragen sehr ausführlich und individuell beantwortet. Deine Unterlagen sind schön klar strukturiert und gut nachzuarbeiten, so dass die kleinen Erfolge mich immer weiter gebracht haben. Ich werde sie sich noch häufiger zur Hand nehmen.
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 ?"
Hallo Maja,
mein erster Kurs bei dir hat richtig Spaß gemacht.
Einiges werde ich in meine Typo3-Seiten umsetzen können. Die Unterlagen
waren gut, die Aufgaben spannend und deine Begleitung hervorragend.
Danke für deine Tipps und Unterstützung.
Jetzt geht es weiter mit HTML5 & Canvas.
Sie beherrschen die Grundlagen von HTML und CSS. Nun möchten Sie auch komplexe Layouts mit elegantem CSS realisieren und Ihre Website gleichzeitig suchmaschinenfreundlich, barrierefrei, browser- und plattformunabhängig (ganz gleich ob Smartphone, PC, Mac, iPad, iPhone, Tablet-PC...) gestalten? Dann sind Sie genau richtig in diesem Webdesign-Workshop für Fortgeschrittene.
Wir arbeiten ganz praktisch anhand eines konkreten Website-Projektes. Das kann entweder die Beispiel-Website des Workshops sein. Oder Sie setzen die Übungsaufgaben an ihrer eigenen Website um.
Am Ende dieses Online-Workshops:
haben Sie mit fortgeschrittenen CSS-Layouttechniken elegante und barrierefreie Navigationselemente gestaltet, können flexible Schrift- und Layoutgrößen erzeugen sowie Bildergalerien und Zoom-Effekte ohne Skriptsprachen mit reinem CSS erstellen
wissen Sie, worauf Sie achten müssen, damit Ihre Website barrierefrei und zugleich nutzerfreundlich wird
und haben Ihre Website für ein gutes Ranking in den Suchmaschinen optimiert: durch ein suchmaschinengerecht organisiertes Backend genauso wie durch die suchmaschinenfreundliche Präsentation der Inhalte
Das im HTML-CSS-Crash-Workshop und in diesem Webdesign-Workshop vermittelte Wissen ist auch Grundlage für viele weitere Webtechniken, wie z.B. die Webprogrammierung mit PHP, Flash oder Javascript, für den sicheren Umgang mit Content Management Systemen wie Wordpress, Joomla, Typo3, für Entwickler von Cloud- und mobilen Anwendungen und natürlich zum Erlernen der Weiterentwicklung von HTML und CSS (HTML5 und CSS3).
Spartipp: Buchen Sie diesen Workshop im Paket zusammen mit dem Crash-Workshop HTML-CSS und sparen Sie bis zu 45 Euro!
Woche 1:
Barrierefreie Navigation mit CSS
Suchmaschinenoptimierung für Webdesigner, Teil I
Im ersten Schwerpunkt dieser Workshop-Woche geht es um die Gestaltung der Navigationselemente Ihrer Website. Um ein harmonisches Design zu erreichen, erweitern Sie die Gestaltung Ihrer horizontalen Hauptnavigation per CSS display- und float-Eigenschaften. Dabei lernen Sie auch weitere Möglichkeiten der CSS-Listen- und Verweisformatierung kennen. Zudem erfahren Sie, wie Sie Ihre Menü- und Seitensteuerung barrierefrei gestalten.
Im zweiten Wochen-Schwerpunkt geht es um die suchmaschinengerechte Organisation des Backends Ihrer Website. Sie reorganisieren die vorhandenen Dateien und Ordner Ihrer Website optimal für die Suchmaschinen und benennen sie suchmaschinengerecht um.
Im dritten Schwerpunkt geht es nochmal um die Optimierung Ihrer Website für ein gutes Ranking in den Suchmaschinen: diesmal durch die Erweiterung der Metatags und sinnvolle Ergänzungen im head-Bereich. Außerdem erfahren Sie, warum Domainnamen so wichtig sind und lernen Methoden zur Popularitätssteigerung Ihrer Website kennen.
Woche 2
CSS: Flexible Schrift- und Layoutgröße & vertikale Menüboxen
Suchmaschinenfreundliche und barrierefreie Organisation der Inhalte
Im CSS-Schwerpunkt dieser Woche erfahren Sie, welche Möglichkeiten Sie haben, ein "elastisches" Layout und Schriftbild zu erzeugen. Und damit Ihre Website übersichtlich bleibt, erweitern wir das Seitenmenü um eine vertikale Menübox. Dabei vertiefen und festigen Sie nochmal die wichtige float-Eigenschaft von CSS.
Außerdem beschäftigen wir uns in der zweiten Woche mit der suchmaschinenfreundlichen Organisation der Inhalte Ihrer Website. Dabei erfahren Sie mehr über die Relevanz der Überschriften, Textinhalte und Grafikbeschriftungen für "Mensch und Maschine" (Suchmaschinen und Lesegeräte). Und auch die sogenannten "logischen Auszeichnungen" der Inhalte für Lesegeräte werden erläutert.
Woche 3
CSS: Bildergalerie & Zoom-Effekt
Checkliste Barrierefreiheit & Sitemap-Erstellung
Die meisten Bildergalerien werden mit einer Skriptsprache erstellt (JavaScript, Ajax usw.). Doch was, wenn der Nutzer die Skriptanwendung abschaltet, was gar nicht mal so selten ist? CSS wird von jedem Browser interpretiert, so erstellen wir eine Bildergalerie mit reinen Cascading Stylesheets.
Im zweiten CSS-Schwerpunkt dieser Woche erfahren Sie, wie Sie Grafiken mit reinem CSS vergößern. Für einen solchen "Zoom-Effekt" greifen wir auch diesmal nicht in die Skript-Kiste, sondern bedienen uns einer Methode aus der CSS-"Schatzkiste". So ist gewährleistet, dass die Ergebnisse für jeden Nutzer, unabhängig von dem System und Browser, sichtbar sind.
Ist Ihre Website barrierefrei und somit suchmaschinenfreundlich? Wir überprüfen die HTML-Struktur und CSS-Dateien Ihrer Website mithilfe einer Checkliste für Barrierefreiheit.
Nicht nur Besucher freuen sich, wenn sie eine Sitemap vorfinden, auch Suchmaschinen werden es Ihnen danken. Sie erfahren, was eine Sitemap ist und wie Sie sie erstellen.
Außerdem erhalten Sie Informationen, wie Sie Ihre Website sinnvoll in den relevanten Suchmaschinen und Verzeichnissen anmelden.
Vorausgesetzt werden solide HTML-Kenntnisse und CSS-Grundlagenwissen wie sie im Crash-Workshop HTML-CSS vermittelt werden.
Dieser Workshop baut auf dem Crash-Workshop HTML-CSS auf, richtet sich aber auch an alle, die bereits die Grundlagen von HTML und CSS beherrschen.
|
05.11.2013
325 Euro
/
295 Euro*
(* für Mitglieder von akademie.de) |
Unsere Online-Workshops sind "Seminare im Internet": mit festem Starttermin, fester Dauer und einem Workshopleiter aus Fleisch und Blut, der einer geschlossenen Gruppe von Teilnehmern praxisnahes Know-how vermittelt.
Der "Veranstaltungsort" der Schulung ist dabei das Internet:
