sivut.web

ohjeita web-sivuston tekijälle

etusivu html javascript perl php grafiikka sivusto palvelin sanasto info palaute

HTML-opas: Yleistä

HTML on WWW-sivujen rakenteen kuvaava sivunkuvauskieli. Se on kehitetty CERNissä 90-luvun alkupuolella. (CERN=Sveitsissä sijaitseva euroopan ydintutkimuskeskus). HTML tulee sanoista HyperText Markup Language ja se kertoo jo jotain kielen luonteesta.

HTML:llä sivun tekstisisällön lomaan merkitään mitkä kohdat laitetaan lihavoidulla, mihin tulee kuva ja mikä muutetaan linkiksi jne. Myös WWW-sivujen kannalta oleellisia kohtia, kuten sivun otsikko, määritellään HTML:llä. Vaikka WWW-sivuja voikin tehdä WYSIWYG-editoireilla, jolloin HTML-kielen tuntemusta ei välttämättä tarvita lainkaan, saa suoraan HTML-kielellä sivuja tehdessä huoliteltua jälkeä aikaan, varsin helpostikin itseasissa. Kirjoittaja on itse tehnyt satoja, ellei tuhansia WWW-sivuja suoraan HTML-kielellä, eikä erityistä hinkua WYSIWYG-editorien käyttöön ole vielä ilmennyt.

Uskon, että Internetin peruskäytön hallitseva, sivun tekemisestä kiinnostunut, oppii HTML-kielen tuossa tuokiossa, ja mikäli aiheeseen jaksaa paneutua hieman syvällisesti, alkaa pajasta syntyä laadukkaita WWW-sivuja alta aikayksikön. Koko homman paras puoli on se, että HTML-dokumentteja tehdessä ei ole tarvetta erityisille ja kalliille työvälineille, normaali tekstieditori riittää hyvin. Esimerkiksi kaikki tässä oppaassa esiteltävät sivut voi kirjoittaa vaikka Windowsin mukana tulevalla Muistiolla (Notepad).

Nyt on aika sukeltaa HTML:n maailmaan.

Seuraava sivu: Versiot.

Käyttäjien kommentit

Olen tehnyt sivuja ns. valmisohjelmilla, ja huomattuani, että tila on poikkeuksetta liian pieni, enkä halua maksaa WWW sivujen pitämisestä, ainoa vaihtoehtoni oli alkaa opetella HTML kieltä, vaikka viimeiseen asti pyrin välttämään sitä. Pelkäsin etten osaa.

Olen aloittelemassa "opiskeluani" näiltä sivustoilta, ja seuraava lause kannusti minua todella:

"Uskon, että Internetin peruskäytön hallitseva, sivun tekemisestä kiinnostunut, oppii HTML-kielen tuossa tuokiossa, ja mikäli aiheeseen jaksaa paneutua hieman syvällisesti, alkaa pajasta syntyä laadukkaita WWW-sivuja alta aikayksikön."

Eli kiitoksia sivujen laatijalle kannustavasta asenteesta. Sain tarvitsemaani itsevarmuutta jo heti alkutaipaleella, että kyllä minäkin voin oppia tuota ihmeellistä kieltä.

Vasta tutustuessa HTML:ään se tuntuu kyllä vaikealta, mutta ei kuitenkaan mahdottomalta. Eli tästä on hyvä jatkaa.

Siis miten tää käytännössä toimii miten uploadaan sivulle tota kamaa siis jos teen vaikka otsiko <TITLE>TÄMÄN TEKSTIN OTSIKKO</TITLE> ja sit jotain niin mihin ton pistä???

Kun HTML:lää oppii käytämään se ei ole mahdotonta.

Juu, mä alotin Dreamweaverilla, siinähä voi kans kattoo ne koodit ja sieltä opin aika paljon.

Eli sitte ku halusin oppii jotai uutta etin googlessa html opas ja löyty paljon laadukkaita sivja, lopulta mä jouduin tänne :)

täällä o aika hyvät oppaat, kaikki mitä tarttee tietää + vähä lisää ;)


Hyvät sivut, ei voi muuta sanoa

Tosi hyvät sivut, löytyy kaikki tarvittava.

