Sivuston suunnittelu

alkaja3

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.

5

171

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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ä.

      • 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.


    • iogdfhjkghdk

      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 :)

      • EsimerkkiErkki 

        Ja jos sitten sitten samantien korjaisit kaksi ensimmäistä esimerkkiä

        kummastakin puuttuu lopetustagi

        < /body >


    • 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.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Kalajoen hukkuneet pojat olivat tummaihoisia

      Jälleen kerran, hukkuneet tai heikon uimataidon vuoksi vaaraan joutuneet olivat muita kuin suomalaisia. Turha viisastell
      Maailman menoa
      206
      4345
    2. Sinä eräs, pyydän......

      AUTA mua ole kiltti. Ei mun takia vaan.... Miten saan sut kiinni?
      Ikävä
      186
      2309
    3. Nimikirjaimet

      Kuka kaipaa ketä 🥰
      Ikävä
      61
      1430
    4. Minkä asian haluaisit muuttaa kaivatussasi?

      Mikä kaivattusi luonteessa tai ulkonäössä ärsyttää sua?
      Ikävä
      96
      1171
    5. VOI TÄTÄ ILON

      JA ONNEN PÄIVÄÄ 😂
      Tuusniemi
      123
      1079
    6. Mies, ajattelemmekohan toisiamme juuri nyt?

      Olet mielessäni, vanhempi mies
      Ikävä
      71
      1016
    7. Jos kaivattusi on perääntynyt lähestyessäsi

      jossain tilanteessa, ymmärrätkö miksi hän saattoi tehdä sen?
      Ikävä
      95
      996
    8. Ahneus iski Fazeriin, suklaalevy kutistuu 180 grammaan

      Kun mikään ei riitä. Shrinkflaatio. Mitä isot (Marabou) edellä, sitä pienet (Fazer) perässä. Pienikin voi siis olla a
      Maailman menoa
      129
      952
    9. Bim bom ovikello soi!!

      Mitä tekisit jos kaivattusi ilmestyisi ovesi taakse?
      Ikävä
      103
      921
    10. Kuvaile kaivattuasi

      kolmella adjektiivilla ja kolmella emojilla. Pidetään ketju asiallisena kiitos. 😁
      Ikävä
      54
      855
    Aihe