Seitenübersicht

Begrüßung

21.07.2004 Herzlich Willkommen
E-Learning mit den Websozis

18.09.2004 Wer wir sind
Know-How-Sharing und Webhosting für SPD / SPÖ / SP-Webmaster

20.11.2002 Seitenübersicht

Bildbearbeitung: Allgemein.

20.07.2004 Internetbilder optimieren mit SlowView
Enfach zu bedienender Bildbetrachter mit vielen Funktionen

21.07.2004 Dateitypen für Bilder im Internet
Grundlagen zu Internetbildern für Anfänger

22.07.2004 Screenshots unter Windows erstellen

Bildbearbeitung: Photoshop.

10.07.2004 Photoshop: Rotes SPD-Logo
Workshop: "Lokalisiertes Logo" erstellen

10.07.2004 Photoshop: Farbverläufe mittels LAB-Farbraum

10.07.2004 Photoshop: Hintergrund auswechseln

12.07.2004 Technik: Bilder zuschneiden
Zum Zuschneiden wird aus der Werkeugpalette das Freistellungswerkzeug (C) ausgewählt. Mit diesem Werkzeug kannst du entweder in einer beliebigen Größe oder in einer festen Größe das Bild zuschneiden.

13.07.2004 Photoshop: Kopfbilder für die SPD-Seite

14.07.2004 Licht aus, Spot an: Beleuchtungseffekte in Photoshop

15.07.2004 Photoshop: Ein Banner entsteht

16.07.2004 Technik: Für Web speichern
Mit der Funktion "Für Web speichern" können Bilder für das Internet in der Dateigröße optimiert werden. Hier die Grundlagen.

30.07.2004 Technik: GIF / PNG transparent speichern
GIF und PNG-Bilder können mit Transparenzen gespeichert werden. Hier zeigen wir wie es mit der Funktion "Für Web speichern" funktioniert.

04.08.2004 GIF / PNG transparent speichern, Photoshop 5 und 6
In Photoshop 5 und 6 muss etwas anders vorgegangen werden. Zuerst wird die vorhandene Ebene dubliziert, wenn sie die Hintergrundebene ist, da ich auf der Hintergrundebene nichts transpentes haben kann.

12.08.2004 Fahneneffekt mit Photoshop (Zeitsparende Version)
Fahneneffekt in der einfachen Version

15.08.2004 Fotos: Helligkeit und Farbe korrigieren
Häufig haben Fotos - besonders aus der Digitalkamera - einen Farbstich und sind zu dunkel. Dafür gibt es diverse Werkzeuge in Photoshop, mit denen diese Fehler korrigiert werden können.

16.08.2004 Schrift in eine Grafik einfügen
Beim Einfügen von Schrift in Grafiken muss man einiges beachten, sonst sieht das Banner, Logo o.ä. am Ende "pixelig" aus.

17.08.2004 "Stürzende Linien" entfernen
Will man ein Gebäude formatfüllend fotografieren, muss man dazu oft die Kamera nach oben richten.
Die Folge sind dann Gebäudekanten, die nach oben zusammenlaufen. Diese "stürzenden Linien" kann man mit Photoshop (hier Version 6.0 Win) leicht entfernen.

29.11.2004 "Warholisierung" Portraits verfremden
Es gehört sicher nicht zu den ständig wiederkehrenden Anforderungen für Homepage-Grafiken (Bilder), man kann aber mit relativ geringem Aufwand einen tollen Effekt erzielen.

03.04.2005 Stempeleffekt
Wie erreiche ich den Eindruck eines Stempelabdrucks?
Mit Photoshop und ein wenig Geduld lässt sich das erreichen.

31.05.2005 Weltraumeffekt

16.06.2005 Erstellen eines komplexen Banners
Manchmal muß es eben etwas mehr sein: Dieser Workshop zeigt, wie man auch ohne passende Fotos aus Einzelteilen ein Banner zusammensetzen kann. Der Workshop setzt Grundkenntnisse vor allem im Umgang mit Ebenen vorraus und ist wahrscheinlich für Anfänger weniger hilfreich.

08.12.2005 Aus einem farbigen Kreis wird eine Kugel

