Seite wählen

Offene Schulungen in Nürnberg und Inhouse-Trainings & Kurse auch in München und Chemnitz.

HTML5 & CSS3 Aufbau-Training.
Responsive Website-Entwicklung + WebDesign Praxis-Training

»Termine frei nach Vereinbarung…

Dieser Entwicklerkurs vermittelt Ihnen das nötige Knowhow und Hintergrundwissen, um zukünftig selbst mit HTML5 und CSS3 moderne und responsive Websites (RWD) zu erstellen. 

HTML5 - Programmierung

Erstellen Sie eine Website, die mit einer optimalen Darstellung und Bedienbarkeit auf allen Bildschirmgrößen punktet und somit für Ihre Besucher schneller und intuitiver zu bedienen ist. 

Schulungsziel:

Anhand eines praxisorientierten Projektes erlernen Sie Schritt für Schritt die Planung & Umsetzung einer geräteunabhängigen Webseite. Entlang des Prozesses vertiefen Sie Ihre HTML & CSS Kenntnisse, Bilder je nach Auflösung dynamisch zu tauschen, benutzerfreundliche Navigationen und Formulare zu erstellen und vieles mehr.

 

Zielgruppe:

  • allg. Anwender
  • Web-Designer
  • Web-Entwickler

Empfohlene Voraussetzungen:

  • sicheres Arbeiten unter Windows oder MacOS/X
  • allg. Internet Knowhow
  • solide Vorkenntnisse in HTML(5) und CSS(3)

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:

  • Einführung & Konzeption
    • Warum responsives Webdesign?
    • 'Mobile First' vs. 'Graceful Degradations'
  • Brackets Einführung (bei Bedarf)
    • Arbeitsbereich
    • Tastenkürzel
    • Plugins
  • HTML Auffrischung
    • Grundgerüst
    • Struktur
    • Viewport Meta-Tag
  • CSS Auffrischung
    • Einbindung
    • Selektoren
    • Kaskadierung
    • Spezifität
    • Vererbung
    • Box Modell
    • Displaytypen
    • Positionierung
    • Media Queries
  • Raster-Systeme
    • Grid vs. Flexbox
  • Das „Flexible Box Layout Module“ (Flexbox) im Projekt anwenden
    • Eigenschaften des Flex-Containers
    • Eigenschaften der Flex-Items

Schulungsinhalte – Tag 2:

  • Erweiterte HTML5-Tags
    • article
    • aside
    • picturecanvas
    • svg
    • video
    • audio
    • source
  • Erweitertes CSS3 und Effekte
    • Selektoren
    • Typografie
    • Pseudo Elemente
    • Transitions
    • Animations
    • Transforms
    • mehrfache Hintergründe
    • Verläufe
    • Box Shadow
    • Filter
    • Opacity
    • Calc
  • Neuerungen im Projekt anwenden
  • JavaScript – Einführung
    • Einfache Grundlagen
    • Beliebte Frameworks
  • Onlinestellung
    • Web-Hosting
    • FTP-Upload
    • Pflege
  • Hilfreiche Tipps & Tricks
    • Website Validierung/Prüfung
    • Performance-Optimierung

Schulungsinhalte – Tag 3:

Optional – nach indiv. Vereinbarung

  • Individueller Workshop: Problemstellung – Konzeption – Umsetzung kundenspezifischer Beispielprojekte
  • Anwenden der gelernten Inhalte auf eigens geplante Website-Projekte
  • Behandlung weiterführender Themen (JavaScript, …)

Dauer:

2 bis 3 Tage á 8 Unterrichtsstunden.(1) 
(9:30 Uhr bis ca. 16:30 Uhr)

Verfügbare Arbeitsplatz-Systeme:

Microsoft Windows und Apple MacOS/X

Weiter zu den Details…