sivut.web

ohjeita web-sivuston tekijälle

HTML-opas: Lisäominaisuuksia

Keskitys
Taustakuva
Taustamusiikki
META-määritykset
- Tiedot hakukoneille
- Automaattinen päivitys
Kommentti

Keskitys

Perusjipoista HTML-dokumentin muotoilussa on keskitys. Yleisesti kaikki elementit voidaan keskittää yksinkertaisesti laittamalla ne <CENTER> ja </CENTER>-tagien sisään. Niiden sisään voi laittaa hyvinkin paljon tavaraa, voipa jopa ajatella koko sivun keskittämistä. Pitää kuitenkin huomioida, että pitkän keskitetyn tekstikappaleen lukeminen on erittäin epämiellyttävää.

Tästä menetelmästä ollaan hiljalleen luopumassa, sillä lähes kaikkien elementtien keskitys voidaan hoitaa ko. tagiin laitettavalla attribuutilla. Kuitenkin menetelmällä on se hyvä puoli, että myös vanhemmat selaimet tukevat sitä, ja se on yksinkertainen käyttää.

Stylesheettien mukana tulee uusi tapa keskittää elementtejä. Käyttö kuten <CENTER> ja </CENTER> -tageilla:

Taustakuva

Taustakuva voidaan sijoittaa HTML-dokumentin taustalle. Näin saadaan esimerkiksi yrityksen logo näkyvästi esille. Taustakuva sijoitetaan kuten taustavärikin, <BODY>-tagiin.

<BODY BACKGROUND="URL tai hakemistopolku">

Eli esimerkiksi kuvat-hakemistossa sijaitsevan tausta.gif-tiedoston käyttäminen:

<BODY BACKGROUND="kuvat/tausta.gif">

Huomaa:

Ison taustakuvan lataamisen odottaminen on pitkästyttävää ja mikäli taustakuva ei syystä tai toisesta toimi, tulos on varsin ruman näköinen. Se voidaan estää käyttämällä sekä kuvaa, että väriä. Väri korvautuu kuvalla latauduttuaan
Varmista tekstin näkyvyys kuvan päällä joka kohdasta.

Taustamusiikki

Internet Explorer selain sallii taustamusiikin määrittämisen seuraavasti:

<BGSOUND SRC="musa.mid">

IE4.0:sta lähtien taustamusiikin voi asettaa myös seuraavasti:

<EMBED SRC="musa.mid" HIDDEN="True">

Edellä kuvattu tapa toimii myös Netscapessa.

Vaikka edellä olevissa elementeissä musiikki on .mid muodossa (yleisin muoto pienen kokonsa vuoksi), mikään ei estä laittamasta äänipätkää .wav-muotoon.

META-määritykset

<META>-tagin avulla dokumentin alussa voidaan antaa lukuisia tietoja dokumentista. Normaalisti <META>-tagilla ennetut tiedot eivät näy suoraan selaimessa.

Kaikki <META>-tagit sijoitetaan <HEAD>-osioon.

Tiedot hakukoneille

Seuraavien määritysten avulla voit antaa hakukoneille tietoa sivuistasi:

<META NAME="keywords" CONTENT="auto, moottori">

Tämän avulla voit antaa yksittäisiä vinkkisanoja.

<META NAME="description" CONTENT="Autosivu">

Sivun otsikko voidaan myös määritellä.

<META NAME="generator" CONTENT="Notepad">

Ohjelma, jolla sivu on tehty.

<META NAME="author" CONTENT="Tekijä">

<META NAME="copyright" CONTENT="Tatu Jaakkola">

Automaattinen päivitys

Dokumentti voidaan asettaa päivittymään automaattisesti, ts. se voi joko ladata itsensä uudestaan tai jonkin toisen dokumentin. Tämä tapahtuu seuraavasti:

<META HTTP-EQUIV="Refresh" CONTENT="10;
 URL=uusi.html">

Kommentti

Voit kommentoida omaa HTML-koodiasi lisäämällä sinne huomautuksia, jotka näkyvät vain koodissa. Seuraavasti:

<!-- tänne huomautus   -->

Huomaa, että jokainen rivi pitää kommentoida erikseen, pidempiä pätkiä ei suositella tehtäväksi. Älä lisää HTML-koodia huomautusten sisälle.

