TVT-Verkkojulkaisukurssi (1 op) 

Kurssin tarkoituksena on tutustuttaa opiskelijat verkkojulkaisemisen eri muotoihin ja vastata kysymykseen: millainen on hyvä ja toimiva verkkosivusto? Kurssilla opetellaan XHTML- ja CSS-standardien perusteet, joiden avulla tehdään yksinkertaiset staattiset kotisivut. Kurssilla opetellaan myös Helsingin yliopiston wiki- ja blogi-verkkosivupalveluiden käyttöä. Lopputyönä opiskelijat suunnittelevat ja toteuttavat vapaavalintaisen verkkosivuston julkaisualustaa (Wordpress) hyväksi käyttäen. 

Kurssilla keskitytään verkkojulkaisemisen kannalta keskeisimpiin asioihin, eli

• sisältöön,
• siihen miten sisältö tuodaan esille (web design ei ole koristelua vaan keskeinen osa viestintää),
• saavutettavuuteen (accessibility) ja toimivuuteen,
• käytettävyyteen ylläpitäjän näkökulmasta

Kurssilla ei siis keskitytä erityisesti teknisen XHTML ja CSS osaamisen syventämiseen, vaan hyvien verkkojulkaisukäytäntöjen periaatteisiin. Teknisten perusasioiden opettelua kurssi kuitenkin edellyttää.

Yhteenveto loppupalautteesta

Kurssipalautetta on kerätty kurssilaisilta sähköpostitse. Voit osallistua palautekeskusteluun sitä varten tehdyllä sivulla, jonne tulee myöhemmin myös yhteenveto sähköpostitse saadusta palautteesta. Vastaa ehdottomasti sähköpostitse lähetettyyn palautepyyntöön ja osallistu keskusteluun, jolloin pääset vaikuttamaan minkälaisia verkkojulkaisukursseja ja muitakin TVT-kursseja jatkossa pidetään.

Luento

Vanhoja luentomateriaaleja:

1. Kevään 2009 Luentomateriaalit
2. Kevään 2008 Luentokalvot ovat toistaiseksi luettavissa. Ne voi ladata myös tiivistettynä kolmelle sivulle.

Harjoitukset

Kurssilla käydään läpi seuraavat harjoitukset.

• Harjoitus 1 - Wikit ja blogit (tiistai 13.3. 2012)
• Harjoitus 2 - Staattinen verkkosivu (perjantaina 16.4.)
• Harjoitus 3 - Staattisen verkkosivun viimeistely (tiistaina 20.4.)
• Harjoitus 4 - Lopputyön tekeminen yms. (perjantaina 23.3.)
• Harjoitus 5 - Lopputyön viimeistely ja palautus (tiistaina 27.3.)

Materiaalia

• Hyvän verkkosivun perusteet
• Verkkoon kirjoittaminen
• Sivuesimerkkejä
• W3Schools - HTML-opas
• CSSbeginner-opas
• W3Schools - CSS-opas
• Verkkojulkaisemisen opas

Aikataulu

Kurssin ensimmäinen harjoitus on tiistaina 13.3.

Kurssilla on seuraavat harjoitusryhmät

Ryhmä 1 kokoontuu  tiistaisin ja perjantaisin klo 8.30
Ryhmä 2 kokoontuu  tiistaisin ja perjantaisin klo 11.15
Ryhmä 3 kokoontuu  tiistaisin ja perjantaisin klo 14.15

Harjoituspaikka

Ryhmät kokoontuvat Aleksandrian kellrissa luokassa k131

Kurssivaatimukset

Kurssin suorittamiseen kuuluu läsnäolo kaikilla harjoituskerroilla, sekä tarkastettava lopputyö. Mikäli et pääse jollekin ryhmäsi harjoituskerroista, voit korvata harjoituskerran jonkin toisen ryhmän harjoituksissa, tai poikkeustapauksessa erikseen sovittavalla korvaavalla suorituksella.

Suurin osa ehtinee tehdä lopputyön harjoitusten aikana, mutta työtä voi paikkailla vielä viikon kurssin päättymisen jälkeen. Harjoitustyö palautetaan lähettämällä linkki sähköpostitse:  ilkka.makinen (at) helsinki.fi. Viimeinen palautuspäivä on 1.4.2011.

Harjoitustyöt

• Harjoitustyönä tehdään staattinen kotisivu, yksinkertainen oma blogi sekä esittelysivu wikiin.
• Kotisivu voi olla yksi XHTML:llä merkattu ja CSS:llä muotoiltu webbisivu. Sivun ei tarvitse olle tekstimäärältään suuri, mutta rakenteeltaan monipuolinen.
• Wikisivu tehdään "opiskelijat" -osioon kurssin wikiin.

Lopputyönä suunnitellaan ja tehdään verkkosivut HY:n Wordpress-järjestelmään. Kaikilta näiltä sivuilta tehdään linkit toisiinsa. 

XHTML-merkkaus:

• XHTML-merkkaus on mahdollisimman semanttista, eli dokumentin rakennetta ja sisältöä kuvaavaa.
• Merkkauksen on oltava validoitua XHTML 1.0 Transitionalia.

CSS-tyylit:

• Tyyleillä tulee määritellä vähintäänkin värejä, typografiaa ja elementtien ulottuvuuksia.
• Kaikki ulkoasumääritykset tulee tehdä ekplisiittisiksi (esim. jos dokumentin taustavärin halutaan olevan valkoinen, se tulee määritellä valkoiseksi, eikä olettaa valkoisen olevan käyttäjän selaimessa oletustaustaväri).

Plussaa:

• Monipuolinen ja kuvaava elementtien käyttö, sekä pohjadokumentin rakenteellinen monipuolisuus
• Huolellinen, monipuolinen ja kaunis CSS-tyyli.
• Luovat tekniset ratkaisut ja CSS-asettelujen (position, float) tarkoituksenmukainen käyttö.
• Vaihtoehtoiset tyylit (printtityyli, vaihtoehtoinen tyyli heikkonäköisille, jne).
• Huolellinen dokumentaatio kommenteissa (tehtyjen ratkaisujen perustelut ja huomiot mahdollisista vaihtoehtoisista toteutustavoista).