Kotisivu jelp

Miten saisin tehtyä tälläsen täs on kuva. http://img393.imageshack.us/img393/257/imagge19dr.jpg eli onko valmiita pohjia tuollaseen.
Älkää sanoko oma-alotteisuutta koska en osaa vaikka olen yrittänyt jo 1vk tätä :/
Eli olen jo saanut tälläsen www.freewebs.com/pikkunokki/1.html
Mutta ne linkit ei suostu menee toho boxii joka o siin
111623
Äänestä

Muut lukivat myös

Vastaukset 11

Vanhimmat

Tässä on ihan jees pohja mutta toki saat itse säädellä mieleiseksi:


---------- index.html ----------



   Mallisivu   
   






   
      Otsikko
   

   
      tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä tekstiä...
   
      
   
      
         linkki
         linkki
         linkki
         linkki
         linkki
      
   



---------- tyyli.css ----------

/* otsikon sijoitus */

#pageHeader h1 {
   width : 100%;
background: transparent url(logo.gif) no-repeat center;
margin-top: 10px;
height: 100px;
}
#pageHeader h1 span {display:none}

/* leipätekstin sijoitus */

#maincontent {
   position : absolute;
   top : 130px;
   left : 150px;
}

----------------------------------

Oliks tää nyt niin vaikeeta?

