WWW-sivujen tekemisen oppiminen

alkajakoodari

Hei,

Haluaisin oppia tekemään perussivuja nettiin. Missä järjestyksessä asioita kannattaa opetella? Esimerkiksi pitääkö ensiksi opetella HTML5 CSS PHP vai kannattaako ensiksi opetella Apachen säätäminen, versionhallinnan käyttö, Linuxin perusteet? Ja mitä nettisivuja/kirjoja kannattaa lukea?

11

294

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • alkajakoodari

      Ai niin, luin ennestään Cormenin et alin kirjan "Introduction to Algorithms" ja Hovin kirjan "SQL-opas".

    • sfdhtdyg

      Ensin STRICT-versio html:stä ja css.
      Toki siinä samalla on ihan kätevä opetella parit perusjutut php:stä, esimerkiksi includoiti ja yksinkertaiset muuttujien asetukset.

      Asenna koneellesi vaikkapa WampServer, niin pääset rakentamaan html css php MySql -sivuja koneellasi ilman mitään Apachen säätämisiä.
      Aika vähän Apachessa mitään säätöjä muutenkaan tarvii tehdä kun laitat sivut jonnekin nettihotelliin (lähinnä jotain -htaccess -sivulle laitettavia rivejä salauksista, uudelleenohjauksista ja virhesivuista).

      Niin joo, en ole ihan vakuuttunut siitä, että tuosta html:stä kannattaa tuota vitosversiota vielä käyttää. Tärkeintä on kuitenkin tehdä PUHDASTA html:ää (ei mitään ulkoasuasetuksia html:ään, vaan ne tehdään täysin css:llä).

      Validoi sivuja jatkuvasti niitä tehdessäsi. Opettele ihan koodipohjalta (vaikkapa Notepadilla vaikka värikoodaus kyllä mukavoittaa koodin kirjoitusta)

      • tfdyhxdgf

      • alkajakoodari

        Hmm. Tein nyt ihan aluksi perussivut. Näkyy ihan hyvin, mutta

        http://www.htmlhelp.com/cgi-bin/csscheck.cgi

        valittaa kolmesta kohdasta, mutta http://jigsaw.w3.org/css-validator/ antaa virheettömän tuloksen.

        koodina on

        body {
        background-image:url('img/back.png');
        margin-left: 20%;
        margin-right: 20%;
        padding: 10px 10px 10px 10px;
        font-family: sans-serif;
        }

        #container h1 {
        text-align: center;
        }

        #kuvajateksti img {
        float: right;
        margin-left: 0.5em;
        margin-bottom: 0.2em;
        }

        Kumpaako tarkistinta kannattaa uskoa? Tuntuu tuo csscheck nipottavan muistakin netissä olevista sivuista.


      • ____________________
        alkajakoodari kirjoitti:

        Hmm. Tein nyt ihan aluksi perussivut. Näkyy ihan hyvin, mutta

        http://www.htmlhelp.com/cgi-bin/csscheck.cgi

        valittaa kolmesta kohdasta, mutta http://jigsaw.w3.org/css-validator/ antaa virheettömän tuloksen.

        koodina on

        body {
        background-image:url('img/back.png');
        margin-left: 20%;
        margin-right: 20%;
        padding: 10px 10px 10px 10px;
        font-family: sans-serif;
        }

        #container h1 {
        text-align: center;
        }

        #kuvajateksti img {
        float: right;
        margin-left: 0.5em;
        margin-bottom: 0.2em;
        }

        Kumpaako tarkistinta kannattaa uskoa? Tuntuu tuo csscheck nipottavan muistakin netissä olevista sivuista.

        W3C:n validaattorit ovat ikäänkuin ne viralliset validaattorit.

        Mistä kohdista tulee valituksia? Ovatko virheitä vai huomautuksia?

        P.S. validaattorien kuuluukin nimensä mukaisesti valittaa :D


      • alkajakoodari
        ____________________ kirjoitti:

        W3C:n validaattorit ovat ikäänkuin ne viralliset validaattorit.

        Mistä kohdista tulee valituksia? Ovatko virheitä vai huomautuksia?

        P.S. validaattorien kuuluukin nimensä mukaisesti valittaa :D

        Ainoa kohta on enää

        body
        background:url('img/back.png');

        Warning: To help avoid conflicts with user style sheets, background and color properties should be specified together.


    • fooruminylläpitäjäad
      • ____________________

        Ensinnäkin sivusi sijaitsevat USA:ssa helvetin huonojen yhteyksien päässä, joten ainakin mun yhteydelläni ne toimivat todella tuskaisesti. Kannattaa hommata sivutila aina Suomen tai ainakin jonkin Euroopan maan runkoverkosta.

        Miksi opetat vanhentunutta html:ää? Muotoilut tehdään järkevämmin css:llä eikä html:llä. Tagit myös kirjoitetaan pienellä (jos haluat selvyyttä koodiin, käytä värikoodausta).
        Muutenkin ohjeet oli jokseenkin turhanaikaiset: ne jotka eivät osaa ennestään, noista mitään tajua ja ne jotka jo osaavat, ei hyödy noista mitään.


    • HTML5

      Notepad on hyvä ohjelma koodaukseen.
      Se osaa värikoodata esimerkiksi HTML-, CSS-, PHP-, ja JavaScript-koodit.
      http://notepad-plus-plus.org/

      Kannataa opetella ensimmäiseksi ainakin HTML, CSS ja suosittelisin opettelemaan PHP:n includoinnin. (alkup. engl. "inclube")

      Sen jälkeen JavaScriptin osaamisesta voisi olla hyötyä.

      Kannattaa tehdä validia koodia. Se onko koodi validia, voi tarkistaa W3:n validaattorilla: http://validator.w3.org/

      Selaimet tukevat jo aika hyvin CSS3:n border-radius ja box-shadow-ominaisuuksia, joita voi hyödyntää sivun layoutin ja ulkoasun teossa.

      HTML5-sivuja voi jo tehdä, mutta ei kannata vielä käyttää sellaisia ominaisuuksia, joita selaimet tukevat vielä huonosti.
      HTML-sivujen alkuun tulee dokumenttityypiksi "".

    • Leo.

      Kymmenkunta vuotta sitten kävin työväenopistossa kotisivukurssin. Ohjelma oli Windowsin kylkiäisenä tullut ilmainen FrontPage Express. Se on hyvin yksinkertainen kotisivueditori, Muistio-ohjelmaa vastaava.

      Olen tehnyt sillä ja myöhemmin tulleella maksullisella versiolla tuhansia tiedostoja. Nyt joudun tekemään kotisivuja vanhalla tietokoneella koska moneen vuoteen ei ole ollut saatavana ko. ohjelmaa. Maksaisin mitä vain jos saisin Windows8:aan sopivan ohjelman. Minun tarkoituksiini ohjelma on sopiva, lopputulos on kuten kirjan sivut. Esimerkki viimeisimmästä sivusta:

      http://www.kolumbus.fi/leo.mirala/Valokuvia/Sortavala-2012-X.htm

      • FrontPage Express oli todellakin varsin yksinkertainen mutta kuitenkin käyttökelpoinen. Maksullinen FrontPage oli olennaisesti laajempi.

        Microsoft tarjoaa FrontPagen tilalle lähinnä Expression Webiä,
        http://www.microsoft.com/expression/products/Web_Overview.aspx
        jonka hinnoittelu näyttäisi olevan jokseenkin tolkullinen (halvin versio ilmeisesti 149 dollaria).

        FrontPage Expressiä luonteeltaan ja jopa osittain toiminnoiltaan vastaava on maksuton Kompozer, http://www.kompozer.net jossa ei ole mitään isoa vikaa eikä toisaalta kovin ihmeellisiä mahdollisuuksia. Jakelussa näyttää edelleen olevan version 0.7.10, joka on copyright-merkinnän perusteella arvioiden vuodelta 2007. Lisäksi on 0.8 beeta vuodelta 2008, eli ei hirveän vakuuttavaa. Mutta joku voisi toisaalta puhua stabiilista ohjelmasta. :-)


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

    Luetuimmat keskustelut

    1. Nyt tuli Suomen somaleista todella ikävää faktaa

      sillä osa somalivanhemmista lähettää lapsiaan kotimaahansa kurinpitolaitoksiin, joissa heitä pahoinpidellään. Illan MOT
      Maailman menoa
      388
      4385
    2. Häirintäkohun keskellä olevalta kansanedustajalta Jani Kokolta (sd) rajua tekstiä somessa.

      https://www.is.fi/politiikka/art-2000011772322.html Ajaakohan tämä SDP:n kansanedustaja Jani Kokko oikein täysillä valoi
      Maailman menoa
      148
      3759
    3. KATASTROFI - Tytti Tuppurainen itse yksi pahimmista kiusaajista!!!

      STT:n lähteiden mukaan SDP:n eduskuntaryhmän puheenjohtaja Tytti Tuppurainen on käyttäytynyt toistuvasti epäasiallisesti
      Maailman menoa
      103
      2725
    4. Kommentti: oikeuslaitos korvattava SDP:n johdolla

      Näkisin että Suomessa tuomiovalta pitäisi olla demareiden johtoportaalla. Koska porvarimedia säestettynä persujen kirku
      Maailman menoa
      9
      2441
    5. Mikä siinä on ettei persuille leikkaukset käy?

      On esitetty leikkauksia mm. haitallisiin maataloustukiin, kuin myös muihin yritystukiin. Säästöjä saataisiin lisäksi lei
      Maailman menoa
      17
      2264
    6. Porvarimediat paniikissa demareiden huiman kannatuksen vuoksi

      Piti sitten keksiä "nimettömiin lähteisiin" perustuen taas joku satu. Ovat kyllä noloja, ja unohtivat sen, että vaalit
      Maailman menoa
      16
      2012
    7. Lindtman haluaa leikata Kela-korvauksista...oho!

      Antti Lindtman sanoo Kauppalehdessä, että vuodesta 2028 voi tulla erittäin hankala, mikäli nykyinen hallitus ei tee riit
      Maailman menoa
      151
      1932
    8. Huono päivä

      Tänään on ollut tosi raskas päivä töissä. Tekis mieli itkeä ja huutaa. En jaksa just nyt mitään. Minä niin haluaisin ja
      Ikävä
      18
      1868
    9. Onko kaivattusi spesiaali?

      Millä tavalla ja miten?
      Ikävä
      120
      1836
    10. Typeryyttä

      Se on kummallista, kun kaksi ihmistä tuntee selittämätöntä vetoa toisiinsa, mutta eivät vain pääse toistensa luokse. Mik
      Ikävä
      124
      1419
    Aihe