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 (ed banger)
gestelltes material:
- allgemeine informationen
- diverse logos und grafiken
- music/video (jeweils ein file)
- shopinhalte mit einem tshirt + link zum offiziellen shop
- 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
besprechung von konzept und skizze des eigenen portfolios
- stand der dinge
- feedback, fragen anregungen
self service
- eigenes portfolio material fein strukturieren, feedback verarbeiten und arbeit an der eigenen website
- selbständiges arbeiten & probieren + support
fancy zoom
- fancy zoom mit itweak: scriptdaten + extra
exkurs html bausteine (widgets)
- rss feed
- google maps
- diverse andere angebote
- blog und foto template
- fotos flickr.com x howto x howto
iweb arbeitsdaten (unbedingt sichern!):
user / library /application support / iweb
hausaufgabe
- eigene portfolio weiterdenken + feinstrukturieren
- arbeit an der skizze mit FOKUS auf:
- farben, farbkonzepte, hintergründe
- schrift, schriftschnitte, hervorhebungen
- systematik
-
-
märz 2010
wieso, weshalb, warum x web 0.5
-
-
unfolded
iweb hilfe
iweb hilfe online
iweb pdf (english)
iweb tricks
iweb bonus tools
iweb suchmaschienoptimierung
itweak
favicon plugin
farben
color wheel
hex color picker
color scheme design
typografie
typetester
dafont