116565 Angebote • 61724 Titel   • 680.000 Besucher p.a.

Suche über alle WISY-Portale

Erweitern | Zeige Anbieter   Seite drucken Drucken
Oder Suchvorschläge aus Dropdown-Liste anklicken i

« Zurück

Responsive Webdesign mit HTML5

Zielgruppe:
Web Developer, Web Designer

Teilnahmevoraussetzungen:
•Fundierte IT- und Internetkenntnisse
•Grundkenntnisse HTML5, CSS

Lernziele:
Unterschiedliche Anzeigegeräte wie Smartphones, Tablets und Desktoprechner lassen sich mit einem HTML-Template bedienen, das per geräteabhängigen CSS an die Erfordernisse des Geräts angepasst werden. In diesem Seminar lernen Sie alle Techniken und Konzepte des Multidevice-Designs mit HTML5 kennen - vom Aufbau der Templates, über den Einsatz von flexiblen Grids, sowie der Auslieferung gerätespezifisch angepasster Inhalte.

Methoden:
Vortrag, Demonstrationen, praktische Übungen

Abschlusszertifikate:
Zertifikat von CBW

Inhalte:
Allgemeine Grundlagen responsiver Layouts
•Ausgaben auf mobilen Geräten und Desktopbrowsern
•Vergleich der Gerätetypen
•Geräteabhängige Designaspekte
•Responsive, Fluid, Adaptive?

Layouts entwerfen
•Entwurfsraster (Grids) einsetzen
•Grids schreiben, Gridframeworks
•Beispiele für Yaml und Bootstrap
•Festbreiten-Layouts, flexible Layouts
•Anforderungen und Entwurf eines flexiblen Layouts

Einsatz von Medienqueries
•Medientypen und Attribute abfragen
•Breakpoints zur Unterscheidung verschiedener Geräteklassen
•Gerätespezifische Anpassungen des Entwurfsrasters
•Browserkompatibilität für Internet Explorer 8 und kleiner

HTML für mobile Geräte
•Viewport
•Touchicons
•Conditional Comments

Umgang mit Bildern und anderen Medien
•Responsive Medieninhalte
•srcset, <picture> und andere Konzepte
•Anpassen von Bildern, Video

Typographie für Desktop und mobile Geräte
•Umgang mit Schriften und Schriftgrößen
•Lesbarkeit: das optimale Layout für jedes Gerät

Geräteoptimierte Content- und Navigationskonzepte
•Content first, Mobile first
•Graceful degration, progressive Enhancement
•Über die Bedienbarkeit Mauszeiger vs. Touchscreen
•Gerätetypische Schaltflächen, Navigationslisten, Eingabeelemente

Performance
•Optimierung der Ladezeit und des Ladeverhaltens
•Geräteangepasste Inhalte ausliefern

Frameworks
Adaptive Bilder (adaptive images)
Skalierbare Icons (awesome fonts)
Medienerkennung (responds.js)
Förderung:
Förderung mit Bildungsprämie oder Weiterbildungsbonus (abhängig vom jeweiligen Bundesland) möglich.

Sonstiges:
Im Preis enthalten sind alle Seminarunterlagen, Pausengetränke und Gebäck.

Weitere Infos vom Anbieter

Unterrichtsart: Präsenzunterricht i

Zeiten, Orte

Für dieses Angebot sind momentan 3 Zeiten bzw. Orte bekannt:

ZeitenDauerArtPreisOrt, BemerkungenAng.-Nr.
20.03.17 - 30.03.17
18:00 - 21:00 Uhr
1 Woche
(24 Std.)
Abends
Mo., Di. und Do.
max. 12 Teiln.
1170 € Frankenstraße 3
20097 Hamburg-Hammerbrook
ARWD
24.04.17 - 04.05.17
18:00 - 21:00 Uhr
2 Wochen
(24 Std.)
Abends
Mo., Di. und Do.
max. 12 Teiln.
s.o.
1170 €
Frankenstraße 3
20097 Hamburg-Hammerbrook
s.o.
ARWD
19.06.17 - 29.06.17
18:00 - 21:00 Uhr
2 Wochen
(24 Std.)
Abends
Mo., Di. und Do.
max. 12 Teiln.
s.o.
1170 €
Frankenstraße 3
20097 Hamburg-Hammerbrook
s.o.
ARWD
Anbieteradresse
CBW College Berufliche Weiterbildung
Frankenstraße 3
20097 Hamburg-Hammerbrook
Tel: 040 / 238 583 78-0
Fax: 040 / 238 583 78-9
Kontakt: Christiane Grote, Mo. – Do. 8:00 – 18:00 Uhr Fr. 8:00 – 16:30 Uhr
www.cbw-weiterbildung.de/
info@cbw-hamburg.de

Anbieterdetails anzeigen...
Allgemeine Fragen zur Weiterbildung
W.H.S.B. Weiterbildung Hamburg Service und Beratung gemeinnützige GmbH
Steindamm 91
20099 Hamburg-St. Georg
Tel: 040 / 280 84 666
Fax: 040 / 28 08 46-99
Mo-Do: 10-18 Uhr, Fr: 9-17 Uhr
www.weiterbildung-hamburg.de
info@weiterbildung-hamburg.de