Äänestä
  • En lukenut edes juttuas loppuun asti..

    laita vielä sinne css:ää tämä:

    #linkbar {
       background-color : #7A7A7A;
       width : 200px;
       border : 5px double #CBCBCB;
       padding : 10px;
       line-height : 40px;
    }

    Äänestä

  • old_profile_21616 kirjoitti:

    En lukenut edes juttuas loppuun asti..

    laita vielä sinne css:ää tämä:

    #linkbar {
       background-color : #7A7A7A;
       width : 200px;
       border : 5px double #CBCBCB;
       padding : 10px;
       line-height : 40px;
    }

    Töppönen näytti miten se tehdään kunnolla, mutta Internet Explorer kun ei tuommoista (vielä) ymmärrä pätkääkään, niin tässä vastaava taulukolla toteutettuna. Toimii varmasti kaikissa selaimissa, ja on aloittelijalle huomattavasti helpompi ymmärtää.



    LOGO
    NAVIGAATIOSISÄLTÖ

    Äänestä

  • nimimerkki kirjoitti:

    Töppönen näytti miten se tehdään kunnolla, mutta Internet Explorer kun ei tuommoista (vielä) ymmärrä pätkääkään, niin tässä vastaava taulukolla toteutettuna. Toimii varmasti kaikissa selaimissa, ja on aloittelijalle huomattavasti helpompi ymmärtää.



    LOGO
    NAVIGAATIOSISÄLTÖ

    Joskus tosin noiden kehittyneempien ominaisuuksien kanssa tulee ongelmia nimenomaan tuon InternetExplorerin kanssa mutta ei tälla kertaa.
    Testasin siis kolmella: IE, Opera ja Firefox.

    Ja tässä parempi css-tiedosto:

    ---------- tyyli.css ----------

    body {
       margin : 0px;
       padding : 0px;
       background-color : Black;
       font-size : larger;
       color : Yellow;
       font-family : Arial, Helvetica, sans-serif;
    }

    /* otsikon sijoitus + muut määrittelyt */

    #pageHeader h1 {
       background: transparent url(imahge16qp.jpg) no-repeat center;
       width : 100%;
       margin-top: 10px;
       height: 200px;
       margin-left : 110px;
       }
    #pageHeader h1 span {display:none}

    /* leipätekstin sijoitus */

    #maincontent {
       position : absolute;
       top : 230px;
       left : 250px;
       padding-right : 5%;
    }

    /* linkkimenu */

    #linkbar {
       background : url(image57mi.jpg) no-repeat;
       width : 211px;
       height : 534px;
       padding : 10px;
       line-height : 40px;
       margin : 10px;
       }
    #linkbar ul {list-style : none;}

    ------------------------------

    Mielestäni aloittelijan olisi huomattavasti fiksumpaa opetella tekemään asiat ensin kunnolla kuin opetellan ensin huonoille tavoille ja sitten vasta kantapään kautta oivaltaa että on tuhlannut järjettömästi aikaa aivan turhuuksien kanssa räpläämiseen.
    Sitäpaitsi voitko väitää että paljon antamaani html-koodia yksinkertaisempaa ja selkeämpää voi edes olla? Eikä tuo css:n ymmärtäminenkään nyt mitenkään kovin vaikea voi olla.

    Toinen pointti on se että sivunteon voi jakaa kahdelle: toinen tekee sivuston ja vaikka joku graafikon lutku suunnittelee ja toteuttaa layoutin ja graffan. Molempien pitää vain ymmärtää perusteet toisen työstä.

    Äänestä

  • old_profile_21616 kirjoitti:

    Joskus tosin noiden kehittyneempien ominaisuuksien kanssa tulee ongelmia nimenomaan tuon InternetExplorerin kanssa mutta ei tälla kertaa.
    Testasin siis kolmella: IE, Opera ja Firefox.

    Ja tässä parempi css-tiedosto:

    ---------- tyyli.css ----------

    body {
       margin : 0px;
       padding : 0px;
       background-color : Black;
       font-size : larger;
       color : Yellow;
       font-family : Arial, Helvetica, sans-serif;
    }

    /* otsikon sijoitus + muut määrittelyt */

    #pageHeader h1 {
       background: transparent url(imahge16qp.jpg) no-repeat center;
       width : 100%;
       margin-top: 10px;
       height: 200px;
       margin-left : 110px;
       }
    #pageHeader h1 span {display:none}

    /* leipätekstin sijoitus */

    #maincontent {
       position : absolute;
       top : 230px;
       left : 250px;
       padding-right : 5%;
    }

    /* linkkimenu */

    #linkbar {
       background : url(image57mi.jpg) no-repeat;
       width : 211px;
       height : 534px;
       padding : 10px;
       line-height : 40px;
       margin : 10px;
       }
    #linkbar ul {list-style : none;}

    ------------------------------

    Mielestäni aloittelijan olisi huomattavasti fiksumpaa opetella tekemään asiat ensin kunnolla kuin opetellan ensin huonoille tavoille ja sitten vasta kantapään kautta oivaltaa että on tuhlannut järjettömästi aikaa aivan turhuuksien kanssa räpläämiseen.
    Sitäpaitsi voitko väitää että paljon antamaani html-koodia yksinkertaisempaa ja selkeämpää voi edes olla? Eikä tuo css:n ymmärtäminenkään nyt mitenkään kovin vaikea voi olla.

    Toinen pointti on se että sivunteon voi jakaa kahdelle: toinen tekee sivuston ja vaikka joku graafikon lutku suunnittelee ja toteuttaa layoutin ja graffan. Molempien pitää vain ymmärtää perusteet toisen työstä.

    http://www.sivut.org/html/oppaat/esimerkit/viivat.html

    Eli miten saa pysty viivan. en öydä mistään html oppaista :S

    Äänestä

  • Antec kirjoitti:

    http://www.sivut.org/html/oppaat/esimerkit/viivat.html

    Eli miten saa pysty viivan. en öydä mistään html oppaista :S

    logoo
    ---------------------------------------------------
    linkki | tekstiäääää
    linkki | dsjpiosajdiosa
    linkki | dkfiopdjsfijds
    linkki | difjdisjfid


    Mutta toi pysty viiva on yhtenäinen eikä pätkissä.

    Äänestä

  • Antec kirjoitti:

    logoo
    ---------------------------------------------------
    linkki | tekstiäääää
    linkki | dsjpiosajdiosa
    linkki | dkfiopdjsfijds
    linkki | difjdisjfid


    Mutta toi pysty viiva on yhtenäinen eikä pätkissä.

    Minä kerron jos sinä lupaat tehdä sivujesi rakenteen sellaiseksi kuin sen kuuluu olla.

    Eli tällainen



          
       




          




    Ymmärsitkö?

    Ei siis niin kuten sinulla nyt on:



       
       Verkko

       
       
       
       





       



       


    body>




       


       


       

          

       



       



    html-dokumentti siis alkaa tagilla ,päättyy ja jakautuu KAHTEEN osaan: head -osaan (joka sisältää metatietoa) ja body -osaan (joka sisältää sivuilla näytettävän sisällön. Head- ja body-osat merkitään samannimisillä tageilla ja kumpaakin voi olla VAIN YKSI sivulle!


    Jollei sinua kiinnosta vitunkaan vertaa millaista koodia teet niin miksi kukaan viitsisi sinulle kertoa.
    Et sinä kuitenkaan halua ottaa opiksesi.

    Älä koskekaan siihen perkeleen Frontpageen jollet tiedä mitä teet. Koske html-oppaaseen ja lue alkeet ensin.

    Äänestä

  • Höpö kirjoitti:

    Minä kerron jos sinä lupaat tehdä sivujesi rakenteen sellaiseksi kuin sen kuuluu olla.

    Eli tällainen



          
       




          




    Ymmärsitkö?

    Ei siis niin kuten sinulla nyt on:



       
       Verkko

       
       
       
       





       



       


    body>




       


       


       

          

       



       



    html-dokumentti siis alkaa tagilla ,päättyy ja jakautuu KAHTEEN osaan: head -osaan (joka sisältää metatietoa) ja body -osaan (joka sisältää sivuilla näytettävän sisällön. Head- ja body-osat merkitään samannimisillä tageilla ja kumpaakin voi olla VAIN YKSI sivulle!


    Jollei sinua kiinnosta vitunkaan vertaa millaista koodia teet niin miksi kukaan viitsisi sinulle kertoa.
    Et sinä kuitenkaan halua ottaa opiksesi.

    Älä koskekaan siihen perkeleen Frontpageen jollet tiedä mitä teet. Koske html-oppaaseen ja lue alkeet ensin.

    Hauska nähdä että joku muukin kuin minä kypsyy joskus niin paljon, että kirosanat alkaa lennellä. Tai ei kuka tahansa muu, vaan aina asiallinen Höpökin. LOL.

    Äänestä

  • Höpö kirjoitti:

    Minä kerron jos sinä lupaat tehdä sivujesi rakenteen sellaiseksi kuin sen kuuluu olla.

    Eli tällainen



          
       




          




    Ymmärsitkö?

    Ei siis niin kuten sinulla nyt on:



       
       Verkko

       
       
       
       





       



       


    body>




       


       


       

          

       



       



    html-dokumentti siis alkaa tagilla ,päättyy ja jakautuu KAHTEEN osaan: head -osaan (joka sisältää metatietoa) ja body -osaan (joka sisältää sivuilla näytettävän sisällön. Head- ja body-osat merkitään samannimisillä tageilla ja kumpaakin voi olla VAIN YKSI sivulle!


    Jollei sinua kiinnosta vitunkaan vertaa millaista koodia teet niin miksi kukaan viitsisi sinulle kertoa.
    Et sinä kuitenkaan halua ottaa opiksesi.

    Älä koskekaan siihen perkeleen Frontpageen jollet tiedä mitä teet. Koske html-oppaaseen ja lue alkeet ensin.

    hei hei hei hei!.. kattos kun suurimmalla osalla ihmisistä on elämä, ja kotisivuja suurin osa tekee aina ohjelmalla, ei vääntämällä koodia. Vain pienen pieni osa omien sivujen tekijöistä on niin nörttejä et notepadilla validia vääntää tai et joku koodi ja kone ois koko elämä:)
    ikävä kyllä ittekkin kuulun noihin no life no woman notepadi vääntäjiin. Ja hyvänen aika sentään, jos joku netin keskustelupalsta stressaa, niin se ei enää ole normaalia!. Ja lopuksi et monella tulee aina väärälle osastolle viesti.

    Äänestä

  • kaikkitaieimitään kirjoitti:

    hei hei hei hei!.. kattos kun suurimmalla osalla ihmisistä on elämä, ja kotisivuja suurin osa tekee aina ohjelmalla, ei vääntämällä koodia. Vain pienen pieni osa omien sivujen tekijöistä on niin nörttejä et notepadilla validia vääntää tai et joku koodi ja kone ois koko elämä:)
    ikävä kyllä ittekkin kuulun noihin no life no woman notepadi vääntäjiin. Ja hyvänen aika sentään, jos joku netin keskustelupalsta stressaa, niin se ei enää ole normaalia!. Ja lopuksi et monella tulee aina väärälle osastolle viesti.

    Kyllä minä käytän editoria sivujen tekoon. Kyseessä ei tosin tietenkään ole mikään wysiwyg-editori, vaan HomeSite html:ää ja php:tä varten sekä TopStyle css:ään.

    Väännän muuten aina validia (vieläpä Strictiä) enkä näe siinä edes mitään vaikeutta. Se tulee ihan itsestään.

    En kuuluttanut Antecilta validia koodia vaan että se olisi EDES "sinnepäin". Jotain hajua edes.

    Äänestä

  • Höpö kirjoitti:

    Kyllä minä käytän editoria sivujen tekoon. Kyseessä ei tosin tietenkään ole mikään wysiwyg-editori, vaan HomeSite html:ää ja php:tä varten sekä TopStyle css:ään.

    Väännän muuten aina validia (vieläpä Strictiä) enkä näe siinä edes mitään vaikeutta. Se tulee ihan itsestään.

    En kuuluttanut Antecilta validia koodia vaan että se olisi EDES "sinnepäin". Jotain hajua edes.

    Sivut on helppo tehdä FrontPagella, kuin alkaa opettelee jotain hemmetin html-juttuja...
    FrontPage toimii kuin Word.
    Minkä takia snobbailette noilla html-jutuilla?
    Ihmettelen vain

    Äänestä

Kommentoi aloitusta


Antec kirjoitti:

Miten saisin tehtyä tälläsen täs on kuva. http://img393.imageshack.us/img393/257/imagge19dr.jpg eli onko valmiita pohjia tuollaseen.
Älkää sanoko oma-alotteisuutta koska en osaa vaikka olen yrittänyt jo 1vk tätä :/
Eli olen jo saanut tälläsen www.freewebs.com/pikkunokki/1.html
Mutta ne linkit ei suostu menee toho boxii joka o siin

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