Felbauer's Weblog

klassische Online Werbung

felbauer — Thu, 27 Nov 2008 20:42:48 +0000

Heute haben meine Mitschüler und ich, einen Vortrag zum Thema „e-Business“ in der FH Steyr besucht.

Hier können Sie sich den Ablauf ansehen:

e-business_best_practices

Wir hatten die Aufgabe eines der Thema mitzuschreiben, diese Mitschrift werde ich nun hier veröffentlichen.

Referentin:
Martina Stasny
vorauer, friends
Werbeagentur gmbh

MEDIENMANAGEMENT

Agenturvorstellung
Worauf wir bauen:

Kreation
Consulting
Technik

Warum Onlinekunden?

Interaktivität
Schnelligkeit und Flexibilität
Qualität des Kontakts
Sicherheit
Effizient

–> 67 % nutzen in Österreich das Internet

Banner
Werbung im Internet

–> „Braining Effekt“ (man merkt sich die Werbung im Unterbewusstsein)

Art der Werbung

Layer Ad
Flapbanner
Sitebar
Tandem Ad
Take over Ad

Erfolgmessung

Ad Clicks
Ad Impression/Ad Views (AI)
Unique Client
Click Rate

Hier sehen Sie noch die vollständige Präsentation der Referentin:

Präsentation

mfg Michael

Urheberrecht

felbauer — Wed, 26 Nov 2008 18:48:31 +0000

Mitschrift vom 25.11.2008

(RM) Rights-managed/ Lizenzpflichtig

Kaufe genau die Lizenz um es zB zu drucken (Werbefolder)

Wird teurer wenn man mehr druckt

(RF) Royalty-free/Lizenzfrei

Kann damit machen was man will

Creative commons

Jeder andere darf das Bild auch verwenden, man muss aber die Quelle angeben.

Präsentationsmitschriften

felbauer — Fri, 14 Nov 2008 13:25:14 +0000

In den vergangenen Wochen präsentierten meine Mitschüler und ich unsere Präsentationen zu dem Thema Website!

Nachfolgendend werde ich die Mitschriften veröffentlichen.

Überlegung und Planung einer Website
(Kopf Daniel, Stubenvoll Marius)

Sinn der Website? –> Website sollte einen Nutzen haben

Entwicklungsschritte:

Definitionsphase:
Wozu brauche icht eine Website?
Was will ich damit erreichen?

Fragen vor der Planung: Ziele, Zielgruppe, Inhalt, Gestaltung, Wartung, Marketing
Zweck der Website: Informationen, Unterhaltung, Förderung des Images, Verkauf, Präsenz

Architekturphase
Es wird mit Hilfe von allen bestehenden Informationen ein Gerüst aufgebaut.

Gestaltungsarbeit
Flache oder tiefe Hierachie?
flach: weniger Klicks bis ich zum Ziel komme
tief: viele Klicks bis zum Ziel

Umsetzungsarbeit
mehrere Leute beteiligt
Seite wird erstellt/geprüft

Webseitengestaltung
(Schwarz Andreas, Lötsch Carmen)

am Anfang –> Grundlage schaffen (Design)

Bilder –> links oben

Wichtiges link oben platzieren
(wir lesen von links oben nach rechts unten)

Weißraumbereich:
das Verhältnis des Weißraumbereichs sollten stimmen

Bildschirmauflösung:
optimale Website Auflösung –> 1024×768 Pixel
Bildschirmauflösung 1024×768 =Nutzfläche 980×570 Pixel
–> Bildschirmauflösung ist nicht gleich Nutzungsfläche

Texte und Schriften (Typographie)
(Tötzl Stephanie, Lötsch Isabel)

Serifenschrift –> beim Buchstaben sind oben und unten Striche z.B.: H

Es gibt webtaugliche bzw. webuntaugliche Schriften

fe … e ist viel größer als die Mitte von f

Gestaltung von Texten auf Websiten:
kursiv –> schlecht lesbar
fett, unterstrichen –> sollte nicht verwendet werden
fett –> nur bei Überschriften
unterstrichen –> könnte mit Hyperlink verwechselt werden

Schriften die fast jeder hat:
Arial (Serifenlos)
Times New Roman (Serifenschrift)
Verdana
Trebuchet MS –> extra entwickelte Schrift für das Web

Farben auf einer Website
(Wolf Gerald, Hollnbuchner Michael)

Komplementärfarben:
Gegenüberstehende Farben (z.B.:grün und rot)

Analogfarben:
(verschiedene Brauntöne)

Die Farbe einer Website sollte immer der jeweiligen Kultur angepasst werden.

interessante Informationen über Farben sind auch auf dieser Website zu finden

–>

http://www.die-barrierefreie-website.de/grundlagen/farbwirkung-und-farbklang.html

Navigationselemente
(Reitzinger Matthias, Schuster Stephan)

