Modul 2 Webdesign

Weiterbildungsmaßnahme Mediengestaltung Block für Web und Webentwicklung

Dieses Modul ist Bestandteil des Moduls Mediengestaltung.

Ziel dieses Kurses ist es Sie auf der aktuellen Software fit für den Arbeitsalltag zu machen. Diese Weiterbildungsmaßnahme ist dafür ausgelegt, dass Sie im Bereich Web und Webentwicklung auf zukünftige Aufgabenanforderungen vorbereitet sind um Ihre Chancen auf dem Arbeitsmarkt zu verbessern. Das SCSI Schulungscenter hatte eine Vermittlungsquote Ihrer Teilnehmer von über 80%.

Ein laufender Einstieg in unseren Kurs ist jederzeit möglich.

Grundlagen Gestaltung Web (6 Tage 48 UE)

Screen-Design

Inhalte

• Ablauf einer Web-Entwicklung.
• Funktionen der Gestaltungselemente.
• Bildgestaltung und -optimierung fürs Web: Slices und Kompression.
• Grafikstandards im Web: gif, jpg, png.
• Farbmodelle und Farbpsychologie.
• Animationen - wie funktioniert das? Frame-by-Frame-Animation und "Tweenings".
• Seitenformat und Monitorgröße: Raumaufteilung im Detail.
• Seiten-Layouts mit Tabellen, Ebenen und Framesets.
• Schriften und Typografie: Der Einsatz von CSS.
• Tags und Performance.
• Funktionale Navigationskonzepte mit Rollover-Buttons, Pull-down-Menüs und Site-Map.

HTML

• Prinzipieller Aufbau und Struktur des Internets.
• Überblick über die unterschiedlichen Editoren zur einfachen Erstellung von Web-Sites.
• Verständnis für die Bedeutung der Dokumenten-Strukturierung und Dokumenten-Gestaltung.
• Welche Layoutmöglichkeiten gibt es in HTML?
• Die Gestaltung einer durchdachten Benutzeroberfläche mit HTML.
• Grundstruktur einer Homepage: Grundgerüst und Syntax.
• Möglichkeiten der Verlinkung: relative und absolute Links.
• Die Syntax: Tags und ihre Attribute.
• Erstellung von Tabellen und Formularen.
• Einbindung von Grafiken.
• Frames als Stil- und Navigationshilfsmittel.
• HTML-Seitenaufbau: Anlegen und Arbeiten mit Frames, Eigenschaften, Definitionen und Verknüpfungen. Verschiedene Datenbankmodelle und Servertypen.
• Interaktivität: Formulare, Konzeption und Aufbau einfacher und komplexer Formulare in HTML. Erstellen Sie PHP-, ASP-, JSP- und CFML-Sites innerhalb einer Umgebung.
• Funktionalität von CGI. Dynamische Datenformatierung.
• Dynamische Seiten aktivieren und bearbeiten.
• Aufbau von JavaScript.
• Unterschiede zwischen Seitenbeschreibungssprachen (z.B. HTML), Scriptsprachen (z.B. JavaScript) und Programmiersprachen (z.B. Java).
• Verwendung vorhandener Scripte und Einbau in eigene HTML-Seiten (Es werden keine eigenen JavaScripte programmiert!).
• Erfahren Sie, wie Sie Sound- und Videodateien einbinden.
• Funktionalität und Anwendung von CGI-Scripten.
• Verwenden Sie CSS zur vollen Kontrolle über Ihre Typografie.

Dreamweaver (8 Tage 64 UE)

Inhalte

• Theoretische, grafische und funktionelle Grundlagen von Web-Sites.
• Aufbau und Struktur von Dreamweaver: Programmoberfläche,
• Werkzeugpalette und Eigenschaftsfenster
• Programmphilosophie.
• Grundlagen des Site-Managements.
• Wie können Sie Tabellen generieren und optimieren?
• Das Bearbeiten von Texten in HTML.
• Wichtige Grundlagen zur Erstellung von Sites und Dokumenten:
• Wie können Sie Bilder und Image-Maps einfügen?
• Das Bearbeiten von Frames.
• Erstellung von Formularen im Detail.
• Elementpositionierung mit Layern.
• Quellcode-Optimierung und Metatags.
• Optische Layouthilfen.
• Die Prüfmechanismen von Dreamweaver im Überblick:
• Das Reparieren von defekten Links.
• Die Überprüfung der Funktionalität auf den unterschiedlichen Plattformen.
• HTML4, CSS und DHTML-Actions im Detail.
• Die Integration von Multimedia-Dateien.
• Vorschau in verschiedenen Browsern testen.
• Generierung von JavaScript-Funktionen.
• Siteverwaltung und FTP.
• Der Einsatz von Vorlagenseiten.
• Erstellung von Formularseiten/CGI-Anbindung.
• Effektives Suchen und Ersetzen.
• Das Arbeiten mit Templates
• Tipps und Tricks in praktischen Beispielen.
• Suchmaschinenoptimierung
• Verschiedene CSS in einem Dokument verwenden.
• Interne und externe CSS.
• Hierarchischer Aufbau der CSS.
• Funktionen der CSS.
• Seitengestaltung mit CSS.
• Positionieren mit CSS (CSS-P).
• Formatierung von Tabellen.
• Unterstützung der Browser.
• Wichtigste Formatierungen für Schriften, Abstände, Ausrichtungen, Hyperlinks und Formulare.

Java Script (4 Tage 32 UE)

Inhalte

• Was versteht man unter Top-Down-Entwicklung?
• Erläuterungen der Grundbegriffe: Funktionen, Variablen, Parameter.
• Wann wird JavaScript-Code interpretiert?
• JavaScript-Objekt-Hierarchie im Detail.
• Konzepte, Struktur und Syntax der Sprache.
• Einsatzmöglichkeiten von JavaScript.
• Erstellen von grafischen Anwendungen mit Hilfe der Klassenbibliotheken.
• Entwickeln einer eigenständigen Anwendung mit Roll-Over-Effekten.
• Verweisoptimierung mit JavaScript.
• Wie können Sie mehrere Frames gleichzeitig aktualisieren?
• Aufrufmöglichkeiten/Einbettung in HTML.
• Standard-Dialogfenster.
• Ereignisse und Event-Handler.
• Steuerelemente (Controls).
• Der Umgang mit button, checkbox, text, textarea, radio button und select.
• Gültigkeitsprüfung von Eingabefeldern.
• Dynamische Auswahllisten erzeugen.
• Gestalten individueller Seiten mit Cookies.
• Verwenden von Cookies als Parameter.
• Wie werden Navigationsleisten und Pull-down-Menüs programmiert?
• Web-Adressen für freie Beispiel-Scripts.

Photoshop Elements (1 Tag 8 UE)

Inhalte

• Grundlagen der digitalen Bildverarbeitung.
• Scan- und Bildauflösungen.
• Unterschiedliche Dateiformate und deren Anwendung.
• Bildgrößenänderungen und deren Auswirkungen.
• Einsatz von Farbtechniken.
• Verschiede Auswahltechniken, um einzelne Bildelemente zu bearbeiten.
• Retuschieren von Bildern.
• Optimieren von digitalen Bildern (Korrekturen).
• Verfremdung von Bilder (Filterfunktionen).
• Bildmontagen aus mehreren Bildern.

CSS (4 Tage 32 UE)

Inhalte

• Überblick über aktuelle Webstandards.
• Überblick HTML Syntax
• Einführung in CSS und ihre Möglichkeiten.
• CSS und Layertechnik.
• HTML-Grundgerüst
• Schriften
• Textabstände
• Buchstaben
• Einzug
• Umrandungen und Weißräume
• Aufzählungen
• Syntax zur Farbdefinition
• Textfarben definieren
• Hintergründe
• Positionieren von Elementen
• Größenangaben
• Unsichtbare Elemente
• Ebenen anlegen
• Attribute und Werte
• Absatzausrichtungen
• Bereiche definieren
• Überschriften
• Kommentare einfügen
• Umstellung einer HTML-basierten Site auf CSS.
• Umsetzung eines Layouts mit CSS und Browsertests.

Animated Gif (2 Tage 16 UE)

Inhalte

• Animation
• Transparenz
• Farbpalette

Banner Erstellung (1 Tag 8 UE)

Inhalte

• Layout Entwicklung
• Einsatzmöglichkeiten
• Ansprechende Gestaltung

Weboptimierte Bilder (1 Tag 8 UE)

Inhalte

• Format
• Komprimierung
• Transparenz
• Farbeinstellung

Flash (6 Tage 48 UE)

Inhalte