Seuraava sivu: Kuvakartat.

Käyttäjien kommentit

9.7.2003 18:40
henkka <hkhenri88@jippii.fi>

osaatko neuvoa miten saan video pätkiä kotisivuilleni?

29.9.2003 21:16
pihalla kuin lumiukko

eli kysymys:teen pääsivun index.html ok.
tarkoitus olisi että tälle sivulle tulisi toisesta sivustosta html sivu.keskelle.
esimerkiksi.vaikka toto lista ym.automaattisesti

6.3.2004 13:59
sami <wrt1@luukku.com>

Voisitko kertoa, miten saan omalta kotikoneelta videoita omille sivuilleni?

7.3.2004 19:05
Juha-Pekka Järvenpää <jp@sivut.org>

Siirrä videotiedosto palvelimelle. Voit tehdä normaalin linkin tähän tiedostoon.

Videon upottaminen osaksi web-sivua on monimutkaista ja epäsuositeltavaa, sillä sivun lataaminen aiheuttaa usein monien megatavujen kokoisen videon hakemisen palvelimelta. Kannattaa siis tehdä vain suora linkki ja siihen varoitus suuresta tiedostokoosta.

27.3.2004 11:14
Torstai

Onko tietoa miten meta tagiin saisi redirectin sen mukaan mitä selainta käyttää?

Esim.
explorer redirect ==> index_e.htm
opera redirect ==> index_o.htm.

27.3.2004 21:57
Juha-Pekka Järvenpää <jp@sivut.org>

Selaimen tunnistaminen perustuu selaimen lähettämään HTTP_USER_AGENT-tietueeseen. Tämä tietue voi sisältää mitä tahansa, eikä sitä voida pitää luotettavana tietona. Toimiva automaattinen tunnistus ei näin ollen ole mahdollinen.

Mikäli sivusta on pakko tehdä useita eri versiota eri selaimille (oletan että tarkoitus oli tämä), kannattaa valinta jättää käyttäjälle. Paras ratkaisu on kuitenkin suunnitella sivu, joka toimii kaikilla selaimilla.

16.7.2004 19:40
cloba

Mitenkäs saisin tos taustakuvan keskitetyksi kun nyt se tahtoo olla vierekkäin eikä ole kovin hienonnäköinen

7.8.2004 15:22
cv <cv@.com>

iuigiguguigu

19.8.2004 18:04
Aapa

Miten ihmeessä saan sivuni niin,että hakukoneetkin ne löytää?

<Meta>:lla olen jo aikalailla leikkinyt.

4.9.2004 11:02
Veiska <veijo.vuorela@vantaa.fi>

4.9.2004 11:15
Veiska <veijo.vuorela@syo.fi>

Miten saan välitettyä lomakkeelle yhteen kenttään tiedon, mistä saman ikkunan URL:sta on tultu?

Minulla on kymmeniä sivuja, joiden asiasisällöstä käyttäjillä pitäisi olla mahdollisuus antaa palautetta. En haluaisi tehdä jokaiselle sivulle omaa palautelomaketta, vaan käyttäisin tarkoitukseen yhtä lomaketta.

Seuraavan linkin "Kartta alueesta" -linkeistä aukeavat sivut, joihin tulisi "Palautetta kohteesta" -linkki lomakkeeseen, jolle siis pitäisi välittää tieto, mistä on tultu:
http://www.vantaa.fi/i_perusdokumentti.asp?path=1;135;137;221;1761;6113;6118;7053;7066

4.9.2004 14:06
Juha-Pekka Järvenpää <jp@sivut.org>

Esim. PHP:llä:

<input type="hidden" name="url" id="url" value="<?phpecho $_GET['url']?>" />

Olettaen, että sivun osoite on passattu lomakkeen sisältävälle sivulle parametreissä, esimerkiksi:

palaute.php?url=1;135;137;221;1761;6113;6118;7053;7066

Tieto edellisestä sivusta kulkee myös periaatteessa HTTP_REFERER-ympäristömuuttujassa. Tähän ei kuitenkaan kannata luottaa sillä kentän täyttäminen on täysin selaimesta kiinni, varsinkaan tuollaisen järjestelmän kanssa jonka toimintaan täytyy luottaa.

