Antworten auf deine Fragen:
Neues Thema erstellen

Wie erstelle ich richtig eine Enterpage??

B

Black_Devil_Tbg

Noch nicht viel geschrieben

Hallo leute ich wollte mir eine enterpage machen nur geht das nicht so wie ich will.

Habe eine index.html erstellt und bearbeite mit Dreamweaver nur sieht das ergebniss nicht so aus wie ich mir das vorgestellt hatte.

In der Mitte sollte das logo sein und links und rechts unter den logo 2 gifs. für die seiten nur macht das logo was es will und das gif würd irgenwie nicht animiert.

Info:
<!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" />
<title>The Black Gods & DarkLuck-Subs</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style>
</head>
<embed src="tbg.mp3" width="70" height="25" hidden="true" autostart="true" loop="true" align="bottom">
<body>
<img src="tbg1.jpg" width="800" height="600" align="middle" /><a href="index.php"><img src="Komp 1.gif" width="346" height="52" align="absbottom" /></a>
</body>
</html>
Zum Vergrößern anklicken....

ps. die Enterpage ist hier zu sehen tbg-dl.de und es ist nur ein butten da weil ich das ganze erst mal tessten wollte
 

Mysth

Mysth

Mod | C4D 3D&5D-Contests

AW: Wie erstelle ich richtig eine Enterpage??

Also da fehlt eindeutig die Formatierung. Du hast nur ein paar Bilder in einen Body Tag.
Damit das ganze funktioniert schlage ich vor mit Ebenen zu arbeiten und dann mittels css zu formatieren.
Ich hab die mal einen kurzen Code geschrieben wie das ganze aussehen kann damit es auch funktioniert (ab Body)

<body style="background-color:#000">
<div id="wrapper">
<div id="logo"><img src="tbg1.jpg" width="800" height="600" alt="Logo" /></div>
<div id="gif1">"gif1"</div>
<div id="gif2">"gif2"</div>
</div>
</body>
Zum Vergrößern anklicken....
Die datugehörige css:
<style type="text/css">
<!--
#wrapper {
height: auto;
width: 950px;
margin: 0px auto;
}
#logo {
width: 950px;
text-align:center;
}
#gif1 {
float: left;
height: 100px;
width: 450px;
background-color:#CCC
}
#gif2 {
float: right;
height: 100px;
width: 450px;
background-color:#FFF
}

-->
</style>
Zum Vergrößern anklicken....
Du musst dann noch die Grafiken in den entsprechenden "Div" einfügen und bei der css die Hintergrundfarben löschen die dienen nur zur Anschauung.
Das ganze sieht dann so aus:
 
S

SchneewittchenX

Aktives Mitglied

AW: Wie erstelle ich richtig eine Enterpage??

Ja, wenn nur ein Gif da ist, kann er auch nicht 2 darstellen.
Das Logo und der Button folgen ohne Absatz oder Umbruch hintereinander weg. Die werden nur dehalb untereinander dargestellt, wenn sie nebeneinander keine Platz haben.
Da wirst Du Dir wohl noch mal die Grundlagen von Dreamweaver oder HTML/CSS ansehen müssen.

Das GiF habe ich mal in Animationshop geladen, besteht aus 189 Einzelbildern. Die Animation läuft nur einmal ab, wenn als der erste Umlauf vorbei ist, bewegt sich nichts mehr.
Das erste schwarze Bild bleibt 152 Hundertstel Sekunden stehen (Rund 1,5 Sekunden), alle andern Bilder nur je 4 Hundertel Sekunden, macht bei 188 Folgebildern 752 Hundertstel Sekunden. Das heißt nach 9 Sekunden ist die Animation vorbei. Wahrscheinlich dauert das Laden des GIF's länger, so dass von der Ani nicht viel zu sehen ist.
 
B

Black_Devil_Tbg

Noch nicht viel geschrieben

AW: Wie erstelle ich richtig eine Enterpage??

Ok noch 2 sachen das eine wie soll ich die css nennen (index.css)??

Und wie kann ich ein sound einfügen der abgespielt würd wenn man die Enterpage kommt
 
Mysth

Mysth

Mod | C4D 3D&5D-Contests

AW: Wie erstelle ich richtig eine Enterpage??

Also die Musik läuft ja schon und wie du die css benennst ist relativ egal ich würde aber einen klaren Namen vorschlagen wie startseite.css oder wenn du sie nur für die Startseite brauchst direkt in die html Datei schreiben zwischen </title> und </head>
 
