.Lars

You just got hijacked.

Dreamweaversajt, del 3(liten avstickare)

Här visar jag hur man jobbar med att skissa fram en webbdesign. Mkt. basic med penna och papper, typ!

Det som hände sen var att eleverna:

1. fick analysera sin sajtidé till midsommarfesten
2. skissa upp sin design på rutat papper.
3. förklara hur de hade tänkt för en kompis
4. kompisen fick sedan återge hur designen skulle fungera.

Diskussion följde och därefter fick eleverna uppgiften att göra ”look-and-feel” designen i photoshop/illustrator! Detta kommer vi att fortsätta med även nästa lektion.

Dreamweaversajt, del 2

Här visar jag hur man gör en meny i form av en osorterad lista <ul> och stylar den med hjälp av en formatmall, sk. css(cascading style sheet). Detta återanvänds sedan på alla sidor på sajten.

Dreamweaver-sajt, del 1

Här visar jag hur man skapar en sajt och lägger upp grundfilerna till en sajt.

Hur kul är formulär?

Inte jättekul kanske! Men, det är sjukt användbart. Här visar jag hur du skapar ett ”form”-dokument i Google docs, vilket kan vara användbart när man vill göra en omröstning eller attitydundersökning. Sedan visar jag hur man gör ett enkelt mailformulär i Dreamweaver utan att gå in för mycket på det som händer på servern hoppas jag. Kort och gott, det är svårt att skicka ett formulär utan ett serverside-script, typ php, asp, pearl eller liknande.

Dagens uppgift i korthet:

1. Skapa ett formulär med Google docs med en eller några frågor. Skicka till klassens epostadress.
2. Gör ett formulär i Dreamweaver. Använd textfält, textyta, reset- och submit-knapp.
3. Maila URLen till ditt Google-formulär och ditt zippade formulär från Dreamweaver till mig!

flashportfolio, 4 av 5

Dagens uppgift går ut på att göra en enkel navigation som hoppar mellan frames i flash. Kolla här:

Animation i photoshop, del 2

Hej!

Här kommer del två där jag visar hur man exporterar sin banner som en animerad gif.

Maila din animerade gif till webbiv1 med en kopia till mig!

Animation i Photoshop

Här, ett litet klipp som handlar om hur man animerar i photoshop:

Dagens övningsuppgift:
Vi skall göra en banner som är storleksanpassad för att ligga längst upp på aftonbladet.se. För att den skall passa på sajten så måste den vara 980 x 120 pixlar i upplösning 72 pixlar per tum. Kunden är Mediegymnasiet dvs. Malmö stad. Målet är att få sökande till skolan. Formulera ett budskap i samma stil som nedan(påstående, svar, avsändare):

• ”Jag får lära mig photoshop i skolan”
• Sök in på Mediegymnasiet nu!
• Mediegymnasiet [Malmö stad logotyp]

Animera dessa i photoshop.

Nästa gång tittar vi på hur man exporterar och publicerar.

flashportfolio 3 av 5

Här visar jag hur man importerar bilder och hur man kontrollerar kvalitén… i photoshop, i de generella inställningarna i flash och per importerad fil.

…sedan visar jag hur man skapar och exporterar swf-filer från illustrator, hur man gör en enkel animation i flash, exporterar den och sedan importerar den i en annan flash-fil:

flashportfolio, 2 av 5

Förra lektionen visade jag hur man exporterar ljud från garageband och spelade upp det i tidslinjen eller på en knapptidslinje vid klick. Här kommer en film om det:

Jag goofade lite i förra filmen när det gällde att spela upp ljud med hjälp av komponenter, vilket kan vara bekvämt om man snabbt vill kunna byta ut ett ljud och dessutom slippa baka in det i swf-filen, vilket så klart kostar kbyte i slutändan. Här visar jag ett kort klipp hur man gör: