kurzeinführung datenaufbereitung + datenstruktur
- media
einführung iweb
- beispiel portfolio strukturieren + seite anlegen
- grobstruktur, architektur, layout, inhalte aufbereiten…
- funktionserklärungen
anmerkungen iweb
- seite: navigation ausschalten
- layout: header & footer auf 0
- hyperlink: immer auf ein textelement (ein wort, etc…), nicht auf textrahmen!!!
- formatierungen: normal, rollover, besucht
- testen im browser
aufgabe iweb als facebook ergänzung
erstelle eine website für eine musiklabel
gestelltes material:
- allgemeine informationen
- diverse logos und grafiken
- music/video (jeweils ein file)
- neuen tourdaten
- tourtagebuch (mit text und bildern)
- veröffentlichungen (6x vinyl + text)
download link: musicstar.zip
vorstellung und präsentation der eigenen lösung im plenum
aufgabe: portfolioskizze (hand)
skizziere von hand die strukur deines portfolios
- zeige mindestens 5-10 wichtige arbeiten
- kombination mit kurzer erklärung oder beschreibung
- idee für ein bild und layoutkonzept
- seitenstruktur (sitemap) und ausformulierung von zwei fallbeispielen
- beachte dabei deine eigene wertung, wie organisierst du die arbeiten (zeit, zeitaufwand, gefühlte wichtigkeit?)
- versuche diese aufgabe anhand von zwei standpunkten zu lösen:
- - standpunkt eins: unbekannte/r betrachter/in deines portfolios, der mehr über deinen arbeitsansatz wissen möchte
- - standpunkt zwei: unbekannte/r betrachter/in deines portfolios mit kurzer aufmerksamkeitspannung, eine arbeit muss in kürzester zeit erfasst werden können
hausaufgabe
- eigenes portfolio weiterdenken + feinstrukturieren
- arbeit an der skizze mit FOKUS auf:
- farben, farbkonzepte, hintergründe
- schrift, schriftschnitte, hervorhebungen
- systematik
iweb arbeitsdaten kopieren:
user / library /application support / iweb
-
-
frühling 2013
wieso, weshalb, warum
-
-
unfolded
iweb hilfe
iweb hilfe online
iweb pdf (english)
iweb tricks
farben
color wheel
hex color picker
color scheme design
typografie
typetester
google fonts
dafont
typekit
basic
typetester
bildschirmgrössen
html & css
selfhtml
ressourcen
texturen und hintergründe
patterntap
graphical user interface