WildKolleg | Schulungen, Kurse & Trainings
15 Jahre – Schulungen
www.WildKolleg.de
WildKolleg
Eibacher Hauptstr. 141a
90451 Nürnberg

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

Schulung · Kurs · Training · Seminar · Weiterbildung   Thema: in Duisburg

Responsive WebDesign
Schulung für Grafiker & Einsteiger
Schulung · Kurs · Training - Nürnberg und in-house auch für den Raum SN - Görlitz, Chemnitz und DresdenKonzeptionelle Gestaltung moderner Website-Layouts + Einblick in HTML5 & CSS3

Windows  +  Mac | Bewertung: 4.9 von 5 (34 Feedbacks)

Responsive WebDesign - Grafiker Schulung, Kurs, Training.

Kursbeschreibung:

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 erstellen Sie zudem ein exemplarisches responsives Website-Mockup mit Adobe MUSE, um so bspw. dem Entwickler oder Ihrem Kunden (Pitch), Ihr Layout direkt schon im Web präsentieren zu können.

Zielgruppe:

  • Grafiker
  • allg. Anwender
  • Web Designer

Empfohlene Voraussetzungen:

  • sicheres Arbeiten unter Windows oder Mac OSX
  • DTP-Grundlagenkenntnisse
    (s. bspw. Adobe Basis-Paketkurs) von Vorteil
  • HTML- und CSS-Kenntnisse sind von Vorteil aber nicht erforderlich

Inklusiv-Leistungen:

  • Indiv. eingerichteter PC/MAC für jeden Teilnehmer
  • Verpflegung (Frühstück-Snacks, warme und kalte Pausengetränke, sowie das Mittagessen)
  • Teilnahme-Zertifikat
  • Kursunterlagen (PDF) & Übungen. Weiterführende Nachschlagewerke können gesondert bestellt werden

Schulungsinhalte – Tag 1:

Theoretische Grundlagen

  • Grundlagen Responsive Webdesign
    • Adaptive Webdesign
    • Responsive Webdesign
    • Warum Responsive Webdesign?
    • So sollte man es lieber nicht machen ...
    • Rückbesinnung auf Flexibilität
    • Konzeptionelle Ansätze
    • Bestandteile von Responsive Webdesign
    • Raster mit flexiblen Maßeinheiten
    • Relative Einheiten für Schriftgrößen
  • Reaktionsfähige Gridsysteme im Überblick
    • Vorteile eines Rasters
    • Gridsetapp
    • Gridpak
  • Mediaqueries
    • Geräteeigenschaften abfragen
    • Mediaqueries und JavaScript
    • Wahl der richtigen Maßeinheit
    • Mediaqueries einbinden
    • Mediaqueries kombinieren
    • Mediaqueries verschachteln
    • Viewport-Tag einbinden
    • Gängige Bildschirmauflösungen
    • Vertikale Mediaqueries
    • Mediaqueries 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
  • Layouttypen
    • Überwiegend flüssiges Layout
    • Spalten verschieben
    • Layout umschalten
    • Off Canvas: außerhalb des Screens
  • Möglichkeiten der Inhaltsanpassung
    • Inhalte weglassen
    • Inhalte ausblenden
    • Inhalte nach Klick anzeigen
    • Inhalte neu anordnen
    • HTML neu anordnen: AppendAround
    • Zukunftsmusik: Flex Layout mit CSS
    • 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
    • Probleme
    • 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
  • Internet-Trends
    • Bilder im Fokus
    • Animierte Inhalte
    • Single-Page-Layouts
    • Bildschirmfüllende Hintergrundbilder 

Schulungsinhalte – Tag 2:

Workshop & Praxisübungen

  • Nützliche Funktionen für die Erstellung responsiver Webseiten in Adobe PhotoShop
    • Bilddateien aus PhotoShop-Ebenen automatisch generieren lassen
    • Regeln für die korrekte Ebenenbenennung
    • Mehrere Bilddateien aus einer Ebene erzeugen lassen
    • Bilddateien in unterschiedlichen Größen erzeugen lassen
    • CSS Stile extrahieren
    • Hilfslinien-Raster erzeugen
    • NEU in CC 2015: Zeichenflächen
    • Erstellen von Zeichenflächen
    • Arbeiten mit Zeichenflächen
    • NEU in CC 2015: Gerätevorschau
    • Wozu dient die App Preview CC?
    • Verbindung von Preview CC mit PhotoShop
    • Vorschauen auf iOS Geräte übertragen
    • NEU in CC 2015: Elemente exportieren
    • Zeichenflächen exportieren
    • Ebenen und Ebenengruppen exportieren
    • Schnell-Export von Elementen
    • Arbeitsfläche und Bildgröße beim Export anpassen
    • Export-Voreinstellungen
  • Nützliche Funktionen für die Erstellung responsiver Webseiten in Adobe Illustrator
    • SVG-Grafiken exportieren
    • Schnellexport vieler Grafiken in mehreren Größen und Dateiformaten
    • CSS Stile extrahieren
  • Einstieg in das Responsive Webdesign mit Adobe Muse
    • Hinzufügen eines Tablet-Layouts
    • Hinzufügen eines Handy-Layouts
    • Texte in mehreren Layouts synchronisieren
    • Erstellen einer Website mit variabler Breite
    • Breakpoints hinzufügen
    • Ein- oder Ausblenden von Objekten
    • Verankern von Objekten
    • Responsives Verhalten von Objekten
    • Kopieren der Größe und Position von Objekten
    • Formatieren von Text in responsiven Layouts
    • Textformatierung kopieren über Haltepunkten
  • Kurzeinblick in das Bootstrap-Framework
    • Was ist Bootstrap 3.0?
    • Vorteile eines Frameworks
    • Nachteile eines Frameworks
    • Bootstrap installieren
    • Hilfreiche Tipps & Tricks 

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 ausgerichtet werden. Gerne senden wir Ihnen hierzu unseren ausführlichen Themenkatalog zu und erstellen Ihnen ein passgenaues Schulungsangebot.

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