Eli, minulla on seuraavanlainen ongelma:
Kun haluan esimerkiksi taustakuvan sivuilleni, ja kirjoitan koodin täydellisesti, niin se ei vain näy, mutta! jos kopypasteen saman koodin joltain sivulta niin se kyllä toimii, miten tämä on mahdollista?
Sama juttu on esimerkiksi fontin koon kanssa jne

Apua avuttomalle. Hitto kun ei saa ees sitä html sivua tehdyksi niin vaikeaa ruveta tekeen mitään, mites se onnistuu.

mitä eroa noissa eri html kielissä on

Olen tekemässä kotisivujani ja minua ihmetyttää että miksi Internet Explorer estää sivuni onmouse toiminnot ja javascript toiminnot. Tiedän että asetuksia voi muuttaa mutta onko mitään muuta keinoa?? Koska sivut eivät ole hyvät jos useilla koneilla ne eivät toimi oikein.

JavaScript-skriptit suoritetaan selaimessa ja ne voidaan siten kytkeä selainkohtaisesti pois. HTML-sivuun ei voi kytkeä mitään sellaista ominaisuutta, joka vaatisi JavaScriptin olevan käytössä. JavaScriptilla kannattaa siis toteuttaa vain sellaisia toimintoja, jotka tuottavat lisäarvoa, mutta eivät ole olennaisia sivun toimivuuden kannalta.

Kysymys!

Kolme ohjemaa kirjautuminen.htm, tunnistus.php ja haku.php pitäisi saada pelaamaan yhteen.

<form action="haku.php" method="POST">

form action = täytyy saada arvoksi haku.php jos
käyttäjä antoi tunnuksen ja salasanan oikein,
muuten palataan uudelleen kirjautumiseen ja
form action = arvoksi laitetaan kirjautuminen.htm


kirjautumisen oikeellisuus tutkitaan php-koodissa
joten tehdäänkö php-muuttuja $tarkistus
jolle arvoksi "haku.php" tai "kirjautuminen.php"?

Miten sen saan form action arvoksi?
html:ssä ei näyty olevan vertailu-
ja toistorakenteita.

Hyvät sivut :)

Voisiko kukaan neuvoa miten omille kotisivuille voi tehdä tällaisen samanlaisen kommentin lisäyksen, että teksti tulee näkyviin suoraan sivulle. Miten se toimii?

Olen aika avuton, mutta siis voiko täällä tehdä omia nettisivuja??? Jos voi niin miten??? Kiitos jos vastaat!! ;)

eikös jos haluaa keskelle vilkkuvan tekstin, niin eikös ensin pidä laittaa <center> ja sitten <blink> koodi???

***

kumpi on parempi ohjelma?

SuperHTMLPad v.1.12
Microsoft FrontPage 1

no jes. JJ O IHA JUNTTI

Haluaisin tietää, miten virtuaalitalli tehdään. mistä tietoa saa?

mistä kohtaa täältä sivustoilta löydän miten voin valmiin sivupohjan koodata sivuille? Että ei oisi pelkkää valkoista

miten pystyn kirjoittamaan? klikkailen monta kertaa samaa kohtaa, mutta en kuitenkaan saa "kirjoitusviivaa"

"HTML-dokumentteja tehdessä ei ole tarvetta erityisille ja kalliille työvälineille, normaali tekstieditori riittää hyvin. "

Mitä tuo tekstieditori meinaa?

Tekstieditori = Notepad tai Muistio riippuen onko sinulla suomen- vai englanninkieliset valikot. Ja, jos sinulla ei ole Windows:a vaan esim. Linux, niin en tiedä asiasta.

Paras html opas mitä googlesta löysin hakusanoilla HTML opas, kyllä tässä alkuun pääsee, mutta kyllä siihen layoutin koodaamiseen tarvitaan vähä ulkopuolista apua.

Ei tääläkään lue sitä etttä jos tekee sellasen sivun mihin täytyyy rekistöröityä niin miten tekeee selaisen alueen johon tarvitsee sen että on kirjautunut sisään????????????????????

öö mistä voi tehä sen navigaatorin vai mikä se on no kummiskin niin mistä sen voipi tehä?

Ihan jotain pikkusta olen HTML:llällä väsännyt. Eihän tuo niin hankalaa ole jos ymmärtää.