6.1.2005 13:38
Valera Gnezdilov <tapani.karppinen@opaasi.fi>

Ois asiaa: Laitoin kuvia Huuto.netin sivuille <img src=""> koodin avulla, mutta muille ei niitä kuvia näy (punainen risti vaan). Miten saan kuvia muille näkyviin?
Ps. kuvat oli talannettu omalle tietokonelleni -.jpg muodossa.

19.1.2005 22:22
OBELISK <OBELISK5@luukku.com>

Heh ehkä tyhmä kysymys mutta mihis kohtaan laitan ton tausta musa jutun ?

6.3.2005 20:06
Touhu <touhuterrieri@suomi24.fi>

Miten saan kotisivuille taustamusiikin sillai että se alkaa aina alusta eikä toista sitä vaan kerran? AUTTAKAA JOS OSAATTE!!!

16.3.2005 21:07
epätoivoinen

Miten tuo "keywords" saadaan toimimaan? Olen sitä yrittänyt vaikka millä tavalla mutta hakukoneet eivät sivuani löydä...Sivuni ovat menneet läpi jopa W3C:n validaattorista silti ei löydy. Tässä esimerkki:

<meta name="keywords" content="sivusto,ei,löydy,hakukoneilla">

Mikä voi olla vikana?

27.3.2005 14:43
Juha-Pekka Järvenpää <jp@sivut.org>

Se, että hakukone ei rekisteröi avainsanojasi, ei ole mitään sattumaa. Harva hakukone niin tekee nykyään.

Sen lisäksi, että avainsanat ovat meta-elementissä, viljele niitä sivun leipätekstissä. Sieltä ne hakukoneetkin avainsanoja etsivät.

3.4.2005 22:08
Petra <strubing@luukku.com>

Olen laittanut kotisivuilleni muutaman videon, mpg tai MOV-loppuisen jotka toimivat Windows Media Playerilla tai Quick Time Playerilla. Videoissa on se huono puoli, että MOV-loppuiset latautuvat todella pitkään, kaikki kotisivuilla kävijät eivät jaksa odottaa latautumista. Mpg-loppuiset näkyvät heti, mutta ensi katselulla hidastettuna versiona. Lopputulos on siis sama eli katsoja joutuu odottamaan älyttömän pitkään kunnes video näkyy oikein.

Kuitenkin monilla kotisivuilla on pitkiäkin videoita jotka alkavat näkyä heti. Voisinkohan itse saada videoni näkymään nopeammin?

Kiitos.

13.5.2005 15:23
jj <zulia@netti.fi>

kuinka saan taustakuvan venytetyksi, tai vain yhdeksi. tulee aina monta vierekkäin...ja kuinka laitetaan teksti siihen päälle..? kiitos!

30.6.2005 18:53
000

Petra, tallenna videosi vaikka wmv-muodossa, joka alkaa toistaa tiedostoa heti. Video voi hitailla nettiyhteyksillä kuitenkin vähän pätkiä.

7.7.2005 11:40
Leukocyt <Leukocyt@mbnet.fi>

Pitäisi saada sivusto päivittämään linkit automaattisesti eräästä kansiosta. Kansiossa on kansioita ja muita tiedostoja, jotka vaihtuvat aika tiheästi. Aina ei jaksaisi manuaalisesti lisätä linkkiä koodiin. Sivuston pitäisi siis automaattisesti luoda linkit eräässä kansiossa oleviin kansioihin ja muihin tiedostoihin. Toinen kysymys olisi, että miten valitanlistan
<SELECT NAME="">
<OPTION>
<OPTION>
<OPTION>
<OPTION>
<OPTION>
</SELECT>
saa toimimaan siten, että kun valinta on tehty, valintalistan vieressä olevasta ok-painikkeesta käynnistyy valittu linkki. Linkin valinta tehdään siis valintalistassa. Olisi hyvä, jos ensimmäisen kysymyksen tarpeet voisi yhdistää valintalistaan.

28.9.2005 08:02
nikke <niko.tikkanen@netti.fi>

Kertoisitteko pari kävijälaskuri koodia?

20.10.2005 09:22
joku

