Nini4’s Weblog

Das letzte Referat war von Greb Thomas, über die Veröffentlichung der Website

Es gibt 2 Möglichkeiten eine Website zu erstellen:

Lokal: Mit Dreamweaver oder Frontpage – die Seite wird dann über FTP upgeloadet

Online: Die Website wird online erstellt (zB kostenlos auf www.webnode.com) Dort gibt es vorinstallierte Websites die dann mit den eigenen Daten gefüllt werden können.

Domain: Kennzeichnet einen Webserver (der Name ist nur 1 mal vorhanden!). An der Endung des Domain erkennt man ob es sich um eine Top Level Domain handelt (.com, .at, .de, …). Für die Benutzung wird eine Jahresgebühr verrechnet.

Suchmaschinen: Machen Websites bekannt. Jede Suchmaschine nimmt unter anderen Kriterien auf. Um optimale Suchergebnisse zu erzielen muss man den Seitencode anpassen. Die anmeldung bei einer Suchmaschine ist kostenlos!

Von Dorfmayr Robert und Michael Felbauer – Seite optimieren

Seiten sollen möglichst schnell geladen werden! Codebearbeitung und überflüssiges Löschen!

Bilder: Feste Maße, Bildplatzhalter (richtige Größe an der richtigen Stelle, auch wenn das Bild nicht geladen ist)

Websites sollten selbsterklärend sein und einfach dargestellt werden! Links und Buttons sollten daher offensichtlich anklickbar dargestellt werden! Zu komplizierte Dinge sollte man entfernen oder zumindest vereinfachen, sodass die Benutzung der Website einfach und unkompliziert ist! Niemand surft gerne auf einer unübersichtlichen Website!

Sparsam mit Text umgehen! Da Websites sowieso nur überflogen werden, sollte man sich den überflüssigen Text gleich sparen! Man kann daher auch auf Einleitungen und Einführungstexte verzichten!

Jong Xin Chen und Raphael Blasi über Bilder und Animationen:

Auflösung: Wieviele Pixel benötigt man um ein Bild darzustellen. Heutzutage: 1024 x 768 Pixel (bei Monitoren)

Dateiformate:

GIF: maximal 256 Farben (8 Bits), einfach gezeichnete Objekte mit klaren Umrissen, die Größe hängt von der Komprimierbarkeit ab.                                                                                                                                      JPEG: speichern – komprimieren – öffnen – dekomprimieren                                                                         PNG: verwendet eine verlustfreie Kompressionsmethode, hat die selben Vorteile wie JPEG und GIF, keine Nachteile

Auflösung:

Je höher die Auflösung ist, desto mehr Details sieht man. Beim Scannen wird das Bild in rechteckige Bildpunkte zerlegt und dann am Monitor wieder als vollständiges Bild angezeigt.

Animationen:

Seitenübergänge, Laufschriften, Textanimation, Bildanimation etc! Allerdings nicht zuviel animieren, lenkt zu sehr ab bzw verwirrt!!

Michael Hollnbuchner und Gerald Wolf haben über das Thema „Farben und ihre Wirkung“ referiert:

Wirkung: schwarz und weiß haben weniger Wirkung, rot hingegen wirkt sehr stark! Farben werden immer schneller wahrgenommen als andere Elemente!!

Farbbeziehungen: blau wird zb kälter wahrgenommen, rot hingegen wirkt warm aber auch aggressiv.

Analogfarben = liegen im Farbkreis nebeneinander                                                           Komplementärfarben = liegen im Farbkreis gegenüber                                                            Komplementärfarben sollte man NICHT verwenden da es für die Augen schnell zu anstrengend wird.

Kontrastwirkung:

Kontrast = Unterschied zwischen 2 Farben

Mehrere Fraben ergeben ein bestimmtes Verhältnis. Am stärksten werden diese durch die Hintergrundfarben beeinflusst, von daher sollte man Farben einsetzen die starke Kontraste haben, allerdings trotzdem zusammenpassen. Für den Hintergrund sollte man auf keinen Fall zu grelle Farben verwenden!!

