[HTML][CSS]<DIV> Struktura Strony oparta na divach

[Yoko]

Witam
Przegladnalem 2 strony zwiazane z kursem html i myslalem ze juz cos wiem do puki nie wszedlem na to forum i przecztalem ze nie wiem nic : P

Swoje pierwsze strony tworzylem w html oparta na tabelkach ( teraz juz wiem ze strony oparte na tabelkach nie sa dobrym pomyslem chociaz nie wiem czemu ... latwy i przejzysty sposob wg mnie ale pisza inni zeby tego nie uzywac... ale dlaczego... tego juz nie pisza... )

html

Kod:

<table width="100%" cellspacing="0" cellpadding="5">
<tr>
    <td colspan="2" bgcolor="#808080">
        <table width="100%" cellspacing="0" cellpadding="5">
        <tr>
            <td align="center" valign="middle" bgcolor="white"> <br><b>LOGO</b><br /> </td>
        </tr>
        </table>
    </td>
</tr>
<tr>
    <td width="100" valign="top" bgcolor="#A0A0A0">
        <table width="100%" cellspacing="0" cellpadding="5">
        <tr>
            <td bgcolor="white"><b>MENU</b><br />- Link 1<br />- Link 2<br />- Link 3</td>
        </tr>
        </table>
        <br />
        <table width="100%" cellspacing="0" cellpadding="5">
        <tr>
            <td bgcolor="white"><b>MENU 2</b><br />- Link</td>
        </tr>
        </table>
    </td>
    <td valign="top" bgcolor="#C0C0C0">
        <table width="100%" cellspacing="0" cellpadding="5">
        <tr>
            <td height="100%" valign="top" bgcolor="white"><b>TREŚĆ STRONY</b><br /><br />Jakis tekst...</td>
        </tr>
        </table>
    </td>
</tr>
<tr>
    <td colspan="2" align="center" bgcolor="#808080">
        <table width="100%" cellspacing="0" cellpadding="3">
        <tr>
            <td align="center" valign="middle" bgcolor="white"><b>STOPKA</b></td>
        </tr>
        </table>
    </td>
</tr>
</table>

!. Pierwsze pytanie: czemu nie mozna tworzyc stron na tabelach?
--------------------------------------------------------------------------------------

Przeczytalem ze strony powinno sie tworzyc by byly oparte na <divach>

html

Kod:

<div id="top">
    <div id="NAGLOWEK">Nagłówek szablonu</div>
    <div id="MENU">Menu nawigacyjne</div>
    <div id="TRESC">Treść strony</div>
    <div id="STOPKA">Stopka serwisu</div>
</div>

css

Kod:

html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
}

#NAGLOWEK {
    background-color: #888;
}

#MENU {
    width: 150px;
    float: left;
    overflow: hidden;
    position: relative;
    background-color: #ccc;
}

#TRESC {
    margin-left: 150px;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    background-color: #888;
}

i chcialem teraz spytac, jak to jest czy teraz nalezy w to wstawic grafike i tresc i strona bedzie profesjonalna?

mam jedna strone:
http://tibiopedia.pl

wiem ze tematycznie moze nie kazdemu sie podobac ale patrzac na to okiem "webmastera" strona wydaje mi sie na bardzo wysokim poziomie
i chcialem wiedziec czy eby stworzyc taka strone wystarczy html,css strona oparta na divach i grafika czy potrzebne jest cos jeszcze? dziekuje za odpowiedzi