muuten mikä on vikana ku oon yrittäny laittaa taustamusaa mut ku sei kuulu:(

14.11.2005 17:47
Mika

Kun laittaa sivuilleen taustamusiikkia, niin onko mahdollista säätää toistonopeus oletuksena tavallista suuremmaksi?

2.12.2005 23:55
Benny <hosee221@msn.com>

Haluaisin lisätä sivuilleni näkymään videon niin että kun sivun lataa, aluksi tulee video ja sen jälkeen se ohjaa automaattisesti sivuilleni, ja siihen voisi samalla laittaa omaa tekstiä. vähän niinkuin tilt.tv :n kotisivuilla, kun menee sinne siinä on aluksi video mutta kun painaa linkkiä niin pääsee sivuille.

17.1.2006 15:23
sadv3mudv3li

Mikä olisi hyvä ja suositeltava ilmaispalvelin

10.2.2006 20:13
WHAM <tomi.kahkonen@hayo.huittinen.fi>

APUVA!!! Teen sivuja, ja haluaisin taustamusiikin sivuilleni! Ongelma on, että yleistyvä FireFox selain ei tunnu tukevan <BGSOUND SRC="****.mid"> muotoa. Ideoita? AUTTAKAA MINU JOKU!!!

15.2.2006 16:43
eki

muuten kun itselläni on SUPERHTMLPad v.1.12 niin mikä on vikana kun taustamusiikki ei kuulu, vaikka se on mpg-tiedostona?

17.2.2006 20:04
tommi <devil.90@jippii.fi>

voiko noi taustaänet olla myös .mp3 tai .wma muotoa?

19.2.2006 19:15
Lippu

Olen tehnyt surkeat sivut, joissa on pääsisältö eli muu teksti kuin sivuston navigointilinkit ja otsikot keskitetyn taulukon sisällä. Haluaisin harmaansävyisen taustakuvan, kuitenkin niin, että tämä suuri keskellä oleva taulukko olisi valkoinen taustaltaan.
Selitin hieman sekavasti...

Eli että taulukko on tavallisen valkoinen, ja taustakuva näkyy sen takana, ei läpi siitä... Koittakaa ymmärtää, hankala selittää...

19.2.2006 19:25
Lippu

^Ongelma ratkaistu, aika äkkiä. Eli laitoin tablen bgcoloriksi ffffff eli valkoisen... Sovelsin itse, kerrankin! :-D

23.2.2006 21:10
Michiharu

Tietäisin miten saisin sen taustamusan. *Tuossa ylhäällä se onkin* Muttah, minä olen niin epätoivoisesti saada jostain play ja stop nappuloita. Mitäs teen?

7.3.2006 13:15
asdadsdsda

siis mihin sitä meta juttu laitetaan.ja eikä se mulla toimi mitä on vikana?

11.3.2006 15:57
mine

viittiskö joka kertova miten saan ton tausta musiikin toimimaan, ohjeet on kyllä ylhäällä mutta jäänyt epäselväksi mihin kohtaan se "koodi" pitää heittaa.Olen kyllä mielestäni kaikkia kohtia kokeillut eikä toimi.Mozillaa käyttelen ja .wav päätteistä yritän saada sivuille.

17.3.2006 14:59
tomppa

mine vai mikä ootkaan.. ni mulla ei ainakaan mozillan firefoxilla voi tehä kotisivuja kunnolla siel aina joku bugaa.. koita IE:llä.. eli internet exploderil jollet tiiä.

17.3.2006 15:01
tomppa

ja mine se koodi kannattaa heittää siihen <body> tägin jälkee suoraan. siin se ainakin joskus on mulla toiminut..

19.3.2006 14:26
Late

Mun tietääkseni ne musiikit ei toimi mozillassa.

20.3.2006 20:45
Tuomas <tume91@gmail.com>

voisiko kukaan kertoa että miten sivulle tehdään kävijälaskuri???????

30.6.2006 23:42
aappuuuuaaa

Miten kuvan päälle saadaan tekstiä?

6.7.2006 15:52
Easton

Kävijälaskurin saat helposti kirjoitat googleen kavijalaskuri, sieltä löytyy. sitten näet sivuilla tekstin, kopioit sen ja liität sivuillesi

16.7.2006 13:04
Minä

Käytän koodia
<BGSOUND SRC="musa.wma" >. Jotenkin pitäisi saada PLAY ja STOP nappulat toimimaan, ja olisi myös hyvä tietää miten saisi musiikin alkamaan automaattisesti uudestaan kun se loppuu.

Kiitos jo etukäteen. :)

