Hilfe beim erstellen meiner HP mit DW gesucht

apfelbeißer

unregistriert
Thread Starter
Dabei seit
06.02.2005
Beiträge
561
Reaktionspunkte
0
Hallo,
ich habe einen .mac-account und eine Schülerversion von Studio8 und will mir jetzt meine erste Seite mit Dreamweaver erstellen. Soll ganz einfach sein. Eine Startseite in Weiß mit einem Logo und dadrunter roll-over-bilder die mit videos-seiten (diese mit weißem Hintergrund und alleinestehend dem Film) verlinkt sind.

Könnt ihr mir dau ein bischen helfen.

Meine Frage wär erstmal wie kriege ich diese Video-Seiten erstellt.
Hier mal ein Beilspiel: http://videos.devolk.de/dateien/861_Logo preview.avi

geht das überhaupt mit dreamweaver und .mac?

hoffe ihr könnt helfen

mfg
 
ob das mit .mac geht weiß ich nicht.
Erstelle zb 10 Spalten 2 Zeilen. Dann makierst du die Oberste Tabellenspalten
und vereinst die zu einer Zelle ( in dieser Zelle werden die IFrames mit den Moves geladen. Und in den untersten einzelnen Spalten werden die Movielinks
reingesetzt.
Dann erstellst du noch zusätzlich in weiss einen Layer der die ganzen Tabellen verdeckt . und in den Layer wird dein logo als Strartbuttom sein.
Dabei kannst du denm Layer den Befehl geben, das wenn du darüber fährst, das sich der Layer ausblendet.
Ich hoffe das ich mich einigermaßen verständlich ausgedrückt habe. Zwischen
Theorie und Praxis ist es ein Unterschied es einem Verständlich diese Schritte
zu erklären.

eisman
 
Dein Link verweist gar nicht auf eine HTML-Seite sondern direkt auf einen Film (sieht man doch an der Endung).
Vernünftig einbinden kann man ein Video so wie z.B. hier:
The Proposition Trailer.
Ich finde, da hat Quicktime den anderen Formaten etwas voraus! Siehe auch hier, die Kapitelauswahl und die Möglichkeit, Links im Video einzubauen (Ende des Films) sprechen für Quicktime!
Beispiel bei "Ehensenf"

Aus dem Quelltext:
<object CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="520" HEIGHT="304" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab"></p>
<param name="SRC" VALUE="http://ehrensenf.server-5.video.conserve.de/2006-07-14.mov"></param>
<param name="AUTOPLAY" VALUE="true"></param>
<param name="CONTROLLER" VALUE="true"></param>
<embed SRC="http://ehrensenf.server-5.video.conserve.de/2006-07-14.mov" AUTOPLAY="true" CONTROLLER="true" WIDTH="520" HEIGHT="304" PLUGINSPAGE="http://www.apple.com/quicktime/download/"></embed></object>

Das ist einigermassen selbsterklärend ;)
Das ganze Zeugs mit CLASSID und unten PLUGINSPAGE sorgt dafür, dass der User die Möglichkeit erhält, das Plugin runterzuladen. Wenn Du nur auf einen Film verweist wie in Deinem Beispiel, kommt da maximal eine Fehlermeldung, das ist ja dann nicht so schön.
 
Zuletzt bearbeitet von einem Moderator:
danke eisman werde das mal machen
@ kazu genau so will ich das ja auch haben. das man eben nur den film sieht
 
Da musst du dann auch nur die Rollover-Bilder mit dem absoluten/relativen Pfad zum jeweiligen Video verlinken. Mehr brauchts dafür nicht :)
Das sind dann auch keine wirklichen Video-Seiten (keine Spur von HTML oder dergleichen wird benötigt) sondern nur das Video, das im Browser abgespielt wird.
 
Achja. Wenn du DW hernehmen willst – da gibt es eh so schön eine Rollover-Bilder-Funktion. Ich weiß jetzt leider nicht genau, wo die zu finden ist, aber irgendwo im Menü Einfügen/Medien oder so.
Wenn ich das von eismann richtig verstehe, hat er dich falsch verstanden :D Du willst ja, dass auf der Startseite das Logo sichtbar ist und einfach drunter ein paar Fotos sind, die, wenn man darüber fährt, sich ändern, oder?
 
Richtig das mit der Roll-over-funktion kenne ich trotzdem danke.:)

Nur weis ich immer nocht nicht wie das mit den Videos funktioniert?
:(
 
lea schrieb:
Das sind dann auch keine wirklichen Video-Seiten (keine Spur von HTML oder dergleichen wird benötigt) sondern nur das Video, das im Browser abgespielt wird.

Einfach aufs Video linken :)
 
so hat erstmal alles perfekt geklappt. nur wenn ich die seite jetzt auf einem kleinerem bildschirm(12" iBook) betrachte sind die 5 bilder(100x60 Pixel) die ich in einer reihe angeordnet habe versetzt sind das heist 4 in einer reihe(horizontal) und das letzte dadrunter.
Meine Frage: wie kann ich meine Seite jetzt an kleinere bildschirme anpassen.

mfg
 
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" />
<title>Unbenanntes Dokument</title>
<script type="text/JavaScript">
<!--
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_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_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[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.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];}
}
//-->
</script>
<style type="text/css">
<!--
.Stil1 {font-family: Arial, Helvetica, sans-serif}
.Stil2 {color: #000000}
-->
</style>
</head>

<body onload="MM_preloadImages('file:///Macintosh/Users/tonifehler/Desktop/text1.jpg','text5.jpg','text2.jpg','text3.jpg','text4.jpg','logo2.jpg','kont2.jpg')">
<blockquote>
  <blockquote>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><a href="http://www.tonifehler.de.vu" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','logo2.jpg',1)"><img src="logo.jpg" name="Image8" width="547" height="108" hspace="230" border="0" id="Image8" /></a><a href="http://www.tonifehler.de.vu"></a></p>
    <p>&nbsp;</p>
    <blockquote>
      <blockquote>
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <p>		<a href="Kalle+Fred_Robin Hood.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','text1.jpg',1)"><img src="vil1.jpg" name="Image10" width="100" height="60" border="0" id="Image10" /></a><a href="Kalle+Fred_Robin Hood.mpg"></a><a href="Kalle+Fred_Batterien.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','text2.jpg',1)"><img src="vil2.jpg" name="Image7" width="100" height="60" border="0" id="Image7" /></a><a href="Kalle+Fred_Batterien.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','text2.jpg',1)"></a><a href="cK2.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','text3.jpg',1)"><img src="vil3.jpg" name="Image4" width="100" height="60" border="0" id="Image4" /></a><a href="cK1.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','text4.jpg',1)"><img src="vil4.jpg" name="Image5" width="100" height="60" border="0" id="Image5" /></a><a href="Demoband.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','text5.jpg',1)"><img src="vil5.jpg" name="Image6" width="100" height="60" border="0" id="Image6" /></a></p>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </blockquote>
    </blockquote>
    <p><a href="http://www.tonifehler.de.vu"></a></p>
    <blockquote>
      <blockquote>
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <p class="Stil1"> <a href="mailto:apfelapfel@mac.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','kont2.jpg',1)"> <img src="kont1.jpg" name="Image9" width="160" height="20" border="0" id="Image9" /></a><a href="mailto:apfelapfel@mac.com" class="Stil2"></a></p>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </blockquote>
    </blockquote>
    <p><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','file:///Macintosh/Users/tonifehler/Desktop/text1.jpg',1)"></a>	<a href="Kalle+Fred_Robin Hood.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','text1.jpg',1)">	</a><a href="Demoband.mpg" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('bild5','','text5.jpg',1)"></a></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </blockquote>
</blockquote>
</body>
</html>

bzw. hier meine hp: hp
ich hoffe du/ihr könnt mir helfen

mfg
 
Zuletzt bearbeitet:
Eh schon da ;)

Ok. Du hast da ein ziemliches Chaos :D Schau erst mal, dass Bilder (Logo!!!) die endgültige Größe haben. Das Logo zB ist über 900px breit und du bindest es mit nur knapp 550px ein.

Dann würde ich die Seite mit divs und css aufbauen, ich kann dir da gerne den Basis-Code für den Body schreiben (->PN), das ist nicht viel, du erparst dir und dem Browser einen Haufen unnötigen Quellcode ;)

Außerdem: du hast teilweise die Bilder lokal eingebunden, im Netz werden die da nicht gefunden (file:///Macintosh/Users/tonifehler/Desktop/text1.jpg)
 
ja ich bin noch blutiger anfänger ;)

wär nett wenn du mir den anfangs-code schicken könntest

mfg
 
Zurück
Oben Unten