WildKolleg | Schulungen, Kurse & Trainings
18 Jahre – Schulungen
www.WildKolleg.de
WildKolleg
Rathausgasse 2
91126 Schwabach b. Nürnberg

Tel.: 0911 / 80 18 18 - 0
Fax: 0911 / 495 207 35
Web: https://www.wildkolleg.de
E-Mail: info@wildkolleg.de

Windows und Apple – Schulung · Kurs · Training · Seminar · Weiterbildung auch für den Raum NI - Hannover, Goslar und Braunschweig:

Responsive WebDesign
Schulung für Grafiker & Einsteiger in Sachsenkam

RWD Grundlagen, Konzeption und UI-Design moderner Website-Layouts inkl. Einblick in HTML5 & CSS3 und Erstellung eines exemplarischen, klickbaren Prototypen.

Bewertung: 4.9 von 5 / 57 Feedbacks
Direkt-Link: http://www.WildKolleg.de/?training=537

Kursdetails:

Ansicht ändern:

Internetseiten werden heute auf einer Vielzahl von Endgeräten betrachtet, deren Größe und Auflösung sehr stark variieren. Von Desktop-Computern über Tablet-PCs, bis hin zu den Smartphones (iPhone, Android,…) sollte eine moderne Website gut darstellbar und anwenderfreundlich entwickelt werden.

Responsive WebDesignDie Entwicklung eigenständiger und jeweils zum Endgerät optimierter Webseiten ist zeitaufwändig und zu kostenintensiv. Oftmals sogar unmöglich!

Daher sollten Internetseiten heutzutage im "Responsive Design" Verfahren bereits in der Layoutphase optimal geplant und umgesetzt werden. Dabei werden konzeptionelle Web-Designs entwickelt, die sich selbstständig an das jeweilige Endgerät anpassen. Mit dieser Technik wird sichergestellt, dass jeder Besucher eine optimale Darstellung Ihrer Internetseiten erhält.

Schulungsziel:

WebDesignSie lernen anhand von Praxisbeispielen die theoretischen Grundlagen des Responsive Designs kennen, um zukünftig moderne HTML5/CSS3 basierende Internetseiten zu gestalten. Dazu gehören u.a. die Layouterstellung mit flüssigen Rastern, die optimale Planung Ihrer Website-Navigation für unterschiedliche Endgeräte und Bildschirmgrößen, sowie die Einbindung flexibler Bilder.

In diesem Training lernen Sie die neuen zeitsparenden Funktionen von Photoshop CC und Illustrator CC kennen, um diese für das responsive Webdesign optimal anzuwenden. Außerdem erhalten Sie eine Kurzeinführung in die Programme Mobirise und Adobe XD.

Mit Mobirise können Sie ohne Programmierkenntnisse kleine responsive Internetseiten auf Basis anpassbarer Templates erstellen. Adobe XD ermöglicht es Ihnen klickbare Prototypen von Apps und Webseiten zu gestalten und diese für Ihre Kundenpräsentationen und die Zusammenarbeit mit Programmierern zu nutzen.

Schulungsinhalte – Tag 1:

