Mikäs olisi helpoin tapa saada kuvat nettiin?
Jonkun verran osaan html-kieltä ja opettelen lisää pikkuhiljaa.
Sivut on jo perustettu.
Jossain on ollut hienoja valokuvakansioita, eli joku sellainen kuin parent directoryyn mennään ja siitä valitaan alakansiot ja niin edelleen.
Kuinka sellaisen saisi?
Ja sitten sellainen kysymys, että kuinka saan kuvaan linkin.
Eli olisi tekstiä, jota klikkaamalla aukeaisi uusi kuva?
Ja kuva olisi tietenkin tietokoneella, ei netissä.
Jos voisitte suoraan kertoa koodin niin olisin onnellinen.
Kotisivujen teon apuna minulla on html-kit ja soneran ftp...
Jonkun verran osaan html-kieltä ja opettelen lisää pikkuhiljaa.
Sivut on jo perustettu.
Jossain on ollut hienoja valokuvakansioita, eli joku sellainen kuin parent directoryyn mennään ja siitä valitaan alakansiot ja niin edelleen.
Kuinka sellaisen saisi?
Ja sitten sellainen kysymys, että kuinka saan kuvaan linkin.
Eli olisi tekstiä, jota klikkaamalla aukeaisi uusi kuva?
Ja kuva olisi tietenkin tietokoneella, ei netissä.
Jos voisitte suoraan kertoa koodin niin olisin onnellinen.
Kotisivujen teon apuna minulla on html-kit ja soneran ftp...
Vastaukset 5
Vanhimmat
>
- No voi hyvä ihminen, vaikeatahan sellaista on neuvoa koska et laittanut osoitetta kyseiselle sivulle!?
Mutta tässä ainakin yksinkertainen esimerkki kuinka laitat linkin kuvaan (index.htm pienellä kuvalla).
Kuvaa klikaten aukaisee se uuden sivun (iso kuva.htm), jolla tämä suurempi kuva on. Sieltä takaisin aloitussivulle voi klikata joko kuvaa tai linkkiä. Teksti-linkin pienestä kuvasta suurempaan kuvaan voi myös laittaa tälle "index.htm" sivulle jos näin haluaa. katso esimerkkiä iso-kuva.htm sivulla.
index.htm
Fotoalbumi
iso-kuva.htm
Fotoalbumi - Isot kuvat
Takaisin aloitussivulle
Älä myöskään unohda ALT mahdollisuutta kuvissasi. ALT-taggi kertoo kuvan sisällön, katso yllä olevia esimerkkejä. Teksti tulee esille kun hiiren osoitin/kursori lepää kuvan päällä.
>
- Tämähän ei onnistu ollenkaan, ellei itselläsi ole serveriä. Kaikki kuvat täytyy tietenkin ladata nettipalvelun serveriin. Omassa koneessa voit tietenkin katsella kuvia ilman nettiin menoa, mutta muut eivät niitä näe...
Täältä löytyy lisää oppia:
http://www.cs.tut.fi/~jkorpela/webjulk/
Enjoy!
"Älä myöskään unohda ALT mahdollisuutta kuvissasi. ALT-taggi kertoo kuvan sisällön, katso yllä olevia esimerkkejä. Teksti tulee esille kun hiiren osoitin/kursori lepää kuvan päällä. "
No höpsis. Käytetään sitä title-elementtiä tuohon tarkoitukseen. Internet Explorer käyttäytyy mainitsemallasi tavalla.
ALT on nimensämukaisesti vaihtoehtoinen teksti kuvalle, joka näytetään mikäli kuvaa ei syystä tai toisesta ladata. Eli sen on syytä olla kuvaava, varsinkin jos kuva on linkki.
Hei Y_H!
>
- Jos sinulla on useita kuvia sivullasi, kuinka esität kaikkien kuvien sisällön TITLE-elementissä?
Ja vielä lisäksi, TITLE:llahan on tarkoitus sivun kokonaiskuvaukseen, ei yksittäisten kuvien erikseen esittelyyn. Suosittelen myös sinulle lisää oppia osoitteesta:
http://www.cs.tut.fi/~jkorpela/webjulk/
Ei kyllä ALT-taggi on paras mahdollinen tapa kuvan esittelyyn ja vielä senkin takia jos sivun tekijä ei ole kirjoittanut kuva-tekstiä kuvan yhteyteen!
>
- Aivan oikein, siis sen tehtävä on tuiki tärkeä!
Lue vielä tämä linkki läpi, niin ehkä tajuat toisten toivomukset sujuvampaan surffailuun paremmin, mutta jos itsekkäänä et halua ymmärtää niin eihän kukaan sinua siihen voi pakottaa.
Lue myös ehdotuksia näkövammaisystävälliset Internet-sivuilta:
http://www.nkl.fi/suositukset/wwwohje.htm
Enjoy!
Herraisä sentäs, flamee kerpele! :)
"Ja vielä lisäksi, TITLE:llahan on tarkoitus sivun kokonaiskuvaukseen, ei yksittäisten kuvien erikseen esittelyyn. Suosittelen myös sinulle lisää oppia osoitteesta:
http://www.cs.tut.fi/~jkorpela/webjulk/"
Kokeiles huviksesi:
"Ei kyllä ALT-taggi on paras mahdollinen tapa kuvan esittelyyn ja vielä senkin takia jos sivun tekijä ei ole kirjoittanut kuva-tekstiä kuvan yhteyteen! "
Har har! Hopihopi, kokeilemaan tuota em. esimerkkiä esim. Operalla tai Gecko-pohjaisella selaimella. Se, että IE toimii vastoin speksejä, ei tarkoita sitä, että se olisi oikea tapa. Nuo eivät ole toisiaan poissulkevia elementtejä. Titlen avulla voidaan kuvailla tarkemmin kuvaa(periaatteess mitä tahansa elementtiä), koska kuten tuossa alapuolellakin todetaan ALTista: "Sen siis_ei_pitäisi_ nimetä tai kuvailla kuvaa _vaan_tehdä_sen_hommat_ niin hyvin, kuin teksti vain voi".
"Lue vielä tämä linkki läpi, niin ehkä tajuat toisten toivomukset sujuvampaan surffailuun paremmin, mutta jos itsekkäänä et halua ymmärtää niin eihän kukaan sinua siihen voi pakottaa. "
Kyllä tuo(kin) on tuttu sivusto. Kun sitä kerran noin kärkkästi tarjoat, niin lainataanpas Jukka K. Korpelaa:
"tekstivaihtoehto on merkkijono, jonka selain esittää kuvan tilalla silloin, kun se ei näytä kuvia; tämä voi olla tyhjä (alt=""), jos kyseessä on pelkkä koristekuva".
Lisäksi samalta sivulta:
"Yleisesti alt-määrite on erittäin olennainen sen kannalta, että sivu toimii myös tilanteessa, jossa selain ei esitä kuvia tai käyttäjä muusta syystä ei niitä näe. Tämän määritteen arvo ilmoittaa ikään kuin "sijaisen" kuvalle, siis tekstin, joka tuuraa kuvaa tämän poissa ollessa. Sen siis_ei_pitäisi_ nimetä tai kuvailla kuvaa _vaan_tehdä_sen_hommat_ niin hyvin, kuin teksti vain voi".
En vain ymmärrä sitä, ettet vaivautunut tarkistamaan edes perusjuttuja ennenkuin aloit avautumaan. Ja mitä noihin NKL:n ohjeisiin tulee, niin myös niiden sisältö on minulle tuttu. Onko sinulle?
Mistäs tapeltaisiin seuraavaksi?
Ensinnäkin Y_H kun kehoitit TITLE-elementin käyttöä, (The TITLE element) oletin tietenkin sinun tarkoittavan TITLE merkintää itse html-dokumentin alussa ja nyt varmasti ymmärrät miksi siis kirjoitin niinkuin kirjoitin.
Mutta, TITLEn käyttö kuvissa oli tosiaan uutta minulle! Silloin kun näitä taggeja opettelin (-97) oli ainoastaan ALT käyttössä, esitellen kuvaa ja auttamaan selitykseksi jos kuvaa ei jostain syystä latautunut näytölle. Ja kun vielä katson esim. Laura Lemay`s "Teach Yourself Web Publishing with HTML 4" (painettu 2000, 1130 sivua), en sieltäkään löytänyt viittausta TITLE-elementin käyttöön webbikuvissa.
Tietenkin se löytyy http://www.w3.org sivuilta ja silloin se on "The title attribute". Ei siis "The TITLE element". No tämähän ei taas ole niin suuri virhe itsessään verrattuna omaan tietämättömyyteeni.
Koskaan ei ole liian vanha etteikö oppisi jotain uutta...! Toisinpäin se taas olisi suuri katastrofi ja pettymys.
http://www.w3.org/TR/REC-html40/
http://www.w3.org/TR/REC-html40/struct/global.html#title
7.4.3 The title attribute
Values of the title attribute may be rendered by user agents in a variety of ways. For instance, visual browsers frequently display the title as a "tool tip" (a short message that appears when the pointing device pauses over an object). Audio user agents may speak the title information in a similar context. For example, setting the attribute on a link allows user agents (visual and non-visual) to tell users about the nature of the linked resource:
...some text
Here's a photo of me
And he say, you can`t teach an old dog`s new tricks?
some more text...
Kyllä NKL sivut tunnen, enhän niihin muuten olisi viitannutkaan. Tässä vielä ohjeita heidän sivuilta myös muillekkin, sinähän ne jo tunnetkin!
http://www.nkl.fi/suositukset/wwwohje.htm
*Graafiset elementit kuvataan myös sanallisesti. Tärkein asia sivujen toteutuksessa on graafisten elementtien sanallinen kuvailu. Jos esimerkiksi linkit ovat ikoneja tai kuvia ne voidaan helposti koodata seuraavasti käyttämällä kuvan yhteydessä tekstiselitystä.
Näkövammaisen saapuessa tekstin kohdalle hän tietää mihin on siirtymässä. Jos sivu sisältää kuvia, voidaan ne koodata samalla tavalla. Selostus on sitä parempi mitä enemmän se sisältää asiaan liittyvää oleellista tietoa. Mitään turhaa ei kannata kirjoittaa, mutta esim. "Kuva istuvasta vanhasta koirasta" kertoo enemmän kuin pelkkä "koira"-sana.
Tekstilinkit tulisi tehdä myös kaikille kuvakartan kautta tavoitettaville linkeille. Usein käytännöllisintä on tehdä tekstilinkit kuvakartan alle.*
.
.
.
Kiitos Y_H, pieni oppitunti on aina paikallaan!:-D