Manche Farben werden sofort mit zB Firmen in Verbindung gesetzt:

gelb -> Post                                                                                                                                                       lila -> Milka                                                                                                                                                       rot -> Cola, Mediamarkt

Am Dienstag, 28. Oktober hielten Andi & Carmen ein Referat über die Seitengestaltung

Auch hier gibts wieder eine kurze Zusammenfassung:

Voraussetzungen: übersichtlich, gut strukturiert, einfach & schnell zu erreichen

Layout: Das Layout soll Aufmerksamkeit erreichen, passende Farben haben und keine zu langen Texte enthalten! Denn zu lange Texte werden meistens nur kurz überflogen, daher am besten immer Absätze und auch Zwischenüberschriften machen!

Das Gestaltungsraster sollte auf jeder Seite das gleiche sein, da es so am besten aussieht! Ob man dabei 1 Spalte, 2 Spalten oder 3 Spalten wählt kann jeder für sich entscheiden!

Umgekehrtes Pyramidenschema bedeutet, zuerst eine kleine Zusammenfassung über das Thema zu schreiben, und erst danach weitere, detailliertere Informationen zu schreiben.

Bilder einbinden: Da wir auch von links oben nach rechts unten lesen, sollten die wichtigsten Bilder links oben zu sehen sein, die unwichtigsten rechts unten.

Weißräume: Seitenbreite und Bildschirmauflösung beachten! Früher war die Bildschirmauflösung anders als heute! Heute: 1024 x 768 Pixel. ACHTUNG: Die Nutzungsfläche beträgt jedoch nur 980 x 570 Pixel.

Letzten Montag – 27. Oktober - haben wir das 1. Referat von Daniel und Marius gehört. Es ging dabei um die Vorüberlegung bzw. Planung einer Website.

Hier eine kleine Zusammenfassung:

- Websites dienen zur Verbreitung von Infos und zur Kommunikation.

- Das Internet wurde in den 60er erschaffen, zur Kommunikation im Krieg. Heute verbindet es 2 PC´s durch IP´s.

- HTTP (Hyper Text Transfer Protocol) gewährleistet die Verbindung zum Server durch sogenannte Hyperlinks.

Entwicklungsschritte:

1. Ziele, Inhalt und Gestaltung festlegen

2. Welchen Zweck soll die Website erfüllen?

3. Architekturphase

4. Gestaltungsarbeit

5. Umsetzungsphase

- WYSIWIG = What you see is what you get; zB bei Progammen wie Adobe Dreamweaver, NetObjects Fusion oder MSExpression Web.

Ich hoffe ich konnte Euch einen kleinen Einblick zur Planung einer Website geben

Wenn du dir eine eigene Slideshow erstellen möchtest, die du dann hier einfügen kannst, musst du folgendermaßen vorgehen:

1. http://www.slide.com/

2. Bilder uploaden (nicht zu große Bilder verwenden)

3. Eventuell noch Effekte hinzufügen

4. Speichern und bei Bedarf E-Mail Adresse angeben, bzw registrieren um später nochmals auf die Slideshow zugreifen zu können, sonst „Registrierung überspringen“ anklicken.

5. Links unten dann den passenden Code raussuchen ( zB My Space, Facebook, etc.) und den Code kopieren.

6. Den Code dann hier einfügen und FERTIG

Hier eine kleine Slideshow über unsere Barcelona-Reise im April 2008:

Heute haben wir gelernt, wie man Bilder bzw. ein Video von YouTube einfügt. Ich werde in den nächsten Tagen ein paar meiner Lieblingsvideos auf meinem Blog posten! Auch Bilder werden hier bald zu finden sein! Viel Spass beim Ansehen!

Und so funktionierts:

1. Youtube Video aussuchen

2. URL kopieren

3. Hier bei zB bei einem Artikel „Muldimedia einfügen“ – Video einfügen klicken

4. Die URL dort einfügen, speichert und FERTIG

Achmed the dead terrorist:

Sprechende Katzen:

Sprechender Hund:

Monster: