3. Microsoft Expression Web 4 - www-sivustoeditori (EW4)
Expression Web on monipuolinen ammatillinen työkalu www-sivujen tekemiseen. Sillä voi tehdä monipuolisia sivustoja, alkaen tyhjästä tai käyttäen valmiita malleja. Ohjelma on ilmainen.

1. Katso lyhyt esittely (video, Youtube, eng. n. 6 min)
2. Ohjelman esittely/käyttö (video, Youtube, eng. n. 27 min.)
3. Harjoitus
   > Tee yksisivuinen www-sivu
   > Avaa uusi tyhjä sivu ohjelmalla. (File ---> new ---> page). Ellei avaude valmiiksi.
   > Tee sivuusi erilaisia perusmuotoiluja; Taustan väri, erilaisia tekstejä, kuvia, linkkejä, taulukko,...

4. Oman WWW-sivuston toteutus Microsoft EW4 -ohjelmalla.

• Valitse mieluisa aihe sivustollesi ja suunnittele rakenne.
• Käytä video-ohjeita (eng.) apuna tarpeen mukaan.
• Voit käyttää myös valmista mallisivustoa.
  - Valitse Site --> New site --> Templates --> selaa/valitse sopiva malli. (Katso video)
  
• Websivustosi on näyteikkunasi WWW:ssä. Voit käyttää sitä esitelläksesi valokuvia, perhettäsi, harrastuksiasi ym.

5. WWW-sivuston lataus nettiin (Ei tarvitse tehdä kansiota, sillä tämä on jatkoa 4. harjoitukselle)

• Tutustu yleisohjeeseen
• Mitä siis hosting/webhotelli tarkoitti?
  * Se on kuin tonttisi internetissä, jonne SIIRRÄT www-sivustosi!
  * Rekisteröidyt ilmaiseen palveluun, luo siellä ns. aliverkko-osoitteesi (eli sivustosi www-osoite; "subdomain")
  * aktivoidut ja kirjaudut palveluun
  * lataa sivustosi ohjeen mukaan nettiin (pitää käyttää pakattua zip-kansiota)
• Tästä linkistä pääset tutustumaan ohjeeseen (eng.)
  • Tästä voit aloittaa rekisteröitymisen. Käytä edu -sähköpostiosoitettasi!
  • Lisäopas: How To Create Sub Domain On InfinityFree.net
• Täytä lopuksi tämä lomake (www-osoitetieto opettajalle)

HUOMIO! Seuraava työ on vapaavalintainen, ei tule arviointiin!

6. Kotisivuston JAVA -tehosteet (Ei tarvitse tehdä kansiota)

• JavaScript on Netscape yrityksen kehittämä pääasiassa WWW-ympäristössä käytettävä dynaaminen komentosarjakieli. JavaScriptin tärkein ominaisuus on lisätä Web-sivuille toiminnallisuutta.
• Saatavilla on useita valmiita malleja, joita voit kopioida omaan käyttöösi. Idea on kopiointiin;
  
  • Avaa sivustosi editointiohjelmassa (EW4) ja klikkaa kursori haluamaasi kohtaan.
  • Muuta näkymäsi Koodi-puolelle (code), jolloin kursori vilkkuu oikeassa kohdassa. Tee muutama rivinvaihto, jotta kohtasi erottuu
  • Etsi sitten sopiva skripti alla olevista listoista. Kopioi huolella koodi oikeaan kohtaasi!
  • Joissakin skripteissä kopioit kaksi osa: Toinen HEAD-osioon eli koodisi alkuun ja toinen BODY-osioon...
  • Jos haluat, voit muokata tätä koodiasi tarvittaessa.
    
• Scriptit on karkeasti ryhmitelty vaikeusasteen mukaan: Valitse näistä jokin!

LINKIT EIVÄT TOIMI! Päivitys menossa

• • Helpoimpia? - scripti upotetaan dokumenttiin vain yhteen kohtaan
  • Vaikeimpia? - koodia tarvitaan ainakin kahteen eri kohtaan
• Lisä-infoa