28.7.2006 09:13
Jani

Miten tällaisen voisi ratkaista, kun olen keskittänyt sivun sisällön (yksi palsta) <center>:llä? Ongelmana on että osaan sivuston sivuista tulee oikealle vierityspalkki ja osaan ei, joten tuo palsta liikkuu hieman eri sivujen välillä.

1.12.2006 17:11
apua

haluaisin taustamusiikkia sivuiileni siten että se koko ajan toistaisi itseään. kiitos etukäteen

7.12.2006 16:24
henna

Miten saan valmiit html koodilla tehdyt sivuni nettiin?

14.12.2006 16:06
juusto

miten saan taustamusa toimimaan vaikka laitoin ihan samalla tavalla kuin esimerkissä eikä edes play ja stop nappulat näy.

19.12.2006 13:46
Mikko

Miten musan saa toimimaan Firefox selaimessa?

1.3.2007 21:08
Lauri <lare_5@hotmail.com>

Saako "enemmän" taustamusiikkia sillain, et ku toinen loppuu ni sit alkaa toinen biisi?

13.3.2007 21:46
J:H

Miten kotisivulle saadaan videota?

16.3.2007 19:31
nilkki

Minkälaisella koodilla saan musiikkinapin sivuilleni josta saisi musiikin pois ja päälle, jos joku osaa neuvoa niin olisi kiva myös tietää että miten se n musiikkikappaleen saa toistumaan sen loputtua.

3.4.2007 21:07
Albert <hannes_edu@hotmail.com>

Millä koodin pätkällä se taustakuva saatiin keskitettyä silleen ettei se monista itseään koska se näyttää rumalta joillakin kuvilla...

16.4.2007 20:17
p3gg4

eiks kukaan oikeesti tiedä miten sen videon saa lisättyä? oon kokeillut noi kaikki eikä mikään toimi. normaali linkki on aivan pa**** idea, eikä edes toimi.

25.5.2007 22:30
Auttaja

Video pitää saada jollekkin palvelimellle vaikka youtubeen... Siellä on html koodi oikealla puolella kun katsot sitä videota. Sen koodin vaan lisäät sivuille.

3.6.2007 19:05
avuton

Miten saan taustakuvan semmoiseksi että ei ole vierekkäin??

25.6.2007 18:39
Innokas koulunkävijä

Jos saisin hieman apua, pitää koululle tehdä kotisivut ja nyt sitten olen niitä väsänny... mutta haluaisin taustamusiikin sivuilleni, käytän Mozilla Firefoxia ja olen yrittäny vaikka miten päin saada musiikin mutta kun ei tule mitenkään eikä mittään kuulu?? tarvitsisin hieman apua, jos joku olisi ystävällinen ja voisi neuvoa.. sitten vielä että ku on se bgsound niin minkä sisälle se pitää laittaa <body>:n sisälle vai täh?? miulta loppuu niksit ja taidot kesken..

Kiitos jo etukäteen sille joka auttaa!! =)

5.7.2007 15:11
usudas

Kuinka taustakuva saadaan sillä tavalla keskelle sivua?

7.7.2007 08:51
joku

Luulen että pitäisi laittaa bodyyn?

10.8.2007 15:43
Yks tyyppi

"innokkaalle koulun kävijälle"
Näin saat taustamusiikin soimaan toimivasti.
Tämä juttu on tällä sivulla minulle opetettu.

<body>
<EMBED SRC="musiikkitiedosto.wav">
</body>

Oleppa hyvä...

16.10.2007 20:29
olli <->

todella hyvät sivut, tai niinku et tartten näitä.

16.10.2007 20:37
fxh <dfjh>

dtjhrtjtfrkj

24.11.2007 16:51
Hjelppiä kiitos...

Kysyisin vain että kon olen saanut nyt firefoxis toimimaan quicktimel ton musiikin niin haluisin sen silleen et se ei alottas sitä musaa heti kun sivulle tulee.. jos hiddenil on nii miten siihen saa play/stop nappulat? ja ku haluisin tehä viel kappalelistanki.

22.2.2008 23:18
famvir lead investigator <ipfxdm@hotmail.com>

