Archive for the 'IV-webb' Category

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!

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.