Kurs-Nummer:

  Preise / Angebot / Buchung

Schulungsdetails im PDF-Format

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

Zugehöriges Training:

Responsive WebDesign Entwicklerkurs

  Schulungsorte:

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

Hotels nahe WildKolleg:

Nürnberg Hotel Arotel (150 mtr)     Hotel San Remo (500 mtr)     Hotel Eibacher Hof (900 mtr.)     Hotel la Pergola (2 km)     Hotel & Gasthof Drexler (3 km)     Hotel Rednitzgrund (4 km)     Hotel Kunstquartier (4 km)     airbnb

NÜRNBERG – ist immer eine Reise wert. Besuchen Sie bei Ihrem Aufenthalt auch einmal die historische Altstadt und die Kaiserburg, das Wahrzeichen unserer schönen Stadt.

Durchführungsgarantie:

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

Schulungspreise:

Direkt zum Preis-Kalkulator oder ein Sofort-Angebot (PDF) erstellen.
Gruppen-Rabatte bis 80% möglich: 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,-

Öffentliche Kurs-Termine:

Wählen Sie aus den geplanten offenen Schulungsterminen.
Individuelle Termine & Wunsch-Orte frei nach Vereinbarung.

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.

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, Roth und Schwabach - in unseren Räumen in 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: 15.11.2016 / 12:03 h - Frank Wild, WildKolleg

Responsive WebDesign Lehrgang, Planegg, Prämiengutschein, Responsive WebDesign Grundkurs, Bottrop, Responsive WebDesign Inhouse-Lehrgang, Responsive WebDesign Webinare, Heidelberg, Responsive WebDesign Grundlagenkurs, Responsive WebDesign Intensivschulung, Responsive WebDesign Hilfe & Support, Responsive WebDesign Inhouse-Seminar, Responsive WebDesign Vor-Ort Schulung, Responsive WebDesign Basis-Schulung, Responsive WebDesign Workshop, Responsive WebDesign Weiterbildung, , Obernburg am Main, Responsive WebDesign lernen

Auszug unserer Kunden-Feedbacks

Personen- & Firmennamen sind freiwillige Angaben bzw. können Pseudonyme enthalten.
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.

03.06.15:
Super Kurs. Kleine Gruppen. Es wurde alles ausreichend und in einem guten Tempo aufgezeigt und erklärt. Ich bin sehr zufrieden und kann den Kurs nur weiterempfehlen.

23.05.15:
Besonders gefallen hat mir, dass auf den Teilnehmer einzeln eingegangen wurde.

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!

27.03.13:
Leckeres, entspanntes lernen! ;-)

01.02.13:
Schöner Schulungsraum, kleiner Teilnehmerkreis, technische Ausstattung. Es war alles perfekt!

25.10.12:
Kleine Gruppe ermöglichte konstruktive Zusammenarbeit!

13.09.12:
Ausstattung, optimale Lage, sehr gute Verpflegung.

04.07.12:
Bezug zur Praxis. Partnerschaftlicher Umgang mit den Kursteilnehmern. Flexibilität des Referenten.

 

Rückruf / CallBack

Neu: Mobile App

Laden Sie unsere Smartphone-App und bleiben Sie immer gut informiert!

App Download
Scanne mich…

Gutscheine

Ihr persönlicher Rabatt-Gutschein. Direkt online ausfüllen und gleich Geld sparen…
Ihr pers. Rabatt-Gutschein

Kundenmeinungen

Twittern Sie mit!

WildKolleg App:

App Store

Google Pla

FB FAN-Seite
WildKolleg - Schule für Kommunikation und Medientechnologie
YELP / Qype - WildKolleg
Marktplatz Mittelstand - WildKolleg