Kirjaudu sisäänKäyttäjätunnusSalasana
Kirjaa minut aina sisään automaattisesti    
Rekisteröidy
Rekisteröidy
Kirjaudu sisään tarkistaaksesi yksityiset viestit
Kirjaudu sisään tarkistaaksesi yksityiset viestit
Arkku.net Foorumin päävalikko » Kotisivut

Lähetä uusi viesti   Vastaa viestiin
Kotisivujen tekemisen perusteet Siirry sivulle 1, 2, 3, 4  Seuraava
Näytä edellinen aihe :: Näytä seuraava aihe  
Kirjoittaja Viesti
Whaitti
-


Liittynyt: 08 Tam 2005
Viestejä: 12
Paikkakunta: Mikkeli

LähetäLähetetty: 10.4.2006 14:56    Viestin aihe: Kotisivujen tekemisen perusteet Vastaa lainaamalla viestiä

Tämän oppaan tarkoituksena ei ole kertoa kuinka tehdään visuaalisesti hienot taikka muutenkaan vaativat sivut, mutta tarkoituksena on tehdä yksinkertainen opas josta kotisivujen tekemisen voi aloittaa.

Tässä hieman perustageja..

<html> & päättötagi </html>
Tällä tagilla aloitetaan ja lopetetaan jokainen sivu.

<body> & päättötagi </body>
Tulee heti <html> tagin jälkeen ja lopussa juuri ennen </html> tagia.

<head> & päättötagi </head>
Aloittava tagi titleä edeltävälle riville ja päättävä titlen jälkeen

<title>Arkku.net esimerkkisivu</title>
Tällä tagilla määritetään sivun otsikko, eli se teksti joka lukee selaimen yläreunassa.

<div align="center"> & päättötagi </div>
Tämän tagin sisällä olevat objektit tulevat keskitetysti sivulle.

<a href="http://www.arkku.net"> Arkku.net </a>
Tekee linkin jossa tekstinä on Arkku.net ja sitä klikattaessa siirtyy http://www.arkku.net

<br>
Sama kuin Enter nappi tekstinkäsittelyohjelmissa eli hyppää seuraavalle riville, ei tarvitse päättötagia.

<img src="esimerkki.jpg">
Laittaa sivulle kuvan esimerkki.jpg joka on tallennettuna htdocs kansioon, kuvia siihen kansioon saa ftp ohjelmia käyttäen ja siitä aiheesta lisää löytyy http://arkku.net/?s=ohjeet&ohjeid=1407



Esimerkkisivujen koodi:

<html>
<body>
<head>
<title> Arkku.net esimerkkisivut </title>
</head>
<div align="center">
<a href="http://www.arkku.net"> Arkku.net </a>
<br>
<img src="esimerkki.jpg">
</div>
</body>
</html>



Tämä opas oli vain pintaraapaisu html kieleen mutta mitäpä sitä turhaan tekemään laajaa ja kattavaa opasta kun niitä on jo pilvin pimein.

Muutamia hyviä oppaita html kielen maailmaan:
[url]http://www.sivut.org/html/[/url]
[url]http://www.saunalahti.fi/~mikaves/html/[/url]
[url]http://cs.stadia.fi/~lehtk/html.html[/url]
[url]http://kotisivu.mtv3.fi/miktol/mika/html-opas_teksti.html[/url]

Hyvää matkaa kotisivujen tekemisen ihmeelliseen maailmaan Smile


Viimeinen muokkaaja, Whaitti pvm 10.4.2006 18:49, muokattu 3 kertaa
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 10.4.2006 16:27    Viestin aihe: Vastaa lainaamalla viestiä

Muutamia korjauksia:
<html> ja <body> tagin väliin tulee AINA <head></head> tagit.
<title></title> tagit tulevat <head></head> tagien väliin eikä <body></body> tagien väliin.

Lisäksi <img> tagilla ei ole lopetus tagia ja siinä on oltava alt attribuutti siltä varalta jos kuva ei lataudu tai jos käyttäjä käyttää tekstipohjaista selainta esim lynxiä.

Lisäksi <center> tagi on depcreated(eli poistettu standardin mukaisesta koodista) ja sen tilalla voi käyttää esim <div align="center"></div> tageja.
Korjattuna
Koodi:

<html>
  <head>
    <title> Arkku.net esimerkkisivut </title>
  </head>
  <body>
    <div align="center">
      <a href="http://www.arkku.net"> Arkku.net </a><br />
      <img src="esimerkki.jpg" alt="tämä näkyy mikäli kuvaa ei näy">
    </div>
  </body>
</html>


Edit. unohtui tuosta että sitä cgi-bin kansiota ei kannata poistaa mikäli joskus sitä tarvitsee vaikka saahan sen sinne luotua.
_________________
Using windows is like having sex without condom.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
choariza
-


Liittynyt: 14 Kes 2005
Viestejä: 148
Paikkakunta: Raisio

LähetäLähetetty: 10.4.2006 20:27    Viestin aihe: Vastaa lainaamalla viestiä

Näitä tarvitaan, kumpa ihmiset vielä ymmärtäis tulla kattoo täältä (tai jostain html-oppaasta) ennen ku tulee kannulle kyselee Smile
_________________
Mikko Paavola
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla MSN Messenger
kahvipapu
-


Liittynyt: 17 Tou 2006
Viestejä: 1

LähetäLähetetty: 29.5.2006 13:55    Viestin aihe: Vastaa lainaamalla viestiä

Käytin tuota apuna, kun sain sen sivutilan. Tosin osasin ennestään html-koodit. Hyvä opas oli!
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti
monni
Arkku.net henkilökunta


Liittynyt: 25 Lok 2005
Viestejä: 114
Paikkakunta: Vantaa

LähetäLähetetty: 19.7.2006 1:50    Viestin aihe: Vastaa lainaamalla viestiä