18.10.2009 Schriftzug in SPD-Würfel einbinden
Der 3-D SPD-Würfel bietet ein paar Herausforderungen beim einfügen individueller Texte. Dieser Screencast zeigt, wie es geht

Bildbearbeitung: ImageReady.

19.07.2004 Der springende Punk(t): Gif-Aninamtion
Der Klassiker des Daumenkinos: so geht es.

Bildbearbeitung: Gimp.

17.07.2004 The GIMP: OpenSource-
Bildbearbeitung

Bildbearbeitung: Paintshop Pro.

21.07.2004 Kopfbild für Internetseite

Grafiken zeichen (Vectorgrafik).

22.08.2004 Allgemeines zu Vectorgrafiken
Vectorgrafiken sind Zeichnungen, wo Linien durch Punkte bestimmt werden. Im Gegensatz dazu werden bei Pixelbildern (Fotos, GIF, JPG) die Bildinformationen in einzelnen Rechtecken gespeichert. Für Fotos sind Vectorgrafiken nicht geeignet.

13.08.2004 Logos aufarbeiten mit Illustrator
Logo kann man mit Vectorprogrammen hervorragend aufbereiten. Wichtig dabei ist, dass die Bilder einen zeichnerischen Charakter haben.

14.08.2004 Buttons mit Illustrator
Übungen für Anfänger anhand von SPD-Buttons

24.10.2006 Stempel mit Illustrator
Wie man in ein paar Schritten einen Stempel in Illustrator baut

HTML und CSS: Websozis Baukasten.

16.07.2004 Grundregeln zum Nachschlagen

17.07.2004 CSS-Regeln
Bezeichnung der Elemente, Kommentare ...

10.07.2004 Begriffe rund um HTML und CSS

10.07.2004 Was sonst noch so dazu gehört

13.07.2004 Grundaufbau einer Seite

13.07.2004 XHTML-Grundgerüst: Metatags

15.07.2004 Scizze und Umsetzung

15.07.2004 Positionierung der Seitenelement mit CSS

16.07.2004 Mit Inhalten füllen

22.07.2004 Gestaltung der Seite
Fast nur noch CSS: Für die weitere Gestaltung der Seite wird fast nur noch CSS benötigt. Die Gestaltung ist in neun verschiedene Bereiche aufgeteilt.

22.07.2004 Hintergrund, Schrift, Abstände (Schritt 3 bis 5)
3. Schritt: Hintergrund- und Textfarben, 4. Schriit: Schrift und Text, 5. Schritt: Innen- und Aussenabstände

Materialsammlung für die Internetseite.

11.07.2004 Javascripts

12.07.2004 Anwendungsbeispiel für Websozis TV

12.07.2004 Anwendungsbeispiel Webseite des Monats

13.07.2004 Anwendungsbeispiel Nachrichtenticker

11.07.2004 HTML-Schnipsel

12.07.2004 Anwendungsbeispiel Websozis Karte

19.07.2004 Anwendungsbeispiel Websozis Statistik

11.07.2004 PHP-Schnipsel

12.07.2004 Anwendungsbeispiel für Websozis TV

16.01.2005 RSS oder RDF, was ist das?
RSS ist inzwischen nicht mehr wegzudenken, doch viele wissen nichts damit anzufangen. Hier ist ein Erklärungsversuch:

16.01.2005 Dynamische Lesezeichen und RSS mit Mozilla Firefox
Seit der Version 1 bietet Mozilla Firefox eine einfache Möglichkeit, RSS-Newsfeeds als dynamische Lesezeichen abzulegen.

27.02.2006 CSS-Grundelemente
CSS wird häufig als kompliziert angesehen, ist aber nicht so schwer, wie es auf den ersten Blick aussieht. Folgende Grundelemente können helfen, einen Anfang zu bekommen:

Barrierefreie SPD-Internetseiten.

29.03.2005 Grundlagen für die Eingabe von HTML

Kontakt und Impressum.

09.07.2004 Impressum

11.05.2004 Kontakt
Ihr könnt gerne zu uns den Kontakt per Email versuchen. Wenn ihr aber garantiert eine Anwort erhalten wollt müsst ihr im Forum nachfragen.