Image Map Hyperlink:
Bild besitzt mehrere Links (z.B.: http://www.arbeiterkammer.com einzelne Bundesländer sind eigene Links)

Sitemap:
Übersicht von der Website

Piktogramme:
z.B.: Warenkorb –> Symbol eines Einkaufwagens

Bei Verwendung solcher Piktogramme –> einfacher für User

Meta-Navigation
hat nichts mit Inhalt zu tun –> Infos über die Seite selbst (z.B.: Impressum)

Bilder und Animationen
(Chen Yong xin, Blasi Raphael)

-
CMYK Farben:
Druckfarben –> Cyan, Magenta, Yellow, Key (Schwarz)

GIF Datei:
höchstens 256 Farben
geeignet für Logos und Grafiken (Kanten, schärfer dargestellt)
transparente Farbe (auf Website sieht man den Hintergrund)

JPEG Datei:
bei speichern –> komprimiert, bei öffnen dekomprimiert
16 Millionen Bit

Animationen:
erweckt Interesse des Users

Pixel horizontal x Pixel vertikal = Gesamtauflösung

5 Megapixel Kamera –> 5 Megapixel Auflösung

Bildschirm –> max. 96 dpi

Farbtiefe –> Anzahl der Bit

Site optimieren
(Dorfmayr Robert, Felbauer Michael –> ich )

unsere Präsentation

–>

site-optimieren

Website veröffentlichen
(Greb Thomas)

Website lokal erstellen:
Frontpage oder Dreamweaver
Upload über FTP
wwwroot –> Microsoft Webserver
htdocs –> Apache Tutorial

Website online erstellen:
Website im Internet Browser erstellen
www.webnode.com –> gratis Websiten erstellen

Domain:
kennzeichnet Webserver
Name der Website gibt es nur einmal weltweit
www.nic.at –> Domain erstellen, nachsehen ob Domain Name verfügbar ist

Suchmaschine:
(z.B.: Google)
machen Websites bekannt
um optimale Suchergebnisse zu finden –> Seitencode anpassen
Anmeldung kostenlos

mfg Michael

Mitschrift MMWD

felbauer — Mon, 29 Sep 2008 06:04:56 +0000

Dreamweaver

microsoft expression web (Frontpage)

codieren(erstellen) von Websites

verwalten einer Website

WYSIWYG – “What you see is what you get”

_blank - neue leere Seite

a - link

website liegt irgendwo auf einem server der öffentlich zugängig ist und eine fixe ip hat

dort gibt es einen ordner(webspace) dort liegen alle unsere daten

wwwroot (alle webseiten liegen drinnen)

afrika seite

europa seite

img

css

index.html => Homepage

Html seite machen… bild, text, link

Dokumentation über webcommunity

Vorstellen

Im text einen link

Alles im ordner wwwroot

Website erstellen

felbauer — Mon, 29 Sep 2008 05:41:05 +0000

Wir hatten die Aufgabe eine Website zu erstellen.

Das Thema lautete: Beschreibung einer Community.

Hier mein Ergebnis:

in Bearbeitung

Photoshop: versch. Sachen ausschneiden

felbauer — Mon, 09 Jun 2008 15:50:57 +0000

Am Dienstag den 3. Juni hatten wir wieder MMWD. In dieser Stunde zeigte uns Prof. Piaty wie man verschieden Sachen ausschneidet und woanders wieder einfügt. Am wichtigsten war für ihn, dass wir dies mit möglichst vielen verschiedenen Werkzeugen machen.

Hierzu die wichtigsten Tastenkombinationen:

strg : ganze objekt solange auswahl

strg+alt : Kopie

strg + d : Auswahl aufheben

shift taste : Auswahl erweitern

strg + t : oder bearbeiten transformieren (shift taste gedrückt möglich bei vergrößern)

alt taste : auswahl reduzieren

auswahl auf neue ebene legen : rechte maustaste, ebene durch kopie

schlagschatten : bei ebenen unten, fx

Ebenenmasken/Ebenen zusammenführen

felbauer — Mon, 05 May 2008 13:45:35 +0000

Über die Ferien hatten wir den Auftrag, die Nummern 09 und 10 von der Website http://www.photoshop-podcast.de/ mit eigenen Fotos zu machen.

Hier ist mein Ergebnis:

Beispiele für Ebenen

felbauer — Thu, 10 Apr 2008 08:14:49 +0000

Vorher/Nacher

Ebenen

felbauer — Thu, 10 Apr 2008 08:07:22 +0000

Ebene1: Farbig

Ebene2: Schwarz-Weiß

Wie kann man ein Bild bearbeiten, sodass man ein Schwarz-Weiß Bild mit einer hervorgehobenen Farbfläche erhält?

Als Erstes kopieren Sie die Originalebene und blenden diese aus.

Markieren Sie die 2. Ebene und klicken Sie auf das Symbol „Neue Füll- oder Einstellungsebene“.

Danach klicken Sie auf den Menüpunkt Farbton und Sättigung und stellen die Sättigung auf „-100″.

Klicken Sie auf die neue Ebene, nehmen Sie den Pinsel und malen Sie über die gewünschte Farbfläche.

Pinsel, Farbe: Schwarz (Farbe wird sichtbar) Weiß (Farbe wird schwarz-weiß)

Farben ersetzen

felbauer — Thu, 27 Mar 2008 18:35:36 +0000

Ebene duplizieren

nur mit Kopie arbeiten (damit man immer wieder zum Original zurück kann)

3 Retuschewerkzeuge:

Abwedler-,
Nachbelichter- u.
Schwammwerkzeug

–> Optionsbalette beachten

–> Auswahlrechteck-Werkzeug
Strg + D –>Auswahl aufheben

–> Maskiermodus: zum genaueren auswählen des markierten Bereiches

Bild –> Anpassen –> Farben ersetzen

Als HÜ sollten wir ein eigenes Foto mit diesem Schema bearbeiten.

das Original

das Bearbeitete