23.2.2008 02:33
famvir brown recluse <sbmnxjq@hotmail.com>

23.2.2008 07:15
zanaflex side effects forums <kfspojv@hotmail.com>

23.2.2008 08:21
zanaflex vicodin lyrica ultram compatibility <barxfn@hotmail.com>

23.2.2008 10:05
dvavp adn ditropan <mwbv@hotmail.com>

4.3.2008 15:50
Tenkki

Niin,miten saan Hakemuksen sivulleni?? :DD

Kun haluaisin?

4.3.2008 16:29
:(

Joo voisi poistaa nuo ylemmät spam viestit

28.3.2008 15:59
penaerkkikalevi

kun oon tehny sivun muistiolla niin mistä sitten tietää sen osotteen mikä on netissä?

14.4.2008 16:45
esa

14.5.2008 08:34
ggg

jollakin omakivaa

29.6.2008 03:38
dmazbolc hxfcumkyo <ycfehaqsl@gmail.com>

biuseh puntovr ljpfs oals wvlg uwipaxdfo wkyuc

29.6.2008 03:40
jiks hxtjk <klhy@gmail.com>

vxcqlzh tnjav zvld evbnt vliqxdft npwv qvhxtnpfb

29.6.2008 03:50
pqdc lsvx <efzsubydl@gmail.com>

vtko spzgytld drqm bwxq lcmyk nkxfr zclbt

29.6.2008 03:58
fgtlciedh xeovhy <kwaihp@gmail.com>

xwqtbhzpn srnyh hvdy tfyrcwjo lnkg nmivr xyon

1.9.2008 15:48
cool postcards <krlna@hotmail.com>

1.9.2008 15:48
cool postcards <krlna@hotmail.com>

1.9.2008 15:50
cool postcards <krlna@hotmail.com>

2.9.2008 02:44
hockey stick store <zxraeum@hotmail.com>

Cool site. Thanks!
http://hooker.vufytaw.info/ hooker
http://porch-swings.xedis.info/ porch swings
http://kenstar.himeg.info/ kenstar
http://bionic.nakesen.info/ bionic
http://eishockey.dozak.info/ eishockey
http://ottawa-senators.dovules.info/ ottawa senators
http://bauerhockey.huxer.info/ bauerhockey
http://hockeycorner.mamaqyk.info/ hockeycorner
http://hockey-stick-store.lejid.info/ hockey stick store
http://hyper-flight.koludi.info/ hyper flight
http://tsi.molag.info/ tsi
http://aroma-control.jomoq.info/ aroma control
http://brimmed.vihidi.info/ brimmed
http://handtaschen.fokuba.info/ handtaschen
http://schulterschutz.xenuluq.info/ schulterschutz
http://870bx.dynosy.info/ 870bx
http://branzach.hafokup.info/ branzach
http://credit-card-personal-loans.vivaqev.info/ credit card personal loans
http://cash-reward-credit-card.zysyqi.info/ cash reward credit card
http://chrysler-loans.gykore.info/ chrysler loans

2.9.2008 02:45
hockey stick store <zxraeum@hotmail.com>

2.9.2008 02:46
hockey stick store <zxraeum@hotmail.com>

2.9.2008 02:47
hockey stick store <zxraeum@hotmail.com>

2.9.2008 11:06
charger <oqrk@hotmail.com>

2.9.2008 11:07
charger <oqrk@hotmail.com>

2.9.2008 11:08
charger <oqrk@hotmail.com>

2.9.2008 16:36
cool postcards <krlna@hotmail.com>

2.9.2008 16:37
cool postcards <krlna@hotmail.com>

3.9.2008 02:21
dark kingdom the dragon king <uhsjv@hotmail.com>

3.9.2008 02:21
dark kingdom the dragon king <uhsjv@hotmail.com>

3.9.2008 02:22
dark kingdom the dragon king <uhsjv@hotmail.com>

3.9.2008 04:09
hockey stick store <zxraeum@hotmail.com>

3.9.2008 04:10
hockey stick store <zxraeum@hotmail.com>

3.9.2008 06:33
marlo <bprwl@hotmail.com>

3.9.2008 06:34
marlo <bprwl@hotmail.com>

3.9.2008 12:52
charger <oqrk@hotmail.com>