Theoretische Grundlagen

  • Grundlagen Responsive Webdesign
    • Adaptive Webdesign
    • Responsive Webdesign
    • Warum Responsive Webdesign?
    • So sollte man es lieber nicht machen...
    • Konzeptionelle Ansätze
    • Bestandteile von Responsive Webdesign
    • Raster mit flexiblen Maßeinheiten
    • Relative Einheiten für Schriftgrößen
  • Unterscheidung von UI- und UX-Design
  • Reaktionsfähige Gridsysteme im Überblick
    • Vorteile eines Rasters
  • Media Queries
    • Geräteeigenschaften abfragen
    • Wahl der richtigen Maßeinheit
    • Media Queries einbinden
    • Media Queries kombinieren und verschachteln
    • Viewport-Tag einbinden
    • Gängige Bildschirmauflösungen
    • Vertikale Mediaqueries
    • Media Queries am Design orientieren
  • Konzeption, Design & Entwicklung
    • Progressive Enhancement (Mobile First)
    • Graceful Degradation
    • Mobile First = Content First
    • Mobile First: Einsatz und Gefahren
    • Geräteübergreifendes Design
    • Layoutphasen
    • Styletiles
    • Designsystem
    • Zusammenarbeit Design & Entwicklung
  • Layout-Typen
    • Überwiegend flüssiges Layout
    • Spalten verschieben
    • Layout umschalten
  • Möglichkeiten der Inhaltsanpassung
    • Inhalte Inhalte ausblenden
    • Inhalte nach Klick anzeigen
    • Inhalte neu anordnen
    • HTML neu anordnen: AppendAround und Flex Layouts
    • Einfacher Zweispalter
    • Verschachtelter Zweispalter
    • Einfacher Dreispalter
    • Dreispalter mit Zwischenschritt
    • Mehrere Zwischenschritte
    • Visuelle Hierarchie wahren
  • Mobile Navigationskonzepte: Eine Navigationsebene
    • Navigation im mobilen Kontext
    • Kopf-Navigation
    • Fußanker-Navigation
    • Auswahlmenü
    • Aufklappmenü
    • Aufklappmenü-Varianten
    • Schiebenavigation (Off-Canvas-Menü)
    • Teilweises Ausblenden
    • Icon-basierte Navigation
  • Mobile Navigationskonzepte: Mehrere Navigationsebenen
    • Mehrfaches Aufklappmenü
    • Rechts-nach-links Navigation
    • Unternavigation im Inhalt
    • Karussell-Navigation
    • Komplexe Off-Canvas-Navigation
  • Anpassungsfähige Bilder
    • Bilder flexibel einbauen
    • Darstellungsprobleme im responsiven Kontext
    • Bilder für hochauflösende Displays
    • Picturefill/picture-Tag
    • Hintergrundbilder verwenden
    • CSS Eigenschaft: background-size
    • Seitenverhältnis flexibler Elemente steuern
    • Sprite-Grafiken
    • Iconfonts
    • SVG Vektorgrafiken
    • Flex Slider 2
    • Favoriten-Icons
    • Touch-Icons
  • Inhalte reaktionsfähig aufbereiten
    • Flexible iFrame Videos
    • Flexible ImageMaps
    • Reaktionfähige Tabellen
    • Infografiken und Schaubilder
  • Reaktionsfähige Webtypografie
    • Webfonts
    • em/rem/vw als Maßeinheit verwenden
    • Headlines skalieren
    • Schriftarten/-größen testen
    • Lesbarkeit optimieren
  • Performance-Optimierung
    • Langsame Seiten verlieren Besucher
    • Dateien zusammenführen
    • JavaScript & Stylesheets optimieren
    • Bilder optimieren
    • Gestalten mit CSS
    • GZIP: komprimierte Übertragung
    • Caching
    • Lazy Loading

Schulungsinhalte – Tag 2:

Workshop mit vielen Praxisübungen

  • Adobe XD: Kurzeinführung "UX/UI Screen-Design" und in die Gestaltung klickbarer Prototypen
    • Zeichenflächen anlegen
    • mit dem Wiederholungsraster gestalten
    • wiederverwendbare Komponenten anlegen
    • animierte und interaktive Prototypen erstellen
    • Prototypoen für Endkunden zur Freigabe veröffentlichen
    • Designspezifikationen für Entwickler veröffentlichen
  • Webflow: Echte responsive Webseiten mit einem Online-Editor erstellen
    • Einführung in das CSS Box-Modell
    • Abstände definieren
    • Webseiten strukturieren
    • mehrspaltige Inhalte anlegen
    • Elemente mit dem visuellen CSS-Editior formatieren und gestalten
    • Bilder hinzufügen
    • Arbeiten mit Breakpoints
    • eine responsive Navigation einfügen
  • Mobirise: Kurzvorstellung in die Erstellung einfacher Webseiten ohne Programmierkenntnisse
    • einfache Seiten mit einem Baukastensystem zusammenstellen
    • Webseiten exportieren und veröffentlichen
  • Adobe Photoshop: Nützliche Funktionen für die Erstellung responsiver Webseiten
    • Bilddateien aus Ebenen automatisch generieren
    • Regeln für die korrekte Ebenenbenennung
    • mehrere Bilddateien aus einer Ebene erzeugen
    • Bilddateien in unterschiedlichen Größen erzeugen lassen
    • CSS Stile extrahieren
    • Hilfslinien-Raster erzeugen
    • Zeichenflächen anlegen & bearbeiten
    • Elemente und Zeichenflächen exportieren
    • Ebenen und Ebenengruppen exportieren
    • Arbeitsfläche und Bildgröße beim Export anpassen
  • Adobe Illustrator: Nützliche Funktionen für die Erstellung responsiver Webseiten
    • SVG-Grafiken exportieren
    • Schnellexport mehrerer Grafiken in untersch. Größen und Dateiformaten
    • CSS Stile extrahieren
  • Hilfreiche Tipps, Tricks & Links