• Prinzipieller Aufbau von der Flash-Entwicklungsumgebung.
• Einrichtung der Arbeitsumgebung.
• Zeichenwerkzeuge und ihr Einsatz.
• Das Arbeiten mit Ebenen.
• Wie lassen sich die Zeitleisteninhalte optimal organisieren?
• Was sind die Grundlagen der Zeitleistenanimation?
• Kreative Designwerkzeuge genauer betrachtet:
• Welche Tweening-Verfahren gibt es?
• Grafikwerkzeuge und Farbmischerweiterungen.
• Erstellen von Maskeneffekten.
• Objekteigenschaften: Form und Gruppe.
• Einfügen und Entfernen von Grafiken auf der Bühne und im Arbeitsbereich.
• Import von Vektor- und Bitmapgrafiken.
• ActionScript-Befehle:
• Steuern des Layouts von Bildschirminhalten.
• Tipps zum Eingeben von Code.
• Erstellen von Grafiken in Echtzeit.
• Einführung in die Programmiersprache ActionScript.
• Wie erzeugen Sie Interaktivität mit ActionScript?
• Was sind Szenen und Film-Ebenen?
• Wie können Sie HTML-Seiten von Flash aus steuern?
• Komplexe User-Interfaces erstellen (z.B. hierarchische Ausklappmenüs).
• Formulare und Scripting:
• Formularelemente erstellen (Textfelder, Radiobuttons, Checkboxen).
• Bedingte Aktionen verwenden.
• Fertigstellung:
• Exportoptionen für Shockwave-Filme.
• Integration von Shockwave-Filmen in HTML-Seiten.

Joomla! (10 Tage 80 UE)

Inhalte

• Was ist ein Content Management System (CMS)?
• Was leistet Joomla! als CMS?
• Was ist Open Source?
• Historie - Von Mambo zu Joomla!
• Verschiedene Versionen (LongTerm / ShortTerm)
• Joomla! 1.5 und 1.6 bis 2.5
• Was ist PHP und MySQL?
• Welche verschiedenen Möglichkeiten der Installation gibt es (Offline / Online)?
• Wo kann man die verschiedenen Joomla! Versionen downloaden?
• Download Joomla2Go / Xampp
• Installation lokaler Server
• Installationsvoraussetzungen auf dem Webserver
• FTP-Server und FTP-Upload von Joomla! auf den Webserver
• Eine Datenbank beim Webserver anlegen
• Installationsroutine ausführen
• Was bedeutet Frontend und Backend?
• Überblick des Administrations-Bereichs von Joomla! (Backend)
• Online-Upgrade-Funktionen für den Core und Erweiterungen
• Konfiguration des CMS
• Profil bearbeiten
• Benutzer anlegen
• Sprachen Einstellungen – Upload von Sprachdateien
• SEO Einstellungen im Backend mit .htaccess
• Benutzerrechte
• Basiseinstellungen
• zugewiesene Rechte
• Was sind Plugins (früher Mambots), Module und Komponenten
• Der Editor / Einstellmöglichkeiten des Editors
• Alternative Editoren
• Mediamanager / Datei-Upload
• Globale Einstellungen für Beitrage und Komponenten
• Erweiterungsmanager (Installation / Deinstallation)
• Kategorien und deren Bedeutung
• Anlegen mehrerer Beiträge
• Inhalte bearbeiten ohne ins Backend zu gehen
• Menüs / Menüstruktur
• Was sind Blogs, Tables und andere Menüeinträge
• Verschiedene Arten von Menüpunkten
• Menü anlegen
• Splitmenü erzeugen
• Anlegen mehrerer Menüpunkte auf unterschiedlichen Ebenen
• Modulerklärung
• Installation und Deinstallation von Modulen
• Aktivierung und Deaktivierung von Modulen
• Positionierung von Modulen
• Modulzuweisung zu vorhandenen Menüs
• Der Texteditor in Joomla!
• Welche Möglichkeiten habe ich, auf was muss ich achten?
• Parameter und Einstellungen für Artikel
• Suchmaschinenoptimierung bei der Artikelerstellung
• Paketdatei / Temp-Verzeichnis / Direkt von Webadresse
• Backup-Funktion mit Tools wie Akeeba oder Xcloner
• Sitemap
• Impressum-Komponente
• Statistik-Komponente
• Die Newsfeeds-Funktion
• Einfügen eines Newsfeeds
• Mail an bestimmte registrierte Benutzer schicken
• Layout der Website - Was versteht man unter einem Template
• Template-Clubs / Freie Templates / Eigene Templates
• Mit HTML und CSS das Layout bestimmen.
• Webdeveloper-Tools und Firebug
• Erstellen eines eigenen Templates
• Favicon erstellen.
• Downloadmöglichkeiten fertiger Templates
• Anpassungen und Änderungen an einem bestehenden Template
• Eigenes Template mit einem Template-Generator erstellen.
• Installation und Erstellung einer eigenen Website