Cicco0: DIV und CSS

Beitrag lesen

Nur stell ich mir dann da die Frage, wie man es semantisch machen soll bzw. ohne gleich eine Div-Suppe zu erhalten bzw. mir fehlt da der Gedankenschritt und wie ich auf solche Stolpersteine achten muss bzw. wie ich sie umgehen kann.

der größte fehler ist zuerst ein design zu machen, das template zu bauen und dann erst zu überlegen, welcher inhalt rein muss

design und inhalt müssen von vorne herein klar sein, dann kann man loslegen

eine 08/15 seite beisteht zb aus kopf, inhalt, menu und fusszeile

das sieht dann in etwa so aus:

<h1>Meine tolle Seite</h1>
<div id="inhalt">
  <h2>überschrift</h2>
  <p>lorem ipsum</p>
  <h3>zwischenüberschrift</h3>
  <p>dolor sit ahmen</p>
  <blockquote cite="example.com">
    Ihr dürft unsere Domain als Test-Platzhalter verwenden
  </blockquote>
</div>
<ul id="menu">
  <li><a href="#"></a>menüpunkt1</li>
  <li><a href="#"></a>menüpunkt2</li>
  <li><a href="#"></a>menüpunkt3</li>
</ul>
<adress id="footer">Max Mustermann | Musterstraße 1 | 12345 Musterhausen</address>


>   
> wenn das ganze so steht, kann man zu layoutzwecken immer noch div-elemente einfügen wenn man sie braucht - sobald man das mal intus hat, kann mans umgekehrt auch machen  
>   
> aber code nach dem schema <div></div><div><div><div></div></div><div></div></div><div></div>  
> ist nicht der renner ;)  
  
Wie eine Website aussehen muss und was sie beinhaltet, stelle ich mir schon im Kopf vor. Dannach erstelle ich mir ein Mindmap und zeichne die wichtigsten Punkte der Texte auf. (Mein Vorgehen)  
  
Nun komm ich zum Layout. Ich weiss nun, was ich auf der Website anbieten möchte, und was evtl. gerne gelesen wird nun fehlt mir noch das passende Design. Nun erstelle ich mir in einer HTML-File ein kleines Layout mit Tabellen wie das ganze in etwa aussehen sollte. Bis jetzt, habe ich die Tabellen "missbraucht" um es so zu gestallten wie ich es gerne möchte. Jedoch aber möchte ich gerne auch Webseiten programmieren ohne Tabellen, und wenn dann nur für Tabellarischen aufbau.  
  
Ich versteh den Gedankenschritt noch nicht ganz. Wenn ich alles in einem schematischen Aufbau mache und dann nur noch mit CSS formatieren sollte, verliere ich ja den Überblick über das ganze.