Avatar billede ironlevy Nybegynder
17. maj 2002 - 17:28 Der er 23 kommentarer og
1 løsning

Oprydning i Dreamweaver-kode

Jeg er igang med et skole projekt og har lavet en hjemmeside i dreamweaver. I selve projektet skal jeg aflevere hjemmesiden i ren html og JavaScript, dvs. al dreamweaver slamkode skal ud. Jeg er ikke helt haj til det så plz hjælp. Siden kan forresten ses på: beam.to/mileni

Koden:

<html>

<head><title>J&oslash;rgensen & M&oslash;rch Design</title>
<script language="JavaScript">
<!--
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->

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];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.0
  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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>
<body background="pics/baggrund.jpg">
<font face="MS Sans Serif" color="#CCCCCC" size="4" >

<div id="flash" style="position:absolute; left:696px; top:37px; width:108px; height:81px; visibility: hidden"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="120" height="90">
    <param name=movie value="pics/glas.swf">
    <param name=quality value=high>
    <embed src="pics/glas.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="120" height="90">
    </embed>
  </object></div>

<div id="jorgensenmorch" style="position:absolute; left:178; top:72; width:226px; height:20px; visibility: hidden"><p><font color="#000000">j &oslash; r g e n s e n &amp; m &oslash; r c h</font></p></div>
<div id="showroom" style="position:absolute; left:178px; top:72px; width:125px; height:18px; visibility: hidden"><font color="#000000">s h o w r o o m</font></div>
<div id="handverk" style="position:absolute; left:178; top:72; width:128px; height:20px; visibility: hidden"><font color="#000000">h &aring; n d v &aelig; r k</font></div>
<div id="kontakt" style="position:absolute; left:178; top:72; width:95px; height:20px; visibility: hidden"><font color="#000000">k o n t a k t</font></div>
<div id="link" style="position:absolute; left:178; top:72; width:61px; height:19px; visibility: hidden"><font color="#000000">l i n k s</font></div>

<div id="knap1" style="position:absolute; left: 178; top: 104; visibility: visible"><a href="jorgensenmorch.htm" target="_parent"><img src="pics/1.gif" width="22" height="22" name="knap1" onMouseOver="MM_showHideLayers('jorgensenmorch','','show');MM_swapImage('knap1','','pics/11.gif',1)" onMouseOut="MM_showHideLayers('jorgensenmorch','','hide'); MM_swapImgRestore()" border="0"></a></div>
<div id="knap2" style="position:absolute; left: 211; top: 104; visibility: visible"><a href="showroom.htm" target="_parent"><img src="pics/5.gif" width="22" height="22" name="knap2" onMouseOver="MM_showHideLayers('flash','','show','showroom','','show');MM_swapImage('knap2','','pics/55.gif',1)" onMouseOut="MM_showHideLayers('flash','','hide','showroom','','hide');MM_swapImgRestore()" border="0"></a></div>
<div id="knap3" style="position:absolute; left: 244; top: 104; visibility: visible"><a href="haandvaerk.htm" target="_parent"><img src="pics/3.gif" width="22" height="22" name="knap3" onMouseOver="MM_showHideLayers('handverk','','show');MM_swapImage('knap3','','pics/33.gif',1)" onMouseOut="MM_showHideLayers('handverk','','hide');MM_swapImgRestore()" border="0"></a></div>
<div id="knap4" style="position:absolute; left: 277; top: 104; visibility: visible"><a href="kontakt.htm" target="_parent"><img src="pics/6.gif" width="22" height="22" name="knap4" onMouseOver="MM_showHideLayers('kontakt','','show');MM_swapImage('knap4','','pics/66.gif',1)" onMouseOut="MM_showHideLayers('kontakt','','hide');MM_swapImgRestore()" border="0"></a></div>
<div id="knap5" style="position:absolute; left: 310; top: 104; visibility: visible"><a href="links.htm" target="_parent"><img src="pics/6.gif" width="22" height="22" name="knap5" onMouseOver="MM_showHideLayers('link','','show');MM_swapImage('knap5','','pics/66.gif',1)" onMouseOut="MM_showHideLayers('link','','hide');MM_swapImgRestore()" border="0"></a></div>

<div id="indholdlag" style="position:absolute; left:178px; top:134; width:638px; height:358px; background-color: #000000; visibility: visible">

<div id="logolag" style="position:absolute; left: 208px; top: 35px"><img src="pics/logo.jpg" width="221" height="138"></div>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p align="center">E k s k l u s i v</p>
<p align="center">g l a s k u n s t</p>
</div>
<div id="logosortlag" style="position:absolute; left:733px; top:500px; visibility: visible"><img src="pics/logosort.gif" width="85" height="49"></div>