B

Black_Devil_Tbg

Noch nicht viel geschrieben

AW: Wie erstelle ich richtig eine Enterpage??

ALso ich stelle mich irgenwie zu doof an meine index.html sieht jetzt so aus
<!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" />
<title>The Black Gods & DarkLuck-Subs</title>

<body style="background-color:#000">
<div id="wrapper">
<div id="logo"><img src="tbg1.jpg" width="800" height="600" alt="Logo" /></div>
<div id="gif1">"http://tbg-dl.de/Komp_1.gif"</div>
<div id="gif2">"gif2"</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

Aber jetzt zeigt er gar kein gif mehr an und das logo ist auch nicht in der mitte -.-
 
Mysth

Mysth

Mod | C4D 3D&5D-Contests

AW: Wie erstelle ich richtig eine Enterpage??

Das Logo ist erst in der Mitte wenn du das über die css auch zuweist: text-align:center;
Die gif weist du genauso zu wie das Logo:
<div id="gif1"><img src="Komp_1.gif"/></div>
Natürlich muss der Pfad angepasst werden.

Ich habe gerade gesehen das du noch gar keine css angehängt hast.
Kopier dir doch mal die css von mir direkt in die html Datei und pass sie entsprechend an.
 
Zuletzt bearbeitet:
B

Black_Devil_Tbg

Noch nicht viel geschrieben

AW: Wie erstelle ich richtig eine Enterpage??

Muss ich der Index.html irgenwie die css angeben.

Sry Ich leider keine große erfahrung dabei.

Und die css sieht so aus wie du sie mir geben hast
@charset "utf-8";
<style type="text/css">
<!--
#wrapper {
height: auto;
width: 950px;
margin: 0px auto;
}
#logo {
width: 950px;
text-align:center;
}
#gif1 {
float: left;
height: 100px;
width: 450px;
background-color:#000
}
#gif2 {
float: right;
height: 100px;
width: 450px;
background-color:#FFF
}

-->
</style>
Zum Vergrößern anklicken....

Und heißt index.css
 
DieWaldfeee

DieWaldfeee

Noch nicht viel geschrieben

AW: Wie erstelle ich richtig eine Enterpage??

Code: 
<head>
<link rel="stylesheet" href="index.css" type="text/css">
</head>

ps.: übernimm den body style gleich mit in deine style angaben.
 
Mysth

Mysth

Mod | C4D 3D&5D-Contests

AW: Wie erstelle ich richtig eine Enterpage??

Wenn du eine externe Datei verwendest musst du sie verknüpfen:
<link href="index.css" rel="stylesheet" type="text/css" /> Das kommt im Head

Der ganze Code nochmal von meinen Beispiel:
<!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" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
#wrapper {
height: auto;
width: 950px;
margin: 0px auto;
}
#logo {
width: 950px;
text-align:center;
}
#gif1 {
float: left;
height: 100px;
width: 450px;
background-color:#CCC
}
#gif2 {
float: right;
height: 100px;
width: 450px;
background-color:#FFF
}

-->
</style>
</head>

<body style="background-color:#000">
<div id="wrapper">
<div id="logo"><img src="tbg1.jpg" width="800" height="600" alt="Logo" /></div>
<div id="gif1">"gif1"</div>
<div id="gif2">"gif2"</div>
</div>
</body>
</html>
Zum Vergrößern anklicken....

Dann brauchst du die externe Datei nicht. Würd ich aber nur machen wenn es nur um eine Seite geht.
 
B

Black_Devil_Tbg

Noch nicht viel geschrieben

AW: Wie erstelle ich richtig eine Enterpage??

Ok so hat es geklappt danke noch eine frage wenn man eine mp3 datei einfügt kann man irgenwo auch die lautstäke einstellen also das es nicht so laut ist z.B so 50% nur.
 
S

Samuelll

Aktives Mitglied

AW: Wie erstelle ich richtig eine Enterpage??

Du kannst die vorher einstellen, also vor dem hochladen.

Für die änderung auf der Page wirst du dir einen Player suchen und den einbinden müssen, der auf der Seite angezeigt wird und deine Musik abspielt !
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden
Zu den Gratis-Inhalten

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Gesamt: 101 (Mitglieder: 5, Gäste: 96)
Robots: 905

Statistik des Forums

Themen
118.565
Beiträge
1.538.067
Mitglieder
67.488
Neuestes Mitglied
Andrew56524
Oben