Terve.
Olen tässä vähän suunnitellut nettisivujen tekoa harjoittelumielessä.
Mieleen tuli, että jos haluan "perussivun"
-yläbanneri (kuva + otsikko) (kuten näillä sivuilla)
-linkkibanneri (kuten näillä sivuilla)
-tekstialue sivun "keskellä"
-ja sivun oikeassa laidassa jonkin taustavärin päällä
laatikkoja (kuten näillä sivuilla: uusimmat koodivinkit, haku jne)
Joten muutama kysymys:
Onko nämä kaikki "osat" div-tageja ?
Eli miten aloitan sivun rakentamisen ?
Teenkö ensin yläbannerin ja sitten linkkibannerin ja nämä
bannerit sidon jonkin div-tagin sisään ?
Vai miten se menee ?
Teen sivut XHTML:llä + CSS:llä
Anteeksi sekava kysymys :)
Kokeilemallahan se selviää. Jokseenkin juuri niin, että jokainen erillinen osa on oma divinsä.
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="fi" /> <title>Supersivut.com</title> <style type="text/css" media="all">@import "./tyylit.css";</style> </head> <body> <div id="otsikko"><img src="kuva.png" alt="Supersivut.com"/></div> <div id="navipalkki"> <ul> <li><a href="index.php">Etusivu</a></li> </ul> </div> <div class="reunalaatikko"><h2>Uusin uutinen</h2></div> <div class="reunalaatikko"><h2>Palikkatesti</h2></div> <div id="sisalto"> <h1>Matin kotisivu</h1> <p>Tervetuloa, muukalainen!</p> </div> </body> </html>
Sisällölle ei ole suinkaan välttämätöntä tehdä omaa diviä.
Tyylitiedostoon voisi sitten laittaa jotakin tällaista:
div.reunalaatikko {
float: right;
}
div#navipalkki {
float: left;
}
div#otsikko {
position: absolute;
top: 0;
}
div#sisalto {
background-color: fuchsia;
color: green;
}Oma järjestys:
1. Logo
2. Navigation
3. Sisältö
4. Oikea laita
5. copyright
--
Jokainen noista on oma divinsä, jopa useampi saatta sisältyy yhteen.
Tässä tapauksessa esim.
Logo / Navigation
Sisältö / Oikea laita
Copyright
ovat jonkun divin sisällä
Oikea Laita toisaalt vaatii enemmän, jos aijot saaha siitä helposti muokattavan kooltaan ja muodoltaan.. Tota tyyliä käytän itse, mutta
varmaankin helpompiakin on. DIVIÄ KÄYTÄ.
Kiitos!
Jeps. Tekemällä oppii, eli täytyypäs alkaa väsäilemään.
Muuten, visual web developer expressillä saa nopeasti siistejä sivuja tehtyä ;)
Quirzo kirjoitti:
Muuten, visual web developer expressillä saa nopeasti siistejä sivuja tehtyä ;)
Mutta html:n laatu tuskin päätä huimaa...
Quirzo kirjoitti:
Muuten, visual web developer expressillä saa nopeasti siistejä sivuja tehtyä ;)
Eikä siinä opi itse kieltä.
Aihe on jo aika vanha, joten et voi enää vastata siihen.