Professionelles Webdesign

alfatraining Bildungszentrum
Köln

Bildungsziel: Sie kennen den kompletten Workflow für ein modernes Webdesign und produzieren benutzerfreundliche und anspruchsvolle Webseiten. Außerdem beherrschen Sie den Umgang mit dem Content Management Systemen Joomla und Wordpress. Sie können Webseiten und Blogs mit veränderlichen und dynamischen Inhalten füllen und editieren, funktionelleSeitenstrukturen erstellen und administrieren, ansprechende Web-Layouts gestalten sowie Joomla auf einem Webserver installieren.
Abschluss: alfatraining-Zertifikat

Beschreibung:
Webdesign mit XHTML/HTML5 / CSS 3 / Dreamweaver / Photoshop:

HTML5 / XHTML (ca. 6 Tage)
Webseitenerstellung - technische Voraussetzungen
Browsertypen
Grundgerüst von (X)HTML5-Dokumenten
Standardkonformer Aufbau von (X)HTML5-Dokumenten
- Text / Images
- Verweise (Hyperlinks)
- Listen, Tabellen,  Formulare
Dokumententypen Strict, Transitional, Quirks-Mode
Grafiktypen für (X)HTML5-Dokumente
Charaktersets
Meta-Tags
Trennung von Form und Inhalt
(X)HTML5 Attribute
Erstellen von (X)HTML5 Dokumenten im Texteditor

CSS und Dreamweaver (ca. 17 Tage)

Dreamweaver CC
Übersicht über Benutzeroberfläche
Site-Management, Anbindung an Webserver
Arbeiten mit Templates
Stylesheets editieren, Stile zuweisen
Javascript editieren
Dropdown Menüs
Arbeiten mit Formularen, Listen, Tabellen und Iframes
Hyperlinks, Imagemaps, Anker
Einfügen und Formatieren von Multimediaobjekten (z.B. Flash, XML)
Automatisches Prüfen von Sites und Links (nach W3C Standard)
Widgets Browser

CSS
Farben und Hintergrund
Textgestaltung
Aufzählungen und Nummerierungen (Listen)
Tabellen gestalten
Formulare gestalten
Buttondesign mit CSS - (roll-over)
Mehrspaltiges Seitenlayout
Fixes, Elastisches und fließendes Seitendesign
Adaptives, responsives Webdesign (für mobile Endgeräte)
Positionierungsmöglichkeiten ("position", "float")
Navigationen mit CSS
Quellen im Internet

Photoshop CC (ca. 2 Tage)
Grundlagen der Bildbearbeitung
Werkzeuge, Auswahltechniken
Slices
Bildausgabe für Web

Projektmanagement (ca. 1 Tag)
Planung und Strukturierung größerer Websites
Exposé, Scribble, Feinkonzept, Storyboard
Ressourcenplanung
Suchmaschinenoptimierung
Webmaster-Tools

JavaScript (ca. 3 Tage)
Grundlagen JavaScript
Variable und Konstante
If-Abfragen, Fälle, Schleifen, Funktionen
Einbinden vorgefertigter Javascript-Programme, wie z.B. Bildgalerien
Ajax-Spry-Elemente - Einbinden und Formatieren

Allgemeines (ca. 1 Tag)
Usability, Barrierefreiheit
Rechtssichere Websites
Providersuche, ftp-upload
W3C-Konformitäts-Check HTML, CSS

Projektarbeit Webauftritt (ca. 10 Tage)
Projektarbeit - Entwicklung eines Webauftritts für ein Unternehmen
Kombinierte Anwendung der gelernten Web-Tools
Präsentation der Projektergebnisse

Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.

Content Management Systeme (CMS) mit Joomla und Wordpress:

Wordpress (ca. 7 Tage)
Lokale Installation mit Xampp (Apache, MySQL)
Struktur, Frontend / Backend
Einpflegen von Inhalten in Beiträge und Seiten
- Texte
- Bilder
- Widgets
- Kategorien & Schlagworte
Shortcodes & HTML-Editor für aufwendigere Artikel (Tabellen, Spoiler, Tabs, Buttons, Animationen etc.)
Templates / Themes verwalten und anpassen (mit Page-Builder, CSS/HTML, Child-Theme)
Erweiterung mit wichtigen Plugins (Backup, Kontaktformular etc.)
Benutzerrechte

Fortgeschrittene Themen zum Betrieb einer Webseite (ca. 1 Tag)
Webhosting-Provider
Performance & Sicherheit (CMS und Webspace)
SEO Suchmaschinenoptimierung Onpage und Offpage Optimierung
Checkliste: Wie sieht eine professionelle Webseite/Homepage aus?
Mehrsprachfähigkeit einbinden

Joomla  (ca. 7 Tage)
Lokale Installation mit Xampp. (Apache, MySQL)
Struktur, Frontend / Backend
Einpflegen von Inhalten in Artikeln
Strukturierung der Inhalte
- Visueller Editor und HTML-Editor
- Bilder
- Menüeinträge
- Kategorien & Schlagworte
- Banner & RSS Newsfeeds
Templates verwenden und anpassen
Benutzerverwaltung / Kontakte / Rechte
Erweiterungen und individuelle Anpassungen mit  Plug-Ins, Module & Komponenten
- Shortcodes für aufwendigere Artikel (Tabellen, Spoiler, Tabs, Buttons, Animationen etc.)
- Formulare
- Bildergalerien
- Gästebuch / Kommentare

Projektarbeit (ca. 5 Tage)
Konzeption und Umsetzung eines Projekts mit Joomla und Wordpress
Präsentation der Projektergebnisse

Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.