login  Naam:   Wachtwoord: 
Registreer je!
 Forum

mijn header (Opgelost)

Offline meerweten - 25/07/2009 11:02
Avatar van meerwetenLid hey

omdat mijn menu die ik hier al eens eerder neergezet heb maar niet goed wil likken zou ik graag mijn site er zo uitlaten zien als in het screenshot op deze link http://users.te...willen.htm

ik vertrek vanuit het niets

ik zou wel willen werken met enkel css voor de layout

4 antwoorden

Gesponsorde links
Offline snxs - 25/07/2009 11:33
Avatar van snxs Nieuw lid Dit is redelijk makkelijk. Maar ik heb geen flauw idee wat jouw XHML1.0 en CSS2.1 skills zijn.

Daarom raad ik even aan om de tutorials op http://www.cursushtml.be/ even door te lezen. Wanneer je de HTML en CSS tutorials daar hebt doorgelezen heb je een basis niveau. Dan kunnen wij jou makkelijker helpen en kun je ons volgens wanneer wij het ergens over hebben, bijvoorbeeld "float: left;" en "Strict doctype".

Dat zijn 2 random voorbeelden, maar geef maar en gil wanneer je die tutorials door hebt gelezen. Dan gaan we je daarna helpen. 
Offline meerweten - 25/07/2009 11:59 (laatste wijziging 25/07/2009 12:03)
Avatar van meerweten Lid ik kan uitstekend werken met html
ik heb iets gelijkaardigs gemaakt met html frames zoals op de link maar dan ik html
maar dat is te veel werk als je iets moet aanpassen
daarom ben ik een tijdje geleden overgestapt op css layout wat ikzelf niet echt moeilijk vind
ik heb de basis van css zeker door en kan er goed mee werken alhoewel er hier en daar wel nog iets is dat ik niet ken
maar omdat ik dreamweaver gebruik (html en css editor) heb ik geen probleem met iets te verstaan 

ik heb overlaatst nog maar een site voor iemand gemaakt met css layout maar dat was echt maar een noobsiteje dat er niet uitzag
hier is die site die ik al eens met css layout heb gemaakt
site
Offline snxs - 25/07/2009 12:16 (laatste wijziging 25/07/2009 12:22)
Avatar van snxs 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.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  4. 	<head>
  5. 		<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6. 		<title>Page Title</title>
  7. 		<link rel="stylesheet" href="/css/master.css" type="text/css" media="screen" title="no title" charset="utf-8" />
  8. 	</head>
  9. 	<body>
  10.  
  11. 	</body>
  12. </html>


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.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="container">
  2.  
  3. <!-- Hier komt je layout te staan -->
  4.  
  5. </div>


Hierna maak ik een div met een ID voor ieder element van mijn website. Dit komt dus weer in de container.
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="menu">
  2. <!-- Hier komt je menu te staan -->
  3. </div>
  4.  
  5. <div id="submenu">
  6. <!-- Hier komt je submenu te staan -->
  7. </div>
  8.  
  9. <div id="content">
  10. <!-- Hier komt je content te staan -->
  11. </div>
  12.  
  13. <div id="footer">
  14. <!-- Hier komt je footer te staan -->
  15. </div>


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.
Offline meerweten - 25/07/2009 14:07 (laatste wijziging 25/07/2009 14:10)
Avatar van meerweten Lid en hier is mijn volgende vraag

ik heb mijn site (layout) nu al gemaakt maar vind niet de passende kleuren
mss moeten de kleuren aangepast worden aan de kleuren van mijn menu

voorbeeld van de website is hier te vinden

en hier is de css's codes
layout css
menu css

en hier de html code
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5.         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  6.         <title>Page Title</title>
  7.  
  8. <link href="menu_style.css" rel="stylesheet" type="text/css" />
  9.     <link href="site.css" rel="stylesheet" type="text/css" />
  10. </head>
  11.     <body>
  12.         <div align="center" id="Main">
  13.         	<div class="header"> Hier moet ik nog een gepaste afbeelding op vinden</div>
  14.           <div class="menu bubplastic horizontal aqua">
  15. 	<ul>
  16. 		<li class="highlight"><span class="menu_r"><a href="index.html" target="_self"><span class="menu_ar">Home</span></a></span></li>
  17. 		<li><span class="menu_r"><a href="../nog niet gekend!§" target="_self"><span class="menu_ar">onbekende</span></a></span></li>
  18. 		<li><span class="menu_r"><a href="../nog niet gekend!§" target="_self"><span class="menu_ar">onbekende</span></a></span></li>
  19. 		<li><span class="menu_r"><a href="../nog niet gekend!§" target="_self"><span class="menu_ar">onbekende</span></a></span></li>
  20. 	</ul>
  21. 	<br class="clearit" />
  22. </div>
  23.             <div class="leftmenu">
  24.            		Linker side menu
  25.             </div>
  26.             <div class="content">
  27.             	hier komt dan de inhoud van mijn website
  28.             </div>
  29.  
  30.         </div>
  31.         <div class="footer">
  32.         	<table width="100%">
  33.             	<tr>
  34.                 	<td width="50%">Made by MeerWeten</td>
  35.                     <td width="50%" align="right">Copyright by MeerWeten</td>
  36.                 </tr>
  37.  
  38.  
  39.  
  40.              </table>Powerd By<br /><a href="http://www.sitemasters.be"><img src="http://www.sitemasters.be/images/ban_small.jpg" width="88" height="31" border="0" alt="Sitemasters.be" /></a></div>
  41.     </body>
  42. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.176s