</font>
</body>

</html>

Håber nogen vil hjælpe.
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:09 #1
Sur røv. Fik engang på en uddannelse hvor vi skulle lave en side i notepad og ren html.  Nogle spader brugte dreamweaver, frontpage og hvad ved jeg, de dumpede sur røv for dem.
Vi andre sad og grinte og syntes det var mægtig sjovt at nogle kunne finde på det når man fik at vide man ikke måtte :)
Kan forstå du er i samme situation, så mit råd til dig er, følg lærerens anvisning det når du længest med.
P.S  tror ikke dreamweaver smider noget kode som er specielt for dreamweaver, men tror mere det er måden koden er opsat på. Så er din lærere inde i dreamweaver skal han nok se det ;)
Hyg dig
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:12 #2
Vi må godt bruge dreamweaver som hjælpemiddel men i sidste ende skal vi fjerne slamkoden. Desuden er mine lærer meget inde i html og dreamweaver så de kan hurtigt se forskel.
Avatar billede Slettet bruger
17. maj 2002 - 18:15 #3
Det giver ikke særligt meget mening. Enten forbyder man DreamWeaver, eller også tillader man det!
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:18 #4
ok kan desværre ikke hjælpe da jeg ved at når man begynder at rydde lidt op i en dreamweaver kode kan tingene bliver meget mystisk.
Hvad er det enlig for en mærkelig opgave at få ??  hvad skal den bruges til ?
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:19 #5
Sådan er det ikke i det her tilfælde, det skal lige nævnes at der ikke er styr på så mange ting på min skole. Og som du giver det ingen mening, men det ligger nok lidt i stil med at hvis du skal skrive en bograpport og laver den på baggrund af filmen :-)
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:23 #6
hmmmm :P  hvad er det for en uddannelse man får sådan nogle opgaver på ?
Det med at der ikke er tjeck på så mange ting på skolen lyd som digital media  er det den uddannelse ?
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:25 #7
Opgaven går ud på at vi skal lave en hjemmeside til en virksomhed udfra dennes retningslinier. Vi bliver vurderet på design, teknik, brugervenlig og overordnet indtryk. For at opgaven skal være mere besværlig skal den laves i ren html :-(
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:27 #8
Det hedder Multimediedesigner (nogenlunde det samme som digital media). Får heldigvis ny uddannelseskoordinator efter sommerferien :-)
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:27 #9
det lyder jo nemt nok men hvis den skal laves i ren html  hvorfor har du så brugt javascript og css ??
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:29 #10
undskyld...det jeg mente var html, javascript m.m. minus dreamweaver slamkode.
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:34 #11
okay som phoenixv også siger lyder det lidt underligt, så du skulle nok havde kodet det hele fra starten af i html kun. Hvor du så kunne havde downloadet nogle scripts som du kunne havde brugt, så hvis jeg var dig ville jeg begynde forfra. Du har jo en masse kode at se efter, så kod den i notepad feks.  eller jeg vil anbfale html-kit  som er en gratis og god texteditor :)
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:38 #12
Jeg er i fuld sving med at lave det om i notepad, men det er sgu svært når man kun har haft kendskab til JavaScript i 3 måneder :-)
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:39 #13
ja det er det nok men du kan jo bare kopiere din javascript kode  over i dit nyt dokument, og så lav din html selv
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:41 #14
Jep, det er vel kun slavemetoden som er den eneste udvej i denne situation :-)
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:42 #15
det lærer man også meget mere af  så i den sidste ende gavner det nok dig selv :)
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:46 #16
Det har du så ret i :-) Men når tiden er knap prøver man også andre alternativer :-)
Avatar billede michael-k Nybegynder
17. maj 2002 - 18:51 #17
hehe ja det har du ret i :)  men hel og lykke med det  vil ind og se fodbold skal nok tænke på dig når du sidder med sveden dryppende ned i tastaturet for at nå det ;)
Avatar billede ironlevy Nybegynder
17. maj 2002 - 18:53 #18
lol... tak for det, får i hvert fald brug for det :-)
Avatar billede Slettet bruger
17. maj 2002 - 22:27 #19
Prøv lige at smide et link med kun den side, du vil have "renset". Så kan det være, jeg skriver det hele om fra bunden. Men jeg garanterer altså intet!
Avatar billede ironlevy Nybegynder
17. maj 2002 - 22:33 #20
linket er http://beam.to/mileni/index.htm

