Olen aloittamassa yksinkertaisten kotisivujen tekoa html-koodauksella. Haluan keskittää tekstit ym sivun keskelle siten, että reunoille jää ns. tyhjää tilaa/ jokin taustakuva tms. Samaan tapaan kuin tämä suomi24-sivukin.
Haluan vasemmalle navigointipalkin, johon tulee lista linkkejä. Ylös saisi tulla sivun otsikko.
Miten tämä olisi paras toteuttaa? Jakamalla sivu ikkunoihin index-tiedostossa, palstoittamalla sivu vai tekemällä taulukko?
-> jos palstoitan, miten toteutan sen käytännössä? Olen tuon -tagin kanssa hieman purjeessa...
Kiitos jo etukäteen..
Haluan vasemmalle navigointipalkin, johon tulee lista linkkejä. Ylös saisi tulla sivun otsikko.
Miten tämä olisi paras toteuttaa? Jakamalla sivu ikkunoihin index-tiedostossa, palstoittamalla sivu vai tekemällä taulukko?
-> jos palstoitan, miten toteutan sen käytännössä? Olen tuon -tagin kanssa hieman purjeessa...
Kiitos jo etukäteen..
Vastaukset 1
Vanhimmat
Rakenna sivu mielessäsi suorakulmioista. Kaikki nettisivujen elementit ovat todellisuudessa suorakulmioita ja monesti työskentelyä helpottaa, jos elementteihin laittaa taustavärejä. Monet ongelmat on tullut ratkaistua niin.
Suorakulmioita voi olla sisäkkäin, vierekkäin, päällekkäin jne. Jos haluat, että yksi laatikko sisältää esim. kuvan, tekstiä, linkkejä jne., tee myöskin se laatikko koodiin:
< div >
< p > tekstiä < /p >
< img src="kuva.jpg" / >
< /div>
Tuo div-elementti on vain läpinäkyvä laatikko, jonka sisälle muut tulevat. Noilla diveillä voit sitten jakaa sivusi esim. kolmeen vierekkäiseen "palstaan". Jos haluat, että nuo kolme laatikkoa ovat esim. keskitettynä ikkunaan, helpottaa hommia kun teet taas yhden laatikon, joka sisältää nuo kolme sisempää laatikkoa.
Opettele inline- ja block-elementtien merkitys sekä floatin käyttö.
Diveillä sivujen rakentaminen on helppoa, paljon helpompaa kuin taulukot tai framet. Täytyy vain sisäistää oikeanlainen ajatusmaailma.
Periaatteessa taulukko-ajattelu on vain kankeampi muoto tuosta, puhumattakaan frameista. Taulukoissa on muutama juttu, mikä saattaa aluksi tuntua helpommalta, mutta todellisuudessa divit on paljon joustavampia ja helpompia käyttää/ylläpitää.
Niin ja css on hyvä hallita, jos divien kanssa pelaa.