No ihan vaan kommentoidakseni. HTML ei ole koodia se on markuppia eli ihan vaan merkintätapa niinkuin nyt yleinsä "." erottaa lauseen ja "," sivulauseen ttyylitä merkintänä. Eli toisinsanoen sitä kutsustaan kuvauskieleksi.

Toiseksi ei kannata eikä pidä olettaa että sivut aina näyttävät samalta selaimesta toiseen. On jopa olemasssa selaimia jotka muuttavat kuvauksen pistekirjoitukseksi ja se ei todellakaan näytä samalta. Samasta syystä ei möskään pidä olettaa että vastaanottaja tulkitsee javaskriptiä. On siis parempi olla olettamatta mitään vastapuolen laitteistosta se on kohetilainta ja tuo eniten asiakkaita.

itseasiassa ulkoasu ei oiekeastaan ole htmlän heinää vaan rakenteen kuvaaminen.

Olen tehnyt omia sivujani geocities:iin ja olen jo aika kokenut html-tekstin kirjoittaja. En ole täältä sivuilta ennen kyllä saanut apua, mutta hienot sivut! Kävin katsomassa vaan pikkuvinkkejä ja koodeja osoitteessa www.lailanet.fi/satu.heijari . Kävin myös kopioimassa sieltä kuvia. Joka tapauksessa hienot sivut, ja ne jotka lukevat kommenttejani, käykääpä vilkaisemassa siitä huolimatta että sivut on kesken: www.geocities.com/koiratarha_saippuakupla

Hei! Osaako kukaan kertoa miksi yhdellä sivulla kotisivuillani ei näy ä tai ö-kirjaimia, vaan kysymysmerkit niiden kohdalla? Miten tämän voisi korjata? Kaikilla muilla sivuilla näkyvät kyllä mainiosti, vain yhdellä ei...

Joo, kyllähän tää aluksi tuntui aika vaikeelta, mutta siinähän se alkaa selvitä.

Kannattaaks Microsoft Powerpoint ohjelmaa käyttää HTML koodaukses?

haluaisin tietää html historiasta

Kyllä on mainiot sivut html:n ihmeelliseen maailmaan, suuret kiitokset vain sivuston tekijälle, kyllä jäisi omat kotisivut tekemättä ilman näitä ohjeita.

aahahaa :D täähän on itse asiassa hauskaa!

vai onko sittenkään...?

pieni tyhmä kysymys: mitenhän tän tekstitiedoston vois muuttaa siihen muotoon että näkee miltä se näyttäis netissä?

Nyt sitten pitäisi aloittaa HTML-kielen opiskelu - iha tyhjästä...

Olen ihan alkuvaiheessa koodauksen opettelussa, eli mitä pitää sitten tehdä kun olen saanut koodauksen valmiiksi? (Teen notepadilla)Antakaa ohjeita rautalangasta vääntäen! Ilmeisesti tarvitsis olla tulevan kotisivun osoite olemassa? Käykö ilmaiset sivut, koska niissähän on jo "valmiit"pohjat?Miten siirrän tiedot sivuille, jotta voin nähdä miltä ne näyttävät ja sitten muokata lisää?En saa tallennettua Notepadia HTML-muotoon, tiedostotyypeistä ei löydy mitään vaihtoehtoja.

jeejee

Suosittelen Notepad++

http://notepad-plus.sourceforge.net/uk/site.htm

JEEJEE! KAIKILLA HAUSLAA?!?!?! VARMASTI !?!?

Miten ne sivut saa julkastua, että kaikkien ei tarvis ladata sitä luetteloa omalle koneelle?

No jos käytät vaik Bravehostii nii voit ladata sen luettelos sinne ja julkasta sen. Sä voit valita osotteen ite kunhan siin lukee Bravehost jossai kohassa Esim: minimonsteri.Baravehost.com (toi on musta kauhee paikka ku siin on mainoksii nii paljon)

Tuolta löytyy kanssa hyvä opas aloittelijoille:
<hfer="http://olento.net/webbiopas/index.php">Kotisivuopas</a>;

sori, siis tuolta:
http://olento.net/webbiopas/index.php

Vinkkejä:

Testaa toimiiko koodit vaikka näin:

Mene notepadiin ja pistä sivusi koodi.
Sitten tallenna se ja loppuun .html

avaa tiedosto ja katso.

Paikat johon voi pistää sivusi koodin: http://geocities.yahoo.com/

http://www.tripod.lycos.com/

Tuossa on vasta pari!

aiankin "Damn small Linuxissa" myös vastaava tekstieditori, en muista nimeä, mutta kyllä onnistui nettisivut!

terve kyllä kannatta opiskella htmllää

Kun kävin täällä ensimmäistä kertaa niin luulin tätä
Ihan surkeana. Katselin tätä sivustoa ja opin paaaljon HTML! Kiitos UBER HYVISTÄ sivuista!

Kiitos, että joku jaksaa vielä tehdä näin laajoja sivuja toisten auttamiseen. Minulla olisi silti kysyttävää, joko seuraava on vain mennyt minulta ohi korvien, mutta en löytänyt tarvitsemaani koodia... Ajattelin jos sinä/joku voisi auttaa. Yritän siis saada koodia jolla saisin sivulleni salasanan, siis osion, jonne muut eivät pääse vain kuin tietämällä oikean salasanan... Toivottavasti joku ymmärsi ja voisi auttaa.

mitä jos koko homma näkyy vaan koodina? siis se ei ei avaudu. mitä pitäs tehä. jokin ei nyt ei mee oikein...

Toivottavasti sivuston ylläpitäjä ei turhaudu vallan noista perseilijöistä ja peeloista ja lopeta sivustoaan, on meinaan pirskatin hyvä opas html:n maailmaan. pieksää 100-0 useimmat kirjastosta lainattavat html-teokset.

<html>Joo... Haperoita olin sienimetsässä katsomassa, mutta ei löytynyt - lieneekö kylmyys tai vuodenaika syy??? - Puolukoita tuli kaksi ämpäriä.</html>

Olen t'ysi tumpelo atk:ssa, enkä edes tajua miksi otin sen valinnaisaineeksi. Kuvittelin kai sen olevan kivaa. Nyt kun täällä tunnilla käydään html:lää olen pudonnut automaattisesti kärryiltä, eikä atk-opelta viitsi kysyä mitään niin ehkä voin opetella html:län täältä.

Hei! Minua on pitkän aikaa vaivannut yksi koodi. En enää muista enkä löydä tuota koodia, voisitteko auttaa? Se on sellainen, että kun laitat kursorin kuvan päälle, siitä tulee toinen kuva. Olen vähän pulassa, olisi mahtavaa jos joku voisi auttaa...

Tässä on sellainen Eräs.

<a href="linkki.html"
onMouseOver = "document.kuva.src='toinen_kuva.jpg'"
onMouseOut = "document.kuva.src='kuva.jpg'">
<img src="kuva.jpg" border=0 name="kuva" align="right"> </a>

Kuva on linkki linkki.html -sivulle.
Vaihda linkki.html haluamaksesi sivuksi, toinen_kuva.jpg kuvaksi, jonka haluat näkyvän, kun hiiri on kuvan päällä ja molemmat kuva.jpg :t kuvaksi, jonka haluat näkyvän aluksi.

Tosi paljon kiitoksii tän sivuston tekijälle(tekijöille).

Oi, tämä kuulosti kamalan monimutkaiselta, mutta tajusin, että ei joka kerta tarvitse plärätä opasta, kun kirjoittaa koodeja =) Yksinkertaista! <3

joo koulussa kasiluokalla olen ja otin multimedian jossa teemme omat kotisivut vuoden aikana =) on muuten hiukka siistiä kotonakin dataan koko ajan näitä html juttuja =) tää on sitäpaitti parhaasta päästä oleva sivu!

Tää on tosi hyvä sivusto josta sain lisää tietoa javascriptistä html:ästä ja php:stä Kannattaa katsoa!

<A HREF="http://www.ohjelmointiputka.net/oppaat.php">Ohjelmointiputka</A>;

Onhan tämä aika vaikeaa mutta onneksi en tarvitse kuin koulussa tätä kun jotain pikku asioita väsätään ehkä myöhemmin tarvitsee katsotaan katsotaan...

Moi kaikki, mua jäi harmittamaan semmonen juttu että kaikki kävijät painavat napista niin näkis kuinka monta kertaa siitä on painettu miten se laitetaan HTML muotoon ?

Lisää oma kommentti