Felbauer’s Weblog

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.

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

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

Wir hatten die Aufgabe eine Website zu erstellen.

Das Thema lautete: Beschreibung einer Community.

Hier mein Ergebnis:

in Bearbeitung

Vorher/Nacher

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ß)