Hieno postaus Whaitti! (:
Vasta nettisivuihin perehtyville suosittelen (ja varmasti muutkin suosittelisivat) XHTML-kieltä, jottei ala sitten XHTML:ään siirryttyään sekoittamaan HTML:ää ja XHTML:ää keskenään (Nimim. Kokemusta on).

Mutta tosiaan, kattava pintaraapaisu nettisivujen maailmaan ja hyvät linkit perusteellisempiin oppaisiin. (:
_________________
Juha Lehtonen
Arkku.net henkilökunta
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti
Tiigon
-


Liittynyt: 23 Lok 2006
Viestejä: 2

LähetäLähetetty: 23.10.2006 16:01    Viestin aihe: Vastaa lainaamalla viestiä

Pystyykö sivuja tekemään ilman HTML-koodausta esim. jollain apuohjelmalla?
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 23.10.2006 16:24    Viestin aihe: Vastaa lainaamalla viestiä

Tiigon kirjoitti:
Pystyykö sivuja tekemään ilman HTML-koodausta esim. jollain apuohjelmalla?


Onhan noita vaikka mitä. Esim frontpage ja nvu on varmaan ne helpoimmat(eli suomeksi). Dreamweaver on kuitenkin varmaan paras tälläisistä softista.
_________________
Using windows is like having sex without condom.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
denial
-


Liittynyt: 12 Syy 2005
Viestejä: 220
Paikkakunta: Järvenpää

LähetäLähetetty: 25.10.2006 0:46    Viestin aihe: Vastaa lainaamalla viestiä

Mut sit koodi on niin pieru niis :<
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
Mokoma
-


Liittynyt: 02 Huh 2006
Viestejä: 6
Paikkakunta: Siilinjärvi

LähetäLähetetty: 3.12.2006 17:30    Viestin aihe: Vastaa lainaamalla viestiä

Tuota noinniin.. Sivuja olen nyt tehnyt n. puolkuukautta. Olen saanut Mozillalla toimimaan jotenkuten, mutta IE ja Opera ei nuita suostu kunnolla näyttämään. Mitenkä minä ne saan jokaisella selaimella näkymään? Sivut: http://mokoma.arkku.net
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti MSN Messenger
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 3.12.2006 18:56    Viestin aihe: Vastaa lainaamalla viestiä

Kannattaa ainakin ensin valita jokin standardi(html/xhtml) jonka jälkeen valita sen tyyppi(strict/standard/kolmatta en muista). Sen jälkeen käyttää standardiin kuuluvia tageja. DIVien käyttö on erittäin suositeltavaa opetella sekä css:n käyttö. W3schools auttaa
_________________
Using windows is like having sex without condom.


Viimeinen muokkaaja, Elekaz pvm 4.12.2006 0:37, muokattu 1 kertaa
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 3.12.2006 19:00    Viestin aihe: Vastaa lainaamalla viestiä

Voisitte kyllä muuttaa oman viestin muokkaamisen mahdolliseksi tässä osassa foorumia..
_________________
Using windows is like having sex without condom.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
Lurulude
Arkku.net henkilökunta


Liittynyt: 01 Syy 2005
Viestejä: 213
Paikkakunta: Lohja

LähetäLähetetty: 3.12.2006 23:42    Viestin aihe: Vastaa lainaamalla viestiä

Elekaz kirjoitti:
Voisitte kyllä muuttaa oman viestin muokkaamisen mahdolliseksi tässä osassa foorumia..


Juu, näkyään jäänyt net.nyt -modi päälle... asia korjattu Smile
_________________
Arkku.net Staff
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla MSN Messenger
Mokoma
-


Liittynyt: 02 Huh 2006
Viestejä: 6
Paikkakunta: Siilinjärvi

LähetäLähetetty: 4.12.2006 16:12    Viestin aihe: Vastaa lainaamalla viestiä

Joo... Nyt sain tuon suurinpiirtein hanskaan, mutta... Nyt tein navigointi napeille kuvat. Mozillalla näyttää sinisen kehyksen nuiten nappejen ympärillä, mutta Operalla ei. Onko tuo selaimessa vai koodissa vika? Muilla sivuilla ei tuollaista ole.. www.mokoma.arkku.net/jookkue.html tuossa ois sivu. Voisistte kertoa myös, että näkyykö teillä mitään sinistä kehystä nuissa?
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti MSN Messenger
Elekaz
-


Liittynyt: 04 Mar 2005
Viestejä: 467
Paikkakunta: Helsinki

LähetäLähetetty: 4.12.2006 17:37    Viestin aihe: Vastaa lainaamalla viestiä

Näkyyhän siinä. Saat nuo pois css:ssää käyttäen: img{border:0px;}. Ja olisi ihan hyvä uploadata ne kuvatkin nettiin.. tai jos on upattu niin korjata nuo polut.
_________________
Using windows is like having sex without condom.
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti Lähetä sähköposti Käy lähettäjän sivustolla
Mokoma
-


Liittynyt: 02 Huh 2006
Viestejä: 6
Paikkakunta: Siilinjärvi

LähetäLähetetty: 4.12.2006 17:47    Viestin aihe: Vastaa lainaamalla viestiä

Nyt on korjattu.. Siis tuo : img{border:0px;} komento jokaiseen kuva linkki systeemiin? Pitääpä kokeilla Smile

EDIT// Toki voisitte antaa mallin Twisted Evil

EDIT/// Sain toimimaan.. Enää vain pitäisi saada IE peliin mukaan..
Takaisin alkuun
Näytä käyttäjän tiedot Lähetä yksityinen viesti MSN Messenger
Näytä edelliset viestit:   
Lähetä uusi viesti   Vastaa viestiin    Arkku.net Foorumin päävalikko » Kotisivut Kaikki ajat ovat GMT + 3 tuntia
Siirry sivulle 1, 2, 3, 4  Seuraava
Sivu 1 Yht. 4

 
Siirry:  
Et voi kirjoittaa uusia viestejä tässä foorumissa
Et voi vastata viesteihin tässä foorumissa
Et voi muokata viestejäsi tässä foorumissa
Et voi poistaa viestejäsi tässä foorumissa
Et voi äänestää tässä foorumissa