DWT bestand

Status
Niet open voor verdere reacties.
J

jeroenswebpage

Gebruiker
Lid geworden
9 mei 2010
Berichten
56
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
color: #CCC;
}
body {
background-color: #990;
}
#menu {
height: 600px;
width: 100px;
}
#content {
height: 600px;
width: 650px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
</script>
</head>

<body onload="MM_preloadImages('../afbeeldingen/knoppen/blue3.jpg','../afbeeldingen/knoppen/blue2.jpg','../afbeeldingen/knoppen/blue4.jpg','../afbeeldingen/knoppen/geel_3.jpg','../afbeeldingen/knoppen/geel_2.jpg','../afbeeldingen/knoppen/geel_4.jpg','../afbeeldingen/knoppen/papier3.jpg','../afbeeldingen/knoppen/papier2.jpg','../afbeeldingen/knoppen/papier4.jpg','../afbeeldingen/knoppen/yello3.jpg','../afbeeldingen/knoppen/yello2.jpg','../afbeeldingen/knoppen/yello4.jpg')">
<div id="menu">
<div id="content">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="../index.htm" target="_top" onclick="MM_nbGroup('down','group1','Home','../afbeeldingen/knoppen/blue3.jpg',1)" onmouseover="MM_nbGroup('over','Home','../afbeeldingen/knoppen/blue2.jpg','../afbeeldingen/knoppen/blue4.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../afbeeldingen/knoppen/blue1.jpg" alt="Home" name="Home" width="100" height="100" border="0" id="Home" onload="" /></a></td>
</tr>
<tr>
<td><a href="../html/pag_1.html" target="_top" onclick="MM_nbGroup('down','group1','pag_1','../afbeeldingen/knoppen/geel_3.jpg',1)" onmouseover="MM_nbGroup('over','pag_1','../afbeeldingen/knoppen/geel_2.jpg','../afbeeldingen/knoppen/geel_4.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../afbeeldingen/knoppen/geel_1.jpg" alt="pag_1" name="pag_1" width="100" height="100" border="0" id="pag_1" onload="" /></a></td>
</tr>
<tr>
<td><a href="../html/pag_2.html" target="_top" onclick="MM_nbGroup('down','group1','pag_2','../afbeeldingen/knoppen/papier3.jpg',1)" onmouseover="MM_nbGroup('over','pag_2','../afbeeldingen/knoppen/papier2.jpg','../afbeeldingen/knoppen/papier4.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../afbeeldingen/knoppen/papier1.jpg" alt="pag_2" name="pag_2" width="100" height="100" border="0" id="pag_2" onload="" /></a></td>
</tr>
<tr>
<td><a href="../html/pag_3.html" target="_top" onclick="MM_nbGroup('down','group1','pag_3','../afbeeldingen/knoppen/yello3.jpg',1)" onmouseover="MM_nbGroup('over','pag_3','../afbeeldingen/knoppen/yello2.jpg','../afbeeldingen/knoppen/yello4.jpg',1)" onmouseout="MM_nbGroup('out')"><img src="../afbeeldingen/knoppen/yello1.jpg" alt="pag_3" name="pag_3" width="100" height="100" border="0" id="pag_3" onload="" /></a></td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;</p>
</div>
</div>
</body>
</html>


ik heb met dreamweaver een template gemaakt maar hoe zet ik die om naar een html pagina zodat ik hem kan uploaden

graag advies
 
In dreamweaver ga je naar nieuw en in de popup kies je voor nieuw van template je kiest de template die je gemaakt hebt en het bestand opent zich in dreamweaver en je slaat het op als vb index.html idem voor je volgende paginas. het voordeel er van is als je nu een menu item wil veranderen dan veranderd die in al je paginas.
P.s
Ik heb ook gezien dat uw template geen enkele editable region bevat. Je zal er dan ook geen inhoud kunnen inplaatsen in de html pagina!!
Mvg
Defietser
 
Laatst bewerkt:
Sorry

