Re: [tietoverkot] harjoitustyö

[Tommi Lahtonen <tommi.j.lahtonen@jyu.fi>]

On Sun, 1 Oct 2000, Kirsi Manninen wrote:

>   Olen nyt työstänyt harjoitustyötä ja uskomatonta kyllä saanutkin
>   jonkinlaisen sivuston aikaan. Linkit toimivat sivuilta toiselle ja
>   perusrakenne on mielestäni selkeä ja hyvä. Sitten niihin
>   ongelmiin. Ensinnäkin hyvien taustakuvien saaminen on näemmä
>   melkein mahdotonta, joten onko taustakuva teidän mielestänne
>   välttämätön?Lisäksi mistä te meinaatte saada "kauppapaikkanne"
>   tuotteiden kuvat? Minä ehkä saisin videokameralla otettua
>   muutamasta kuvan ja editoitua sen, mutta tämä onnistuisi vain noin
>   2-3 tuotteelle.
Yleisesti ottaen taustakuvista on enemmän harmia kuin hyötyä. Harvemmin ne
ainakaan selventävät sivun luettavuutta vaan tekevät juuri
päinvastoin. Maanantain luennon käsittelen tarkemmin www-grafiikkaa ja
yritän antaa joitakin vinkkejä sen tuottamiseen. Miettikää ihmeessä
mitä kaikkea haluaisitte grafiikan muodossa sivuille tehdä ja vaikka
mailatkaa minulle ideoitanne niin yritän käsitellä juuri haluamaanne asiaa
luennolla. Tai aukaiskaa suunne luennon aikana. En pure. Ainakaan kovaa
(from Austin Powers:). 
Tekijänoikeudet tuottavat suurta harmia jos aikoo aivan rehellisillä
tempuilla saada kuvat sivulleen. Oikean kaupan sivustoa tämä ei olisi niin
suuri ongelma koska lupa kuvien käyttämiseen olisi helppoa hankkia.
Tekijänoikeusasioista on tulossa luento viikon päästä. Sitä ennen voi
asiaan tutustua lukemalla Jukka Korpelan mainion artikkelin:

http://www.hut.fi/u/jkorpela/tekoik/alkeita.html
http://www.hut.fi/u/jkorpela/tekoik/web.html

Kuvia voi yrittää etsiä webistä kunhan AINA muistaa varmistaa, että kuvia
saa vapaasti käyttää. Myös tiedonhausta yritän puhua jotakin maanantain
luennolla jos suinkin ehdin. Tiistaina kuitenkin viimeistään. Kuvien
etsiminen on näppärintä joillakin siihen erikoistuneilla hakukoneilla
joita löytyy osoitteesta:

http://www.mit.jyu.fi/opetus/appro/haku/mediahaku.shtml

Katsotaan nyt myös jos saamme joissakin demoissa käyttöömme skannerin
ja/tai digitaalikameran

>   Ja sitten suurin ongelma: Tyylilomakkeiden tarkistuksen kanssa
>   tuli ongelmaksi se, että validaattori herjaa koko ajan värien
>   käytöstä. Mielestäni olen käyttänyt käskyjä oikein, joten en tahdo
>   keksiä missä vika on. Jos minulla on esim. seuraavasti
>   määritykset:
Nyt auttaisi paljon jos kertoisit tarkkaan minkä herjauksen validaattori
antaa ja mikä validaattori on kyseessä.

>   body {
>        color:black;
>        font-family:Verdana, sans-serif; 
>        backgroud-color:aqua;
>        margin: 5em 5em 5em 5em;
>   }
Ylläolevassa on pieni kirjoitusvirhe. Pitäisi varmaankin lukea
background-color.

>   on siinä joku väärin. Kertokaa ihmeessä mikä! Pitääkö määritykset
>   olla jossain määrätyssä järjestyksessä, vai mitä. Edellisen
>   kaltaisessa kohdassa on juuri jokin väriongelma.
Järjestyksellä ei ole merkitystä. Jos käytit tarkistamiseen CSSCheckiä
niin se antaa muutaman varoituksen joilla se yrittää vihjata miten
varmistaa CSS-koodinsa ongelmattoman toiminnan myös mahdollisimman
vanhoilla selaimilla. Tarkistin sanoo näin:

Warning: To help avoid conflicts with user style sheets, background-image
         should be specified whenever background-color is used. In most
         cases, background-image: none is suitable.

Eli aina kun määrittelee taustavärin niin olisi myös hyvä määritellä
taustakuva. Jos kuvaa ei ole niin määrittely none riittää. Tämä ehkäisee
mahdollisia ongelmia jos käyttäjä onkin määritellyt selaimensa käyttämään
aina jotakin taustakuvaa. Tarkistin antaa myös toisen varoituksen:
Warning: The shorthand background property is more widely supported than
         background-color.

Tämä tarkoittaa, että css-ominaisuus background toimii paremmin joissakin
vanhoissa selaimissa kuin ominaisuus
background-color. Background-ominaisuudellahan voi suoraan määritellä
taustan värin ja taustakuvan yms. Ei siis tarvitse käyttää erillistä
ominaisuutta kaikkiin. Tarkemman toiminnan voitte tarkistaa monisteesta.

Yllämainitussa koodissa voidaan valitukset korjata kirjoittamalla
seuraavasti:

body {
        color:black;
        font-family:Verdana, sans-serif;
        background: aqua none;
        margin: 5em 5em 5em 5em;
}

Korjattu rivi

background: aqua none;

määrittelee taustaväriksi aquan ja taustakuvaksi ei mitään (none).

>   Ihan vihjeenä vain kaikille: Alkakaa jo miettimään harjoitustyön
>   rakennetta ja tekemään perussivuja. Sivuston tekeminen vie
>   tuhottomasti aikaa. Peruskirjoittamisen lisäksi suunnittelu ja
>   linkkien tarkistaminen on aikaa vievää puuhaa (tai sitten tämäkin
>   johtuu juuri siitä, että tämä on minulle niin outoa asiaa).
Linkkien tarkistamiseen voi käyttää apuna esimerkiksi W3C:n 
link checkeriä osoitteessa:

http://validator.w3.org/checklink

Ruksi kohtaan "Check linked documents" niin kone tarkistaa kaikki 
harjoitustyöhön liittyvät linkit.

Muita mielenkiintoisia tarkistimia ja apuohjelmia voi katsella sivulta:

http://www.mit.jyu.fi/opetus/appro/haku/html.shtml

Täydensin tässä viestissä käsitellyillä asioilla kurssin FAQ:ta
osoitteessa:

http://www.mit.jyu.fi/opetus/appro/faq/tietoverkot.html

Muistakaa nukkuakin välillä :-)

-- 
Tommi Lahtonen, tommi.j.lahtonen@jyu.fi, <URL: http://www.iki.fi/hazor/>

We do not remember days; we remember moments.


-- send "unsubscribe tietoverkot" to majordomo@cc.jyu.fi to unsubscribe ---