Verfügbare Plattformen:

Microsoft Windows und Apple OS-X

Dauer:

2 Tage á 8 Unterrichtsstunden.(1) 
Die Buchung eines Einzeltages ist auch möglich. Kontaktieren Sie uns hierzu gerne.
(9:30 Uhr bis ca. 16:30 Uhr)

Individuelle Themenauswahl und spezifische Firmentrainings:

Alle Inhalte können bei Einzel- und Firmenschulungen individuell auf Ihre Anforderungen und Wünsche ausgerichtet werden.

Nutzen Sie zur Auswahl Ihrer Wunschthemen gerne unseren Web-basierten Themen-Auswahl-Katalog.

Unser Trainer-Team:

Wir verpflichten ausnahmslos Dozenten unseres bestehenden Trainerteams. Unsere Kursleiter gehen mit all ihrer Paxiserfahrung, ihrem Wissen und Können auf Ihr Fachgebiet ein und versetzen Sie in die Lage, Wissen optimal umzusetzen und die Programme maximal auszunutzen.

Trainer-Team

Schulungsdetails im PDF-Format:

Laden Sie sich dieses Schulungsangebot mit weiteren Details direkt auf Ihren PC herunter.

  Schulungsorte:

  • WildKolleg, Schwabach bei Nürnberg
  • Kunde vor Ort, hausintern

Durchführungsgarantie:

Die Durchführung ist bei offenen Gruppenkursen bereits mit dem 2. Kursteilnehmer, bzw. bei Firmen- und Einzeltrainings zum vereinbarten Termin - garantiert.

€ Schulungspreise:

Direkt zum Preis-Kalkulator oder ein Sofort-Angebot (PDF) erstellen.
Gruppen-Rabatte: Ab dem 3. Teilnehmer nur noch 95 € bzw. 145 € je Schulungstag – abhängig vom Schulungsort.

Bildungsprämie - GutscheinWir akzeptieren Prämiengutscheine (BMBF): Staatliche Förderung bis € 500,- für Ihre Weiterbildung.

Öffentliche Kurs-Termine:

Wählen Sie aus den geplanten offenen Schulungsterminen.
Individuelle Termine und Wunsch-Orte nach Vereinbarung.
Termin 1:   11.11. bis 12.11.2019 (Mo.-Di.)
Nur noch 5 Plätze frei.
Termin 2:   27.01. bis 28.01.2020 (Mo.-Di.)
Termin 3:   25.03. bis 26.03.2020 (Mi.-Do.)
Termin 4:   27.05. bis 28.05.2020 (Mi.-Do.)

Kurs-Nummer:

  Preise / Angebot / Buchung
