Felbauer’s Weblog

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