En ole harrastanut WWW-sivujen tekoa kuin iltaisin muutaman viikon ajan ja olen kaivannut kaikki oppimaterialin verkosta, hyvin se niinkin tuntuu onnistuvan. Kuitenkin on joitakin aukkoja jota en ole pystynyt paikkaamaan (OK, aukkoja on paljon mutta kuvittelen että ne eivät ole kriittisiä minulle juuri nyt):
1. Miten voidaan testata mikä selain on käytössä (IE=document.all, NetScape=document.layers, Oopera=....?). Kannattaako edes yrittää tukea muita kuin nimellä mainittuja amatöörisivuilla?
2. Mikä laukaisee ponnahdusikkuna varoitukset? (käyttis XP SP2). Tein kontin jonka taustaksi asensin kartan. Kontti sisältää yhden kuvan jolla on läpinäkyvä tausta (edustaa yhden kesän lomaressun reitti, siis pelkkä punainen viiva (tai oikeastaan polygoni, olen toistaiseksi aina tullut takaisin kotiin ;)). Sitten minulla on liuta vuosilukuja (ankureita joka kukin laukaisevat pienen javaScriptin (joka vaihtaa kontin sisällä olevan kuvan lähteen, src="toinenreitti.gif"..). Kaikki toimii hyvin, paitsi tuo ponnahdusikkunavaroitus (vaikka ikkunoita ei ole avattu?). Olen käyttänyt onClick() ja onMouseOver() ankkurien kohdalla.
3. Haluasin tehdä sivut kansainvälisiksi (Suomi, Ruotsi, Englanti, Saksa, Swahili (m'Jambo!). Kannattaako tehdä kopiot kaikista sivuista tai voiko kaikki kieliversiot saada samalle (yhteiselle) sivulle (niin että jos muuttaa ulkoasun yhdellä sivulla ei tarvitsisi tehdä sama muutos kaikilla kopiosivuilla)? Tiedän että on olemassa tämä LANG=-argumentti ja että tiedoston headeriin voi asettaa kielen, mutta kuitenkin palikat eivät tahdo loksahtaa paikalle?
4. Wordin luomat WWW.sivut? Minulla on Wordin 2002 dokumentti joka sisältää (tulostettuna) kaksi (2!) sivua tekstiä, sama fonttityyppi, ei kuvia eikä mitään muotoiluhienouksia. Kun sen muuttaa HTML-dokumentiksi, koko = 123 kB! (Jos sen saman dokumentin toteuttaa suoraan HTML:llä koko on arvioiltaan 2-3 kB). Headerissä on liuta merkillisiä määrityksiä joista en ymmäärrä mitään! Mitä se tekstinkäsittelyohjelma oikein seikkailee?
Nyt tuli mieleen että olisin tietysti voinnut esittää tämän neljänä eri kysymyksenä, sorry! Käy se minulle kuitenkin näinkin, jos se teille vaan sopii. Olin myös aikeissani lähettää liitteenä pieni rahallinen korvaus niille jotka vastaavat asiallisesti näihin kysymyksiin, ikävä kyllä olin jo ehtinyt lähettää tämän kysymyksen.
1. Miten voidaan testata mikä selain on käytössä (IE=document.all, NetScape=document.layers, Oopera=....?). Kannattaako edes yrittää tukea muita kuin nimellä mainittuja amatöörisivuilla?
2. Mikä laukaisee ponnahdusikkuna varoitukset? (käyttis XP SP2). Tein kontin jonka taustaksi asensin kartan. Kontti sisältää yhden kuvan jolla on läpinäkyvä tausta (edustaa yhden kesän lomaressun reitti, siis pelkkä punainen viiva (tai oikeastaan polygoni, olen toistaiseksi aina tullut takaisin kotiin ;)). Sitten minulla on liuta vuosilukuja (ankureita joka kukin laukaisevat pienen javaScriptin (joka vaihtaa kontin sisällä olevan kuvan lähteen, src="toinenreitti.gif"..). Kaikki toimii hyvin, paitsi tuo ponnahdusikkunavaroitus (vaikka ikkunoita ei ole avattu?). Olen käyttänyt onClick() ja onMouseOver() ankkurien kohdalla.
3. Haluasin tehdä sivut kansainvälisiksi (Suomi, Ruotsi, Englanti, Saksa, Swahili (m'Jambo!). Kannattaako tehdä kopiot kaikista sivuista tai voiko kaikki kieliversiot saada samalle (yhteiselle) sivulle (niin että jos muuttaa ulkoasun yhdellä sivulla ei tarvitsisi tehdä sama muutos kaikilla kopiosivuilla)? Tiedän että on olemassa tämä LANG=-argumentti ja että tiedoston headeriin voi asettaa kielen, mutta kuitenkin palikat eivät tahdo loksahtaa paikalle?
4. Wordin luomat WWW.sivut? Minulla on Wordin 2002 dokumentti joka sisältää (tulostettuna) kaksi (2!) sivua tekstiä, sama fonttityyppi, ei kuvia eikä mitään muotoiluhienouksia. Kun sen muuttaa HTML-dokumentiksi, koko = 123 kB! (Jos sen saman dokumentin toteuttaa suoraan HTML:llä koko on arvioiltaan 2-3 kB). Headerissä on liuta merkillisiä määrityksiä joista en ymmäärrä mitään! Mitä se tekstinkäsittelyohjelma oikein seikkailee?
Nyt tuli mieleen että olisin tietysti voinnut esittää tämän neljänä eri kysymyksenä, sorry! Käy se minulle kuitenkin näinkin, jos se teille vaan sopii. Olin myös aikeissani lähettää liitteenä pieni rahallinen korvaus niille jotka vastaavat asiallisesti näihin kysymyksiin, ikävä kyllä olin jo ehtinyt lähettää tämän kysymyksen.
Vastaukset 7
Vanhimmat
Ei taida tulla kovin kattavia vastauksia mutta koitetaan laittaa jotain:
1. »Miten voidaan testata mikä selain on käytössä»
Minusta tuo testaus on useimmiten täysin turhaa. Hyvin tehty sivu näkyy kaikilla selaimilla ja jollei näy niin sitten pitää muutella sitä niin että näkyy. Noita muutoksiakaan ei tarvitse tehdä kuin css-tiedostoon, koska kaikki selaimet osaavat kuitenkin itse html:n hyvin.
2. »Mikä laukaisee ponnahdusikkuna varoitukset?»
No just se SP2:n mukana tullut popupblockeri joka on oletuksena tuossa asennossa.
Voi olla että kannattaa tehdä tuo systeemi jollain toisella tavalla. Kokeile saisitko tuosta jotain iloa:
http://www.meyerweb.com/eric/css/edge/popups/demo2.html
3. » Haluasin tehdä sivut kansainvälisiksi.... »
No tuon voi tehdä monellakin tavalla. Sen voi tehdä php:llä (palvelimen tarvitsee tukea tätä ohjelmointia) niin että tulee eri tekstit riippuen kielivalinnasta. Tai sitten voi tehdä samat sivut joka kielelle erikseen (isohkossa sivustossa alkaa olla aika tuskaa).
Teet sitten miten tahansa niin ulkoasu kannattaa joka tapauksessa määritellä ulkoisella css-tiedostolla. Tätä tiedostoa muuttamalla saa sitten koko sivuston ulkoasun muutettua samanaikaisesti.
4. »Wordin luomat WWW.sivut?»
Sori, nyt pitää hetken nauraa.. :)
Joo, se Wordin tekemä "html" on yhtä lähellä html:ää kuin Närpiössä puhuttu kieli ruotsinkieltä (sori närpiöläiset:)
Mutta toisin kuin närpeksen muuttamiseen ruotsiksi, mshtml:n muuttamiseen html:ksi löytyy ihan ohjelmia.
Kokeiles sellaista ilmaista html-editoria kuin HTML-Kit ( http://www.chami.com/html-kit/ )
Se on hyvä editori vaikkakin vähän monimutkainen, ainakin aluksi. Sillä kun avaa Wordilla tehdyn html-sivun niin pitää valita
Actions -> Tools -> HTML Tidy -> Strip surplus tags in Word 2000 Pages
Johan alkaa koodi muuttua selkeämmäksi (osaa muuttaa ainakin Word10:n tekemän koodin).
Kysele lisää kun kuitenkin jotain jäi vielä epäselväksi.
...tosi hauskaa saada vastauksia joista huomaa että vastaaja todella on yrittänyt auttaa!
1. »Miten voidaan testata mikä selain on käytössä»
Taitoni eivät riitä siihen että saan sivuni toimimaan haluamallani tavalla ilman javaScriptiä. Mikä on idea määrittää joku syntaksi HTML, CSS, JavaScript josta käyttäjän sitten pitää tietää että ainoastaan murto-osan siitä voi käyttää? Ihan kuin sen syntaksin oppiminen ei muutenkaan olisi riittävän tuskaista? Vähän surrealistista touhua! (Standardikomiteassa mukana Picasso, Dali & Bunuel?)
2. »Mikä laukaisee ponnahdusikkuna varoitukset?»
Paneudun tuohon antamasi CSS esimerkkiin illalla. Kun vilkaisin sitä, tuntui siitä että siinä on aika paljon mitä en ole lukenut mistään manuaalista (poppaskonsteja), ehkä olen väärässä? Mitä minä oikeasti kysyin oli että mitä ei voi tehdä sivuilla ilman että se loukkaa Windowsin herkkää sielunelämää?
3. » Haluasin tehdä sivut kansainvälisiksi.... »
PHP,asp, cgi-scriptit, mySQL etc olisi oiva ratkaisu moneen ongelmaan mutta ei minun tapauksessani, koska tämä koti-ADSL (tai millää nimellä Elisa sen myy?) ei salli mikään näistä (syystä mitä tiedän en?). CSS:llä voin kyllä muuttaa tyylimäärittelyt kaikilla sivuilla samanaikaisesti (sen teen nyt jo!) mutta jos sisältö muuttuu? Ajatteli jotain tällaista:
(vaatiiko tämä div tagin?)
Hyvää päivää!
How are you!
m'Jambo!
4. »Wordin luomat WWW.sivut?»
Sori, nyt pitää hetken nauraa.. :)
Jeps, niin tein minäkin! Poistin sen paskan mitä MS oli kirjoittanut headeriin ihan manuaalisesti, lisäsin vähän tyylimäärittelyjä ja loppu oli onnellinen! kysymykseni kuitenkin oli että MITÄ tuo paska on? (linkkejä?)
"Kysele lisää kun kuitenkin jotain jäi vielä epäselväksi."
Tässä ne pahimmat tulivat! (olet aivan oikeassa että en voi odottaa kovin monta vastausta näin pitkään viestiin. Toisalta vältyn vastauksista kuten "hanki DreamWeaver", "asenna FireFox" "osta Mac" jne. Teen tätä hommaa lähinnä "for the love of the Art", eli haluan nähdä pystynkö oppimaan tätä sivuteko-tekniikka (aika sotkuiselta touhulta se ainakin tässä vaiheessa tuntuu!)
Hyvää päivänjatkoa! m'Jambo!
"Mikä on idea määrittää joku syntaksi HTML, CSS, JavaScript josta käyttäjän sitten pitää tietää että ainoastaan murto-osan siitä voi käyttää?"
Toisaalta, mitään asiaa ei voi osata opettelematta. HTML (rakenne) CSS (ulkoasu)-yhdistelmällä päästään jo pitkälle. ECMAscriptin (toiminnallisuus) avulla _voidaan_ joissain tapauksissa parantaa toiminnallisuutta huomattavastikin. Usein kuitenkin lopputulos on jotain surkean ja helkkarin surkean väliltä, kun teijä ei ole oikeasti ymmärtänyt milloin, miksi ja kuinka.
"Mitä minä oikeasti kysyin oli että mitä ei voi tehdä sivuilla ilman että se loukkaa Windowsin herkkää sielunelämää?"
Riippuu siitä mitä oikeasti haluat tehdä. Sivuston toteuttaminen IE-yhteensopivana ei ole ylitsepääsemätön este. Hidaste kylläkin, CSS:ia käytettäessä. "Star html-hack" tosin helpottaa.
" (vaatiiko tämä div tagin?)
Hyvää päivää!
How are you!
m'Jambo!
"
Kannattaa heti kättelyssä käyttää aikaa yksinkertaiseen ja loogiseen merkkaukseen. Helpottaa elämää sitten myöhemmin, kun taidot karttuvat ja nälkä kasvaa:
Hyvää päivää!
How are you!
m'Jambo!
"[...]eli haluan nähdä pystynkö oppimaan tätä sivuteko-tekniikka (aika sotkuiselta touhulta se ainakin tässä vaiheessa tuntuu!)"
Sotkuisuus johtuu usein huonoista oppaista ja väärin opetelluista asioista (väärin opetellusta on myös usein hyvin vaikea päästä eroon). Korpelan web-julkaisua käsittelevä sivukokonaisuus on eräs parhaista ja kattavimmista aloittelijoille suunnatuista oppaista: http://www.cs.tut.fi/~jkorpela/webjulk/
Huomaa kuitenkin, ettei tälläkin palstalla nimimerkillä Yucca kirjoitteleva ole sama henkilö (vaikka niin antaa ymmärtääkin). Kirjoitustyyli ja ohjeet poikkeavat huomattavan paljon "aidon ja oikean", esim nyysseissä ja postituslistoilla paljon keskustelevan viesteistä.
En minä suutu vaikka vastaa itse kysymykseen, eikä sen vierestä.
Tosi-asia: javaScript tuetaan huonosti ja estetään usein. Miksi?
Näytä esimerkillä miten (käyttäen HTML ja CSS kuten mainostit) otat arvot kahdesta kentästä, lasket ne yhteen, ja näytät tulos kolmannessa kentässä. Muutama toimiva HTML-koodirivi! (ei tarvitse vilkkua ja saa olla sotkuisen näköistä!)(epäilen saavani vastausta!)
Minähän kerroin alkuperäisessä viestissä mitä yritin tehdä ja miten minä sen toteutin. Kysymykseni kuului: Mikä tässä tapauksessa saa IE:n varoittamaan "ponnahdusikkunoiden estosta" kun mitään ikkunaa ei edes ole yritetty avata! (sekä onko muita vastaavia tapauksia?)
Esimerkkisi:
Hyvää päivää!
How are you!
m'Jambo!
tämä esimerkki kijoittaa aina "hyvää päivä" sekä lisäksi jos kielimääräykset täsmäävät myös joko
"How are you" tai "m'Jambo". Suurin pirtein niin tekee myös minunkin esimerkkini. (miksi annat ID:n listalle? Ei kai sitä tarvita tässä esimerkissä?). No jaa, ongelma ei tietysti ole tässä vaan siinä että haluan että käyttäjä itse voi valita haluamansa kielen, selaimen kieliasetuksista riippumatta!
Olen kylläkin lukenut Korpelan oppaan, erinomainen aloittelijalle, mutta ei kovin syvälle menevä (tai voitko viitata kohtaan (paitsi tuo kielikysymys) jossa kerrotaan niistä ongelmista mitä tässä esitin?)
Lopuksi: En kiinnitä huomiota nimimerkkeihin, etkä sinäkään, muuten käyttäisit jotain muuta nimimerkkiä kuin käyttämäsi.
"Taitoni eivät riitä siihen että saan sivuni toimimaan haluamallani tavalla ilman javaScriptiä."
Taitosi ovat siis niin vähäiset, että et saa tehtyä sivuja toimimattomiksi pelkällä html:llä?
Eli osaat tehdä pelkästään toimivia sivuja html:llä?
Ja jotta saisit tehtyä sivut toimimattomiksi tarvitset javaskriptia?
Outoa toimintaa...
""Taitoni eivät riitä siihen että saan (KORJAAN:SAISIN) sivuni toimimaan haluamallani tavalla ilman javaScriptiä."
Kyllä sinä ymmärsit mitä tarkoitin (vaikka tein tuon pienen mokan). Ajattelit ehkä että kohennat heikkoa alter egoa tuolla saivartelulla? Pelkään että tämän viestin lukijat tulkitsevat aasia toisella tavalla:)
Oliko sinulla jotain a(a)sia jaettavana?
"Tosi-asia: javaScript tuetaan huonosti ja estetään usein. Miksi? "
Siksi koska sitä on käytetty väärin liikaa?
"Näytä esimerkillä miten (käyttäen HTML ja CSS kuten mainostit) otat arvot kahdesta kentästä, lasket ne yhteen, ja näytät tulos kolmannessa kentässä. Muutama toimiva HTML-koodirivi! (ei tarvitse vilkkua ja saa olla sotkuisen näköistä!)(epäilen saavani vastausta!) "
Toisin sanoen puhuitkin ohjelmoinnista. Jätin kertomatta arvojen ottamisesta ja tulostamisesta. En tosin ymmärrä miksi kuvailemaasi matkareittiä pitäisi maustaa javascriptilla.
Kartan kuvan tulisi ilmeisesti vaihtaa kuvaa sekä hover- että active-tilassa?
Yksinkertaisimmillaan voideaan toteuttaa html css-yhdistelmällä, mutta toiminnallisuutta voidaan varmasti parantaa JavaScriptilla.
Esimerkki kaksois-hover-toteutuksesta löytyy mm. Adaptive Pathin sivuilta (oikea alareuna, henkilökunta): http://www.adaptivepath.com/
"Tämä esimerkki kijoittaa aina "hyvää päivä" sekä lisäksi jos kielimääräykset täsmäävät myös joko
"How are you" tai "m'Jambo". Suurin pirtein niin tekee myös minunkin esimerkkini. (miksi annat ID:n listalle? Ei kai sitä tarvita tässä esimerkissä?)"
My bad. Joskin antamani esimerkki liittyy myös yksinkertaiseen ja loogiseen merkkaukseen.
"Olen kylläkin lukenut Korpelan oppaan, erinomainen aloittelijalle, mutta ei kovin syvälle menevä"
Tein otaksumia. Oma mainintasi siitä, ettei taidot riitä sekä esimerkkikoodisi vähintäänkin huonohko merkkaus hämäsi. mä bad, siis.
"Lopuksi: En kiinnitä huomiota nimimerkkeihin, etkä sinäkään, muuten käyttäisit jotain muuta nimimerkkiä kuin käyttämäsi."
Niinpä, näiden anonyymipalstojen kirous. Jossain muualla olisit saattanut saada omalla nimelläni annetun vastauksen :)
Toivottavasti kuitenkin löydät ratkaisun ongelmiisi täältä.