Hierbij heb ik mij vergist
ik snap het niet want kan alleen het menu div editble maken en het content menu niet?
Hoe kan datt?
wat moet ik in de html code toevoegen
 
Als je een template maakt in dreamweaver ext (dwt) moet je in die template editable region maken bv voor de inhoud of menu of header enz.
Als je die template opslaat als dwt heb je een template die je kan gebruiken om een website te maken met allemaal dezelfde layout.

In dreamweaver ga je naar nieuw en in de popup kies je voor nieuw van template je kiest de template die je gemaakt hebt en het bestand opent zich in dreamweaver en je slaat het op als vb index.html idem voor je volgende paginas.
Klik om te vergroten...
Dan kan je in iedere aangemaakte pagina gewoon een andere inhoud geven in die editable regions in dreamweaver.
Je vindt al de template objects in dreamweaver --> insert --> templates objects.
Hieronder een vb van dreamweaver template:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<link href="../styles/dewitte.css" rel="stylesheet" type="text/css" />
<script language="JavaScript">
<!--
function breadCrumbs(base,delStr,defp,cStyle,tStyle,dStyle,nl) { // by Paul Davis - http://www.kaosweaver.com
loc=window.location.toString();subs=loc.substr(loc.indexOf(base)+base.length+1).split("/");
 document.write('<a href="'+getLoc(subs.length-1)+defp+'" class="'+cStyle+'">Home</a>  '+'<span class="'+dStyle+'">'+delStr+'</span> ');
 a=(loc.indexOf(defp)==-1)?1:2;for (i=0;i<(subs.length-a);i++) { subs[i]=makeCaps(unescape(subs[i]));
 document.write('<a href="'+getLoc(subs.length-i-2)+defp+'" class="'+cStyle+'">'+subs[i]+'</a>  '+'<span class="'+dStyle+'">'+delStr+'</span> ');}
 if (nl==1) document.write("<br>");document.write('<span class="'+tStyle+'">'+document.title+'</span>');
}
function makeCaps(a) {
  g=a.split(' ');for (l=0;l<g.length;l++) g[l]=g[l].toUpperCase().slice(0,1)+g[l].slice(1);
  return g.join(" ");
}
function getLoc(c) {
  var d="";if (c>0) for (k=0;k<c;k++) d=d+"../"; return d;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<meta name="Description" content="In de snel evoluerende wereld van de logistiek laat transport&nbsp;Dewitte zich niet onbetuigd. Gesterkt door een jarenlange ervaring in het transporteren van losgestorte goederen is de onderneming uit Ledegem vastberaden elke nieuwe logistieke uitdaging het hoofd te bieden. Om dit te bereiken wordt samen met de klant gezocht naar de meest optimale oplossing van de logistieke hindernissen." />
<meta name="Keywords" content="vervoer, transport, vrachtwagen, camion, trekkker, oplegger, scania, volvo, iveco,garage, ledegem, nationaal, internationaal, frankrijk, nederland, duitsland, luxemburg, graan, tarwe, mais, gerst, soya, soyaschroot, zonnebloempitten, zonnebloemzaad, zonnebloemschroot, kolen steenslag, gravier,suikerbieten, lijnzaad, lijnzaadschroot, lijnschilfers, grondstoffen veevoeders," />
</head>

<body onload="MM_preloadImages('../images/IndexBg.gif','../images/header_top_bg.gif','../images/header_bottom.gif','../images/header_bottom_2.gif','../images/iveco_front.png','../images/oude_vrachtwagen.gif','../images/vloot.gif')">
<table width="820" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td class="margeLinks"><script language="JavaScript">breadCrumbs("TransportDewitte",">","index.html","breadcrumbs","None","None","0");</script></td>
    <td align="right" class="marge_Taal"><a href="../notre_societe.html"><img src="../images/fr.png"  alt="Fran&ccedil;ais"  width="18" height="15" border="0" class="margeRechts" /></a></td>
  </tr>
  <tr>
    <td height="10" colspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td height="20" colspan="2" background="../images/header_top.png">&nbsp;</td>
  </tr>
  <tr>
    <td height="151" colspan="2" background="../images/header_top_bg.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="110" colspan="2" background="../images/header_bottom.gif"></td>
  </tr>
  <tr>
    <td height="40" colspan="2" background="../images/header_bottom_2.gif">&nbsp;</td>
  </tr>
  <tr>
    <td height="40" colspan="2" bgcolor="#FFFFFF" class="menuBg">&nbsp;<!-- #BeginLibraryItem "/Library/DewitteMenuNl.lbi" --><table width="820" border="0" cellpadding="0" cellspacing="0" background="../images/menu_bg_2.png" >
  <tr align="center" valign="bottom">
    <td height="40" valign="middle"><a href="../index.html"><img src="../images/mini_Ivecofront_2.png" border="0"alt="Onthaal" width="22" height="24" /> Onthaal </a></td>
    <td valign="middle"> <a href="../ons_bedrijf.html"><img src="../images/mini_Ivecofront_2.png"  border="0" alt="Ons bedrijf" width="22" height="24" /> Ons bedrijf </a></td>
    <td valign="middle"><a href="../historiek.html"><img src="../images/mini_Ivecofront_2.png"  border="0"alt="Historiek" width="22" height="24" /> Historiek </a></td>
    <td valign="middle"><a href="../wagenpark.html"><img  src="../images/mini_Ivecofront_2.png"  border="0"alt="Wagenpark" width="22" height="24" /> Wagenpark </a></td>
    <td valign="middle"><a href="../contact.html"><img src="../images/mini_Ivecofront_2.png"   border="0"alt="Contact" width="22" height="24" /> Contact </a></td> 
  </tr>
</table><!-- #EndLibraryItem --></td>
  </tr>
  <tr>
    <td width="550" align="left" valign="top" bgcolor="#FFFFFF" class="TekstMargeTable"><!-- TemplateBeginEditable name="Inhoud" -->Inhoud<!-- TemplateEndEditable --></td>
    <td width="270" align="center" valign="top" bgcolor="#FFFFFF" class="TekstMargeTable"><!-- TemplateBeginEditable name="RechterKolom" -->RechterKolom<!-- TemplateEndEditable --></td>
  </tr>
  <tr>
    <td height="40" colspan="2" bgcolor="#FFFFFF"><table width="820"  border="0000" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td align="center">Dewitte Transport 
n.v - s.a.<br />
E-mail : info@dewittetransport.com</td>
        <td align="center">Boomlandstraat 34<br />
8880 Ledegem (Belgi&euml;)</td>
        <td align="center">tel. +32 56 50 07 78<br />
fax +32 56 50 44 14</td>
        <td align="center"><span class="margeRechts">Openingsuren<br />
Iedere werkdag
     van 7 tot 19 H </span></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="40" colspan="2" align="center" bgcolor="#FFFFFF"><a href="../index.html">|&nbsp;Onthaal&nbsp;</a> |&nbsp; <a href="../ons_bedrijf.html">Ons bedrijf </a>&nbsp; |&nbsp; <a href="../historiek.html">Historiek</a>&nbsp; |&nbsp; <a href="../wagenpark.html">Wagenpark</a>&nbsp; |&nbsp;<a href="../contact.html"> Contact</a>&nbsp; | </td>
  </tr>
  <tr>
    <td height="40" colspan="2" align="center" background="../images/footer.png">Copyright&nbsp;&copy;&nbsp; <a href="mailto:info@defietser.net"> Webmaster design </a> All Rights Reserved.</td>
  </tr>
</table>
</body>
</html>
Het menu werdt gemaakt in een afzonderlijke pagina en opgeslagen in de library
Hier wordt het aangeroepen in de template
HTML: 
<td height="40" colspan="2" bgcolor="#FFFFFF" class="menuBg">&nbsp;<!-- #BeginLibraryItem "/Library/DewitteMenuNl.lbi" --><table width="820" border="0" cellpadding="0" cellspacing="0" background="../images/menu_bg_2.png" >
  <tr align="center" valign="bottom">
    <td height="40" valign="middle"><a href="../index.html"><img src="../images/mini_Ivecofront_2.png" border="0"alt="Onthaal" width="22" height="24" /> Onthaal </a></td>
    <td valign="middle"> <a href="../ons_bedrijf.html"><img src="../images/mini_Ivecofront_2.png"  border="0" alt="Ons bedrijf" width="22" height="24" /> Ons bedrijf </a></td>
    <td valign="middle"><a href="../historiek.html"><img src="../images/mini_Ivecofront_2.png"  border="0"alt="Historiek" width="22" height="24" /> Historiek </a></td>
    <td valign="middle"><a href="../wagenpark.html"><img  src="../images/mini_Ivecofront_2.png"  border="0"alt="Wagenpark" width="22" height="24" /> Wagenpark </a></td>
    <td valign="middle"><a href="../contact.html"><img src="../images/mini_Ivecofront_2.png"   border="0"alt="Contact" width="22" height="24" /> Contact </a></td> 
  </tr>
</table><!-- #EndLibraryItem --></td>
daaronder heb je 2 editable regions inhoud en rechterkolom zo in de paginas die aangemaakt zijn met die template kan je dan de inhoud van rechterkolom en inhoud veranderen naar je wensen zonder dat je per ongeluk de rest van de code veranderd en dat alles wel te verstaan in dreamweaver. Als je die pagina opent in kladblok of wordpad kan alles veranderen.
Dat is dan een tipje van de sluier want je kan er zoveel mee doen. Ander begint het op een cursus dreamweaver te lijken en die kan ik niet geven maar heb wel 3 x 60 lesuren gevolgd. Dan begint het er al wat op te gelijken je kan nog niet alles maar je hebt een goede basis.
Mvg
Defietser
Defietser
 
#container DiV

Beste ik ben erachter wat mijn probleem is
hoewel ik alles geprobeert heb krijg ik het niet voor elkaar mijn menu div en content div in de container te plaatsen van 750 bij 600
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
color: #999;
}
body {
background-color: #333;
}
##container {
height: 600px;
width: 750px;
}
#menu {
height: 600px;
width: 100px;
}
.content {
height: 600px;
width: 650px;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<div id="#container">
<div id="menu">Content for id "menu" Goes Here</div>
<div class="content">Content for class "content" Goes Here</div>
</div>
</body>
</html>

graag advies
 
Hier dan uw code wat aangepast en een template van gemaakt:
Het menu is in een editable region geplaatst en de content ook, Als je nu in dreamweaver van die template een nieuwe pagina genereerd en opslaat als html pagina dan kan je de tekst in die editable region veranderen maar de rest van de code niet.

Bekijk de css goed wat betreft de padding en de margin je moet van de width en de height het aantal px aftrekken dat je de padding en de marge gegeven hebt anders passen die niet meer in de container div en gaat de content div er onder gaan staan.
Van uw content class heb ik een div gemaakt
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--

body {
	background-color: #333;
	color: #FFF;
}
#container {
	height: 600px;
	width: 754px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #F00;
}
#menu {
	height: 570px;
	width: 100px;
	float: left;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#content {
	height: 570px;
	width: 610px;
	float: right;
	padding: 15px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F00;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<div id="container">
<div id="menu"><!-- TemplateBeginEditable name="menu" -->Menuitem_1<br />
  Menuitem_2<br />Menuitem_3<br />
Menuitem_4<br />
Menuitem_5<!-- TemplateEndEditable --><br />
</div>
<div id="content"><!-- TemplateBeginEditable name="content" -->Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<!-- TemplateEndEditable --></div>
</div>
</body>
</html>
Hopelijk versta je het nu een beetje.
P.S.
De tekst in de content div hoef je niet te plaatsen om er een template van te maken die editable regions mogen leeg zijn. In de html pagina kan je ze dan vullen met uw teksten en of foto's.
Mvg
Defietser
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan