Unser Fernlernkurs "Webdesigner/-in" möchte Ihnen umfangreiches Wissen in den Bereichen der Planung und des Aufbaus der Elemente einer Website, der Struktur, des Layouts, User Experience und Usability, Webseitenkonzeption und Projektmanagement sowie der Technischen Umsetzung vermitteln.


Von Bildern, über Grafiken, Farben und Schriftarten werden Sie in der Lage sein, eine nutzerfreundliche Website, die für den Kunden ansprechend aufbereitet worden ist, zu gestalten und dadurch einen erheblichen Mehrwert für eine entspannte Unternehmenskommunikation mit den Usern leisten.



Kursinhalte:


1. Webseitenkonzeption und Projektmanagement


• Begriffsbestimmung Webdesign / Aufgabenbereiche eines Webdesigners
• Grundlagen Marketing: Marktanalyse, Konkurrenzanalyse, Kundenanalyse
• Ziele der Webseite, Zielgruppen und Nutzerverhalten
• Customer Journey / Persona
• User Experience / User Interfaces
• Suchmaschinenmarketing und -optimierung
• Keyword-Recherche
• Content Marketing
• Storytelling / Content für Webdesign
• Projektmanagement
• Lastenheft, Leistungen, Angebot, Pflichtenheft
• Projektstart / Umsetzung und Änderungswünsche / Projektabschluss
• Exkurs: Kundenkontakt / Kommunikation(spsychologie)



2. Webseitenaufbau und -gestaltung


• Inhaltsstruktur, Informationsarchitektur
• Pageflow, User First, Findability
• Webseitentypen: Von Blogs bis Web-Apps
• Zugänglichkeit und Barrierefreiheit
• Anforderungen an Design, Inhalte, Technik und Funktionalität
• Usability / UX
• Responsive Wegdesign
• Exkurs: Rechtliche Grundlagen



3. Design I


• Gestaltungsgrundlagen
• Wahrnehmung, Format, Texturen, Anordnung, Gewichtung
• Gestaltungsgrundsätze
• Screendesign
• Arbeit mit Design-Programmen
• Layout und Raster
• Anatomie einer Webseite (Header, Footer etc.)
• Wireframes
• Navigation und Interaktion
• Hauptnavigation / Subnavigation / Metanavigation / Footernavigation
• Links, Buttons, Suchfelder, Formulare



4. Design II


• Farbenlehre / Farbsysteme / Farbwirkung / Farbkontraste / Farbschemata
• Leseverhalten / Schriftarten und -darstellung im Web
• Makrotypografie vs. Mikrotypografie
• Textformatierung
• Motive und Bildbestimmung
• Icons / Icon-Fonts
• Bildbearbeitung / Bildformate
• Bilder in HTML / CSS



5. Technische Umsetzung I


• Grundlagen der Programmierung
• Einfache Webseitenstrukturen mit HTML
• HTML-Tags und deren Verwendung
• CSS / SCSS (Webseitenstyling, Selektoren, Styling)
• JavaScript (Variablen, Datentypen, Funktionen, Objekte)
• PHP (Funktionen, Programmierung)
• Editor / WYSISWG
• Content Management Systeme
• WordPress, Joomla, Drupal, Typo 3
• IDE (Integrated Development Environment)
• PHPStorm, Webstorm, Notepad++, Visual Studio Code
• Vorgefertigte Templates (HTML / CSS / JS)
• Anpassungen an Templates



6. Technische Umsetzung II


• Responsive Design (Erstellung und Umsetzung)
• Animationen mit CSS (CSS3-Transform)
• Animationen mit JavaScript
• Interaktive Elemente wie Bildergalerie, Tabs, Accordion, Content-Slider
• Audiovisuelle Elemente
• Google Webdesigner
• Hosting (Serverstruktur, Hostinganbieter und Technologien, FTP, SSH)
• Server
• Datenbanken
• Domain, Domainregistrierung, Domainname, Anbieter, Einrichtung
• DNS (Dynamic Namespace Server)
• Performance
• Ladezeiten und deren Optimierung
• Website Profiling, Speicherverbrauch, Animationen
• Datenaufbereitung
• Bildbearbeitung, Komprimierung, GZIP



7. Betrieb und Wartung



• IT-Sicherheit
• Verschlüsselung von Netzwerkverkehr und Nutzerdaten
• Erkennen und Schließen von Sicherheitslücken
• Buffer Overflow, Integer Overflow, SQL Injection, Denial of Services
• Sicherheit in CMS
• Vermeidung von Spam
• Installation sicherer Plugins
• Webseitenpflege / Updates / Backups
• Google Analytics