Sivuston suunnittelu

Mikä on hyvä oppimispolku HTML5:n ja CSS3:n opettelussa? Haluaisin ainakin aluksi päästä sille tasolle, että jos annetaan sivuston kuva, vaikkapa screenshotti, niin hoksaisin suht koht kivuttomasti mitkä divit menevät toistensa sisään ja mitkä ei ja mitä CSS-ominaisuuksia tarvitaan.
5235
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat

Ensimmäiseksi.
(Vaikka joku voikin sanoa eriävän mielipiteen)
Unohda nuo css3 ja html5 villitykset aluksi. Et tarvitse niitä!
css3 tuo joitain hienouksia sivujen tekoon, kuten html5:kin.
Ensin opettelet ihan perus html ja css kielen perusteet
Tuo on yleinen ja hyvä esimerkki sivu: http://www.w3schools.com/
Parhaiten oppii tekemällä ja selailemalla netistä yksinkertaisia esimerkkejä.

"Mitkä divit menee minkäkin sisään"
Oikeastaan tämä on kiinni tekijästä.
Toiset laittaa divin header (eli yläpalkin) sisään esim. navigaation ja logon ja sloganin. Toiset voi tehdä sen aivan toisella tavalla. Vaikka kaikki erillisinä diveinä.

Äänestä
  • w3schools.com on ainakin sivusto, josta ei pidä aloittaa.

    Ks. http://w3fools.com

    Selailemalla yksinkertaisia esimerkkejä oppii lähinnä tekemään asiat samalla tavalla väärin kuin moni muu. Mutta w3schools on harhaanjohtavuudessaan kyllä ihan omaa luokkaansa.

    Äänestä

Itse olen alotellut html -koodauksen parissa, jota suosittelen lämpimästi. YouTube:sta oikeilla hakusanoilla löytyy erinomaisia videoita, joista saa paljon irti.
Tollaset sivut oolen itse koodaillut:

http://htmlman.webng.com/index.html

webng on mielestäni paras free hosting server, se on helppo käyttöinen ja tilaa on peräti 300mb, johon mahtu aika iso läjä koodia ja kuvia :)

Äänestä
  • Ja jos sitten sitten samantien korjaisit kaksi ensimmäistä esimerkkiä

    kummastakin puuttuu lopetustagi

    < /body >

    Äänestä

tiedetään että w3schoolsissa on omat virheensä, mutta laajalti sieltä löytyy perusteita.
Toisaalta varmin tapa josta saa perusteet oikeat on ostaa/lainata kirja.
html/css voi tehdä kanssa niin monella eri tavalla.

Toisaalta nuo free hosting serverit on aivan turhia!
peräti 300mb ja naurua.
Asenna esim. wammp ohjelma ja tilaa on kovalevyn verran ja tiedoston siirrot tapahtuu koneessasi ei turhia lautaus/siirtelyaikoja nettiin.

Äänestä

Kommentoi aloitusta


alkaja3 kirjoitti:

Mikä on hyvä oppimispolku HTML5:n ja CSS3:n opettelussa? Haluaisin ainakin aluksi päästä sille tasolle, että jos annetaan sivuston kuva, vaikkapa screenshotti, niin hoksaisin suht koht kivuttomasti mitkä divit menevät toistensa sisään ja mitkä ei ja mitä CSS-ominaisuuksia tarvitaan.

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu