Nicole0111’s Weblog

[von Andreas Schwarz und Carmen Lötsch]

Seiten sollen schnell, übersichtlich und einfach strukturiert sein. Bevor man eine Seitengestaltung beginnt, sollte man Skizzen auf ein Blatt Papier konstruieren.

Layout

• Seitenränder
• Aufteilung der Seiten
• Anordnung von Texten, Grafiken und Bedienelementen
• Schriftarten und Schriftattribute wählen
• harmonische Farben

Bevorzugte Bildorte

Primäre Bildregion (links oben) -> Wir lesen von links oben nach rechts unten!
daher sollte man links oben das wichtigste Bild anordnen und rechts unten unwichtigere Bilder etc (Sekundäre Bildregion).

Hinweise zu Text

Der Text soll aus keinen langen Absätzen bestehen. Die wichtigen Informationen sollen zu Beginn aufscheinen. Für „Text-Überflieger“ wäre es besser wichtige Stichwörter hervorzuheben, Zwischenüberschriften anzuordnen und Punkte mit Aufzählzeichen zu entwerfen.

Farben -> zB Rot auf Grün ist schlecht, weil diese Farben nicht miteinander harmonieren.

Weißraum -> ist nur wirkbar, wenn Verhältnis abgestimmt ist. Die Seite darf nicht vollgestopft sein (Freiräume nicht vergessen!)

Seitenbreite und Bildschirmauflösung
früher: Bildschirmauflösung 800 x 600 Pixel -> Nutzfläche 750 x 400 Pixel
heute: Bildschirmauflösung 1024 x 768 Pixel -> Nutzfläche 980 x 570 Pixel

umgekehrtes Pyramidenschema

1. Zusammenfassung des Themas
2. detailliertere Informationen
3. detaillierte, zusätzliche Informationen

strukturierende Elemente
Farbig, Aufzählungspunkte, Absätze, Abbildungen, Zwischenüberschriften

Gestaltungsraster 1

• Unterteilung vom bedruckbaren Bereich in Spalten und Zeilen
• mehr als 3 Spalten führen zu kurzen Zeilen
• bei vertikaler Navigationsleiste -> 3 Spalten zu kurzen Zeilen

Gestaltungsraster 2

• Satzbreite unter Berücksichtigung von Schriftgröße und Art
• Spalten
• Spaltenabstand
• Material analysieren

Print -> Satzspiegel (immer nur von Spalte zu Spalte, nie nur bis zu einer Hälfte einer Spalte)

hilfreiche Fragen:
ähnliche Informationen?
Zusammengehörige Informationen?
Reihenfolge?
Reihenfolge der Elemente?
wichtige/unwichtige Informationen?
verwirrte Gliederung?

lg Nicole

[von Daniel Kopt und Stubenvoll Marius]

 Websites dienen zur Verbreitung von Informationen. Die Sender verbreiten die Informationen (Produkte) und der Empfänger nimmt sie wahr (kommunizieren miteinander).

WWW – World Wide Web

Netzwerk von PCs.

Das Internet ermöglicht Verbindungen durch IPs. Erschaffen wurde es in den 60er Jahren (durch amerik. Militär) zur Verbreitung von Informationen. Die Internettechnologie dient außerdem zur Kommunikation und das FTP zur Datenübertragung.

HTTP und HTML

• HTTP gewährleistet die Verbindung zu Server durch den Hyperlink.
• HTML stellt Text und Formatierung der Seite fest (Plattform: unabhängig vom PC)

Entwicklungsschritte

• Definitionsphase (Frage vor der Planung -> Ziel, Marketing, Gestaltung; Zweck: Informationen, Verkauf, Unterhaltung)
• Architekturphase (noch nicht gebaut, Datenarchitektur erstmals erfasst)
• Gestaltungsarbeit
• Umsetzungsarbeit (Testphase -> Wartung)

Angebote WWW

• Zielpräsenzen, Cybershops und Cybermals (Ebay, Amazon), Parallstruktur, Sternstruktur (zB alte HAK)
• Navigationsstruktur (ans Ziel kommen, Wo bin ich?, zB Google -> durch Google auf gewünschte Homepage)
• Glitternetz, Spinnennetz (jede Seite ist mit einer anderen vernetzt; zB. Wikipedia: Suchbergriff, auch auf anderer Seite -> vernetzt)

Bestandteile von Websites

WYSIWYG – Editoren (What you see is what you get), Adobe Dreamweaver, MC Expresien  Web, Net Objects Fusion

Zusatzinformationen:
- Editor: HTML (aufgebaut WS)
- WWW ist nicht das Internet, nur ein Internetdienst
- Homepage ist nicht eine Website -> Homepage ist die Startseite einer Website

*wink* Nicole

1. www.slide.com
2. klicke auf „make a slideshow“
3. Fotos auswählen und hochladen
4. Hintergrund, Effekte, etc bearbeiten
5. eventuell Bilder benennen
6. klicke auf „save“
7. wenn man bei slide nicht angemeldet ist, dann auf „überspringen“ klicken, sonst Name, Passwort und E-Mail eingeben
8. bei Links „wordpress“ auswählen
9. den aufscheinenden Code kopieren und bei WordPress in „Artikel schreiben“ einfügen.

-> und fertig ist die slideshow

lg nicole

war eine super woche

lg nicole

Wie füge ich ein Foto oder ein Video ein?

Foto:

• Artikel schreiben – Multimedia einfügen – Bild einfügen
• Datei auswählen und hochladen
• Größe und Ausrichtung bestimmen

Video:

• Artikel schreiben – Multimedia einfügen – Video einfügen
• >> Video von Youtube auswählen und den Link von „Einbetten“ in den Artikel hineinkopieren.

Eine andere Möglichkeit ein Video einzufügen wäre:

• >> Video von Youtube auswählen und den Link von „URL“ kopieren und einfügen und dann auf den Button „In den Artikel einfügen“ klicken

so einfach gehts

pic: Barcelona 08 – „der Markt“, findet jeden Mittwoch statt

lustiges Baby *g*

lg nicole

WordPress

Anmelden bei WordPress inkl. Uploaden von einem Foto, Design auswählen, Katergorien anlegen (MMWD, Privat, Schule,…), Standardartikel löschen, Seite erstellen -> Über mich!, Widgets, Links anlegen.

Das alles haben wir schon durchgenommen. Bis vor kuzrem hatte ich noch keinen Plan was Blogs etc. sind aber jetzt habe ich schon einen guten Durchblick!

Lg