Keskiviikko 2/2009


Keskiviikko 2

Nyt ei ole keskiviikko, mutta asiaa jo näin alkuviikosta. Ohjelma keväälle:

HUOM! Viikolla kuusi alkaa ”Verkkomarkkinointi ja kaupat” eli tällä viikolla. Kurssi alkaa verkossa ja jatkuu sitten viikolla kahdeksan ja kaksitoista. Otamme palasia mukaan pajasta eli ”Sosiaalisen median tiedottaja”.  Homman juju on siinä, että webmarkkinointi on siirtymässä websivuista sosiaaliseen mediaan. Lähinnä juju on siinä, ettei enään toimi se malli jossa ihminen keskeytetään eli mainos kesken lehden luvun tai mainos kesken televisio-ohjelman. Uusi juttu on nimeltä permission marketing ja sen airueena Seth Godin. Toki käymme läpi myös hakukoneoptimoinnit ja Googleadsit sekä verkkokaupan perustamisen ilmaissoftin. Lisäksi jonkin verran asiaa verkkomaksamisesta.

Bluescreen tehdään soffia varten (School of Fame). Lähinnä tehtävänä on tehdä vidokuva, josaa henkilö meloo kitaralla ja vene on iso meksikolaishattu. Hyvällä tuurilla vielä saadaan mukaan siipiratasalus. Varsin haastava juttu, mutta homma perustuu siihen, että tausta leikataan irti ja henkilö upotetaan toiseen taustaan. Tuossa yksi esimerkki:
http://www.viddler.com/explore/jarimatti/videos/2/

Flash viikolla seitsemän keskittyy nyt peliohjelmointiin. Tuossa yksi peli, jonka Jaakkolan Tuija joskus teki kurssilla: http://www.avkymppi.net/wiki/liitteet/
HUOM! Napsauta kaksi kertaa sitä pelin aloituspainiketta. Tieturvasyistä menee niin, että ensin aktivoidaan flash ja sitten vasta se ottaa painalluksen. Tuon voi automatisoida, mutta siitä myöhemmin asiaa.

Näytöt kesäkuun alussa ja me harjoitellaan oppilaitosnäyttöä etukäteen eli pyritään karsimaan mokat pois ja muutenkin valmistaudutaan hyvin. Samalla pyritään entistä järkevämpiin tehtäviin (oppilaitostehtävä).

Mutta sitten näihin linkkeihin ja vinkkeihin. Tällä kertaa painotuksena värit. Suosittelisin nelisointuvärien käyttöä ja aiheessa opastaa Color Scheme Generator (ks alla). Jos siihen haluaa särmää niin yksi riitasointu. Mutta näin toimien olet varmalla tiellä, koska värit ovat harmoniassa.

CSS 3 on tulossa, mutta ei ole vielä valmis. Aiheesta lisää tietoa sivuilta:
http://sixrevisions.com/css/20-useful-resources-for-learning-about-css3/

CSS 3 on tulevaisuutta eli ei vielä ajankohtainen, vaikka esim. Opera ja Firefox osittain jo tukevat CSS3:sta. Mutta nykyaikana CSS on välttämätön osa websuunnittelijan työtä. Ilman CSS:ää ei pärjää eikä kannata edes yrittää. Onneksi on kuitenkin olemassa oikoteitä, joita mm All webdesign blog  on listannut:

http://www.allwebdesignresources.com/webdesignblogs/graphics/40-css-generators-creators-and-makers/

Websivut eivät ole mitään ilman värejä. Tässä palvelu, jonne voit ladata kuvan ja ohjelma analysoi värit. Palvelun nimi on Whaits Its Color

http://whatsitscolor.com/

ColorMatch toimii taas niin, että valitset perusvärin ja saat kuusi muuta väriä, jotka toimivat sen kanssa yhteen.

http://www.knorrpage.de/colormatch.html

Paremmin näyttä toimivan Color Scheme Generator. Siellä voi valita esim pastellisävyjä. Itseäni viehätti vaihtoehto tetrad eli väriympyrän sisällä on neliö, jota kääntämällä saat aina neljä väriä, jotka ovat harmoniassa.

http://wellstyled.com/tools/colorscheme2/index-en.html

Tetradi on huonoa suomea, mutta englanniksi selitetty tuolla:
http://www.artsparx.com/color_tetrad.asp

Ilmeisesti tetrad tarkoittaa nelisointua. Eli jos pelaat varman päälle käytä nelisointua ja hae värit tuolla ohjelmalla ”Color Scheme Generator”.  Pieni riitasointu voi tosin olla piristävä ja aiheesta pari hyvää linkkiä suomeksi:
http://kampela.it.helsinki.fi/apumatti/lcms.php?am=5399-5399-1&page=10595
http://www.serlachiusartmuseum.fi/taidekasvatus/gostanateljee/vari3.htm

Webille turvalliset värit näet täältä:
http://www.ficml.org/jemimap/style/color/wheel.html

Tuo on ehkä mennyttä aikaa, jolloin näytöt eivät onnistuneet näyttämään kaikkia värejä. Tosin on muistettava, että gif on edelleenkin vain 256 väriä.  Lisäksi heksadesimaalit ovat välillä 0-255 eli esim musta väri on 000000 ja valkoinen ffffff.

Lisää väreistä löydät täältä:
http://www.cssjuice.com/25-popular-color-scheme-and-palette-generators/

Sitten kun väreihin syntyy rakkaussuhde niin tässä Colourlovers:
http://www.colourlovers.com/

Sitten yleisesti websuunnittelusta
http://www.webdesignfromscratch.com/

Itse asiassa tuossa yllämainitussa on kaikki mahdollinen. Klikkaa sieltä vasemmasta aihe ja ala ihmetellä. Jotta lista olisi kutakuinkin täydellinen niin tuosta vielä:
http://www.sawse.com/2007/11/21/top-12-sites-and-tools-for-web-design-and-inspiration/

 

t. Jari

 

 

 

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

Jätä kommentti