På forhånd tak...også hvis du ikke laver det :-)
Avatar billede atn Nybegynder
18. maj 2002 - 02:30 #21
Hmmm....synes nu ikke der er så meget slam kode....

Det er bare sat op i layers...???

Selvfølgelig kunne det sættes op på andre måder - men den måde her er da ganske fin...

Venligst

<ATN/>
Avatar billede ironlevy Nybegynder
19. maj 2002 - 02:50 #22
jeg har selv ryddet lidt op i den, men jeg vil gerne have 2 mouseover-effekter når man køre over knapperne.

1) Knapperne ændrer farve (har jeg selv lavet)

2) Der kommer et layer frem op over teksten når man laver mouseover på knapperne, ligesom på http://beam.to/mileni

Hvordan får jeg de ting integreret i min nye kode?

<html>
<head>
<title>Skift billede</title>

<script language="JavaScript">
<!--

billede1 = new Image(); billede1.src = "pics/billede1.gif";
billede2 = new Image(); billede2.src = "pics/billede2.gif";
billede3 = new Image(); billede3.src = "pics/billede3.gif";
billede4 = new Image(); billede4.src = "pics/billede4.gif";
billede5 = new Image(); billede5.src = "pics/billede5.gif";
billede6 = new Image(); billede6.src = "pics/billede6.gif";
billede7 = new Image(); billede7.src = "pics/billede7.gif";
billede8 = new Image(); billede8.src = "pics/billede8.gif";
billede9 = new Image(); billede9.src = "pics/billede9.gif";
billede10 = new Image(); billede10.src = "pics/billede10.gif";

function skiftbillede(img_name,img_src) {
document[img_name].src=img_src;
}

-->
</script>
</head>
<body background="pics/baggrund.jpg">
<font face="MS Sans Serif" color="#CCCCCC" size="4">

<div id="knap1" style="position:absolute; left: 178; top: 104; visibility: visible">
<a href="http://www.html.dk"
onmouseover="skiftbillede('knap1','pics/billede2.gif');"
onmouseout="skiftbillede('knap1','pics/billede1.gif');">
<img name="knap1" src="pics/billede1.gif" width="22" height="22" border="0" /></a></div>

<div id="knap2" style="position:absolute; left: 211; top: 104; visibility: visible">
<a href="http://www.html.dk"
onmouseover="skiftbillede('knap2','pics/billede4.gif');"
onmouseout="skiftbillede('knap2','pics/billede3.gif');">
<img name="knap2" src="pics/billede3.gif" width="22" height="22" border="0" /></a></div>

<div id="knap3" style="position:absolute; left: 244; top: 104; visibility: visible">
<a href="http://www.html.dk"
onmouseover="skiftbillede('knap3','pics/billede6.gif');"
onmouseout="skiftbillede('knap3','pics/billede5.gif');">
<img name="knap3" src="pics/billede5.gif" width="22" height="22" border="0" /></a></div>

<div id="knap4" style="position:absolute; left: 277; top: 104; visibility: visible">
<a href="http://www.html.dk"
onmouseover="skiftbillede('knap4','pics/billede8.gif');"
onmouseout="skiftbillede('knap4','pics/billede7.gif');">
<img name="knap4" src="pics/billede7.gif" width="22" height="22" border="0" /></a></div>

<div id="knap5" style="position:absolute; left: 310; top: 104; visibility: visible">
<a href="http://www.html.dk"
onmouseover="skiftbillede('knap5','pics/billede10.gif');"
onmouseout="skiftbillede('knap5','pics/billede9.gif');">
<img name="knap5" src="pics/billede9.gif" width="22" height="22" border="0" /></a></div>

<div id="indholdlag" style="position:absolute; left:178; top:134; width:638; height:358;
background-color: #000000; visibility: visible">

<div id="logolag" style="position:absolute; left: 208; top: 35 ; visibility: visible">
<img name="logolag" src="pics/logo.jpg"
width="221" height="138"></div>

<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p>&nbsp</p>
<p align="center">E k s k l u s i v</p>
<p align="center">g l a s k u n s t</p>

</div>

<div id="logosortlag" style="position:absolute; left:733px; top:500px; visibility: visible">
<a href="index.htm"><img src="pics/logosort.gif" width="85" height="49" border="0"></a></div>

</body>
</html>
Avatar billede ironlevy Nybegynder
19. maj 2002 - 02:51 #23
glem linket til html.dk :-)
Avatar billede ironlevy Nybegynder
24. maj 2002 - 01:07 #24
Det lykkes mig selv at gøre det...så spørgsmålet er uaktuelt. Tak for snakken :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester