Disposizione dei testi e delle immagini

Ragazzi come si fanno a disporre le immagini o semplicemente il testo in maniera (più) "libera" nella pagina, o semplicemnte più versatile?
Ciò che intendo dire è che non riesco ad andare avanti facendo solamente pagine che vanno "da su fino a giù" senza nemmeno ne una barra laterale o nient'altro... solo testo..

Per capire ciò che voglio vi allego un'immagine...

Lo vorrei un pò più versatile tipo questo:
http://img365.imageshack.us/img365/3782/33630293gb3.bmp

E non così "semplice":
http://img118.imageshack.us/img118/9626/47630855mp7.bmp

Spero abbiate capito cosa intendo... grazie di tutto

CSS.

Ciao!

Anzitutto grazie per la risposta... ma essendo alle prime armi nel mondo dei web-design conosco solamente l'html e un minimo di php... perciò se non ti dispiace mi potresti spiegare cos'è il CSS? E' un'altro linguaggio web? potresti possibilmente fare anche alcuni esempi? grazie di nuovo

Se fai una ricerca nel forum trovi molte informazioni in merito.

I css in pratica permettono di definire formattazioni avanzate per gli elementi di un documento (X)HTML, assegnando loro delle proprietà (immagine/colore di sfondo, colore/spessore del bordo, margini, ...).

E' ovvio che un post non è sufficiente per spiegare il funzionamento dei fogli di stile e delle varie proprietà.

Per questo ti consiglio di leggere una guida sull'argomento, su html.it c'è una sezione interamente dedicata ai css dove si può trovare materiale utile.

Ti posso però fare un esempio basilare, per darti una minima idea di quale sia l'utilità dei fogli di stile e del loro funzionamento:

Codice HTML:

---


<style type="text/css">

.sfondoblu
{

          background-color: blue;

}

.bordosuperioregiallo {

          border-top:3px solid yellow;

}

.grassetto {

          font-weight:bold;

}

#contenitoreprincipale{

            width:30%;
            height:20%;

}
</style>

<div id="contenitoreprincipale" class="sfondoblu bordosuperioregiallo grassetto">questo contenitore sarà largo il 30% della pagina, alto il 20%, avrà lo sfondo di colore blu, il bordo superiore giallo, e questo testo sarà in grassetto</div>

<div class="sfondoblu">questo div avrà sfondo blu</div>

---

Spero di essere stato utile.

Ciao!

Ti ringrazio... mi informerò in giro per il web... si può chiudere!