(Direktlink: https://www.WildKolleg.de/?training=537)

Kurs-Buchung ohne Risiko:

Sichern und buchen Sie Ihren Teilnehmerplatz. Sollte das offene Training mangels Teilnehmer oder Überschreitung der max. Teilnehmerzahl nicht stattfinden, so nennen wir Ihnen - mind. 10 Werktage vor Kursbeginn – einen Ersatztermin, bzw. sichern Ihnen eine kostenfreie Stornierung zu.

NEU: Seminar-Versicherung für den unvorhersehbaren Fall eines kurzfristigen Rücktritts.

Ihre weiteren Schritte…

Wählen Sie Ihre weiteren Schritte…

Kursthema: "Responsive WebDesign - Grafiker"

Angebot – sofort PDF
Schulung buchen …
Individuelle Anfrage
Preis - Kalkulator
Kursdetails drucken

  Nachschulung, Workshops & Nachbetreuung:

Wir bieten Ihnen auch nach den Schulungen unsere Unterstützung an! Dies im Rahmen unseres Online-Portals und über gemeinsame Workshops, um so angefallenen Fragen während Ihrer selbstständigen Arbeit unter Hilfestellung des Trainers, gemeinsam zu erarbeiten. Dabei wird besonders auf eine effiziente Nutzung der jeweilig vorhandenen Programm-Features geachtet.

Allgemeinte Hinweise:

(1) Eine Unterrichtsstunde entspricht 45 Minuten.
Wir akzeptieren Prämiengutscheine. Die Bildungsprämie ist ein Wertscheck und wird aus Mitteln des Bundesministeriums für Bildung und Forschung und aus dem Europäischen Sozialfonds der Europäischen Union gefördert. Staatliche Förderung bis 500 € pro Person und Massnahme.
Wir mieten keine - auch uns fremde - Räumlichkeiten an und verpflichten ausnahmslos Dozenten unseres bestehenden Trainerteams.
Unsere Trainings finden bei Anfragen aus dem Raum Nürnberg, Erlangen, Fürth und Roth zumeist in unseren Räumen in Schwabach bei Nürnberg statt. Schulungen bei Ihnen vor Ort (Inhouse) werden durchgeführt, wenn Sie über die erforderliche Infrastruktur und passenden Räumlichkeiten verfügen. Bei Fragen kontaktieren Sie uns gerne…
Letzte Aktualisierung: 20.10.2019 / 22:16 h - Frank Wild, WildKolleg

Responsive WebDesign Inhouse-Training, Responsive WebDesign offene Schulung, Responsive WebDesign Webinare, Etzenricht, Responsive WebDesign Einsteigerschulung, Sachsenkam, Responsive WebDesign Grundlagenkurs, Prämiengutschein, Bonn, Responsive WebDesign Weiterbildung, Responsive WebDesign Vor-Ort Training, Weißenburg, Responsive WebDesign lernen, Responsive WebDesign Inhouse-Seminar, Website-Entwicklung, Responsive WebDesign Inhouse-Schulung, Responsive WebDesign, Responsive WebDesign Intensivschulung, Responsive WebDesign Firmentraining, Bildungsmaßnahme

Teilnehmer-Feedbacks

Auszug aus unseren Beurteilungsbögen (Scans). Personennamen wurden abgekürzt (DSGVO).
Weitere Kundenmeinungen diverser Portale finden Sie hier.
26.09.19:
Kleine Gruppe = individuelles Eingehen auf einzelne Teilnehmer!
26.09.19:
Toller Kurs mit vielen Informationen, welche man sich sonst mühsam zusammen suchen müsste! Klasse Atmosphäre.
26.09.19:
Toller Kurs mit vielen Informationen, welche man sich sonst mühsam zusammen suchen müsste! Klasse Atmosphäre.
07.08.19:
Schulungsinhalte super verständlich erklärt. Sehr kompetenter, netter Dozent. Moderne Schulungsräume, kleine Gruppe und leckere Verpflegung.
26.03.19:
Besonders hatb mir die fachliche Kompetenz und freundliche Hilfsbereitschaft des Trainers gefallen! Vielleicht könnt man noch etwas mehr Übungen noch einbauen?!
24.02.19:
Angenehme Atmosphäre, symphatischer Referent, tolle Ausstattung, viel gelernt - könnte nicht besser sein!
19.10.18:
Sehr gut gefallen hat mit die Gruppengröße und die ausführliche und verständliche Erklärung.
17.10.18:
Sehr lockere Atmosphäre, hohe Kompetenz!
03.10.18:
Freundliche Atmosphäre, viel gelernt, verständliche Erklärungen/Hilfen. DANKE! :-)
29.06.18:
Super TN-orientierter Kurs. Jederzeit gerne wieder. Zeit wird sinnvoll genutzt.
28.06.18:
Sehr angenehme Atmosphäre, super Ausstattung und sehr gute Schulungsinhalte. Schulungsunterlagen sind top!
28.06.18:
Sehr angenehme Atmosphäre, super Ausstattung und sehr gute Schulungsinhalte. Schulungsunterlagen sind top!
28.06.18:
Lockere Atmosphäre, sehr nett, gute Vermittlung von Wissen! :-) Top!
25.05.18:
Individuelle Kursgestaltung - Fragen ausführlich klären können! Angenehme Atmosphäre :-)) - Sehr hilreich!!!
23.03.18:
Schöne kleine Gruppe (6 TN),k finde es toll das man auf Fragen eingeht und hilft wenn man nicht weiter kommt!
14.03.18:
Hilfreiche Tipps und super Atmosphäre!
14.03.18:
Klar strukturiert, lockerer Umgang und tolle Atmosphäre! :-)
09.03.18:
Super Schulung. Habe mich in den Räumen und mit dem Dozenten super wohl gefühlt. Werde die Kurse gerne weiterempfehlen.
02.03.18:
Alles top - zu 100% weiterzuempfehlen. Praxisnaher Dozent, tolle lockere Atmosphäre.
02.03.18:
Insgesamt super Schulung! Erwartungen voll erfüllt. Danke!
16.02.18:
Kleine Gruppen, angenehme Atmosphäre, auf Fragen wird individuell eingegangen.
16.02.18:
Super Grundlagenkurs für 3 umfangreiche Programme. Auch weiterführende Fragen beantwortet, super Verpflegung, kleiner (individueller) Kurs.
21.09.17:
TOP! Super Betreuung und Lust auf weitere Kurse. Kleine Gruppe, angemessenes Tempo, interessante infos mit kompletten Inhalten für Zuhause zur Nacharbeit/Vertiefung.
21.09.17:
Kursinhalte und Lerntempo waren wunderbar. Keine Verbesserungsvorschläge, ich komme gern wieder!
28.07.17:
Sehr Gelungene Schulung in schönen und gut ausgestatteten Räumlichkeiten mit top Verpflegung. Gute Einführung in das Thema. Trainer und Veranstalter sehr kompetent, sympatisch und offen für Fragen und individuelle Tipps. Absolut empfehlenswert.
21.03.17:
Alles auf den Punkt gebracht und sehr angenehm vorgetragen. Technische Sachen die tiefer gingen, wurden äußerst verständlich erklärt. Alles top. Gerne wieder! :-)
21.03.17:
Ideales Erklär-Tempo / sehr angenehm Atmosphäre / schöne Räumlichkeiten / Kurs sehr praxisnah und viele Tipps / super Verpflegung.
21.03.17:
Ich muss sagen, dass er es wirklich Wert war. Die Dozenten sind sehr nett und haben sich für meine 1000 Fragen Zeit genommen. Es wurde uns viel erklärt und das Lerntempo war optimal. Ich würde es jedem weiterempfehlen.
17.11.16:
Super Schulung (responsive Webdesign für Grafiker)! Inhalte sind gut aufbereitet, Dozent war sehr nett und ist jederzeit auf Fragen kompetent eingegangen. Lage, Räumlichkeiten und technische Ausstattung waren einwandfrei! Sehr zu empfehlen!
17.11.16:
Absolut empfehlenswert! Sehr gut organisiert, schöne Schulungsräume, Top Verpflegung. Und vor allem ein Top Dozent! Die Schulung responsible webdesign ist klasse!
01.07.16:
TOP!
01.07.16:
Gute Atmosphäre, gute Verpflegung, gutes Lerntempo - alles super!
11.05.16:
TOP-Schulung / sehr guter Überblick der Gestaltungsmöglichkeiten moderner Websites.
10.05.16:
Nette Atmosphäre und sehr verständlich erklärt.
10.05.16:
JA zu 100%! Alles muss so bleiben! Super tel. Beratung.
27.01.16:
Klasse Workshop! Tolle Atmosphäre, interessante Themen: gerne wieder!
27.01.16:
Rundum spitze - absolut zu empfehlen! Dozent, Organisation, Inhalt, Verpflegung - TOP! Umfang des Schulungsinhaltes, Präsentationstempo, Vermittlung und Aufbereitung der Schulungsunterlagen. Vielen Dank für das professionelle Seminar.
27.01.16:
Viel Info sehr gut und verständlich rübergebracht. Die Atmosphäre ist sehr entspannt und auf individuelle Fragen wird gut eingegangen.
27.01.16:
Sehr gute Tipps
16.12.15:
Habe selten eine so gut vorbereitete Schulung erlebt. Erwartungen erfüllt. Lust auf mehr!!!
27.10.15:
Super! Übertroffen. Freundlicher Lehrer
13.08.15:
Sehr informativ, alles gut gebündelt und sehr schön veranschaulicht anhand von Praxisbeispielen und Übungen Anzahl der Teilnehmer optimal, Technikausstattung auf neuesten Stand, sehr gute Pausenversorgung :-)
13.08.15:
Sehr hilfreich!
13.08.15:
Es wurden sehr viele Infos, Tricks und Links zum Thema, die ich sonst langwierig selber hätte erarbeiten müssen in der zweitägigen Schulung vermittelt. Engagierter, sympathischer und kompetenter Dozent. Reibungslose Organisation.
26.03.15:
Kann das WildKolleg absolut weiterempfehlen. Die Schulung war perfekt,
26.03.15:
Breite Tiefe der Informationen sehr gut, viele gute Tipps! Kleine Gruppen daher sehr gute Möglichkeit zur individuellen Fokussierung.
26.03.15:
Fachliche Kompetenz, Aufbau u. Aufbereitung der Schulungsinhalte war absolut top!! *****
15.10.14:
WIr hatten am 24. und 25.9. die Responsive Webdesign Schulung. Es war eine wirklich ausgezeichnete Schulung mit guten Tpps, Kniffen und Beispielen. Auch schwierige und komplexe Inhalte wurden von einem sehr guten Dozenten erklärt.
01.10.14:
Habe bereits den 2. Kurs mitgemacht und bin wieder rundum zufrieden. Die Informationen werden mir sicherlich wieder in meiner täglichen Arbeit helfen, schneller und effizienter zu arbeiten. Die Informationssammlung zum Downloaden ist spitze!
01.10.14:
Es war eine wirklich ausgezeichnete Schulung mit guten Tpps, Kniffen und Beispielen. Auch schwierige und komplexe Inhalte wurden von einem sehr guten Dozenten erklärt. Angenehme Gruppengröße, umfangreiches Schulungsmaterial mit vielen Beispielen. Super!
10.07.14:
Familiäre lockere Stimmung, kleine aber feine Gruppe, super, entspanntes Lernen. Umfangreiches Thema, ausführlich erklärt.
10.07.14:
Praxisbeispiele in Hülle
17.04.14:
Für alle Punkte gab es technische Beispiele. Die fachlichen Beispiele waren gut gewählt. BootStrap-Teil gut erläutert.
17.04.14:
Alles gut. Die ausführliche Dokumentensammlung fand ich gut.
05.12.13:
Inzwischen sind einige Wochen seit unserer Schulung vergangen un die ersten Projekte im Responsive Design gehen der Fertigstellung entgegen. Ich möchte mich an dieser Stelle noch einmal für die hervorragende Schulung und Verpflegung bedanken!
25.10.12:
Kleine Gruppe ermöglichte konstruktive Zusammenarbeit!
04.07.12:
Bezug zur Praxis. Partnerschaftlicher Umgang mit den Kursteilnehmern. Flexibilität des Referenten.
Bewertung: 4.9 von 5 (57 Feedbacks)
 

 

powered by webEdition CMS