 Nieuw lid |
|
Ik zal even quoten wat ik zei in het andere topic waar je in gereageerd hebt:
Citaat: EDIT:
Hoewel de tip van meerweten niet slecht is zou ik Dreamweaver niet aanraden. Gebruik een lichtere editor zoals Notepad++. Deze is gratis, en naar mijn idee beter dan Dreamweaver. Grote applicaties hebben vaak de neiging om een hele hoop extra en onnodige code toe te voegen. (En geloof me, die live preview is minder handig dan je zou denken, waarom niet testen in wat de eind gebruiker ook heeft, een browser?)
Ik zeg niet dat je dat MOET gaan gebruiken, maar het is naar mijn idee beter.
Allereerst zou ik zeggen, pak een XHTML1.0 strict skeleton, voor het gemak even bijgevoegd.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Page Title</title>
<link rel="stylesheet" href="/css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
</head>
<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="/css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
Binnen in de body kun je nu beginnen met het scripten van je layout. (Nadat je de header hebt aangepast en hebt afgemaakt natuurlijk.)
Ik werk altijd met een contair met ID "container", WAUW, ja echt!  Dit geeft je meer vrijheid in tegenstelling tot wanneer je direct in de body gaat scripten.
<div id="container">
<!-- Hier komt je layout te staan -->
</div>
<!-- Hier komt je layout te staan -->
Hierna maak ik een div met een ID voor ieder element van mijn website. Dit komt dus weer in de container.
<div id="menu">
<!-- Hier komt je menu te staan -->
</div>
<div id="submenu">
<!-- Hier komt je submenu te staan -->
</div>
<div id="content">
<!-- Hier komt je content te staan -->
</div>
<div id="footer">
<!-- Hier komt je footer te staan -->
</div>
<!-- Hier komt je menu te staan --> <!-- Hier komt je submenu te staan --> <!-- Hier komt je content te staan --> <!-- Hier komt je footer te staan -->
Nu heb je een basis, en zou je technisch gezien een begin kunnen maken aan je CSS. Wat erg belangrijk is: De CSS selectors hebben regels. Een ID mag maar 1 keer op de website voorkomen. Dit is bedoeld voor delen van je website, bijvoorbeeld het menu, of de footer. Classes daarentegen mogen zo vaak voor komen als je wil. Bijvoorbeeld menu items, of nieuws posts.
Ik hoop dat ik je zo een beetje geholpen heb en succes met je verdere layout. Andere vragen zie ik hier wel verschijnen. |
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
