Supportnet / Forum / Webseiten/HTML
wie baue ich eine Homepage?
Frage
Hallo ich habe mir Phase 5 runtergeladen und habe die meisten Dinge und Sachverhalte verstanden aber eines will mir nicht gelingen!
Ich habe von einem Freund ein Hintergrund für meine HP bekommen dieser Hintergrund will sich aber nicht einfügen. Die Seite bleibt weis und nur der Text (hier Beispieltext) wird samt den Links angezeigt.
Wie kann ich den Hintergrund so einfügen im Menü das er bei der Vorschau zu erkennen ist? Wie gesagt alles andere wie Bilder, Musik und Co. funktionukelt nur das eine nicht? Danke im Voraus für eure Hilfe. Lg ein Bastler ;-)
Antwort 1 von sutadur
Zitat:
Wie kann ich den Hintergrund so einfügen im Menü das er bei der Vorschau zu erkennen ist?
Wie kann ich den Hintergrund so einfügen im Menü das er bei der Vorschau zu erkennen ist?
Dazu müsste man erstmal wissen, wie Du den Hintergrund jetzt eingefügt hast. Also, poste hier mal den Quelltext.
Antwort 2 von Ralfman
Versuch mal folgendes:
Wenn Du Dir den Quelltext anschaust, hast Du ziemlich am Anfang eine Zeile stehen
Ändere dieses mal so ab das dort
steht.
Selbstverständlich mußt Du b"bild.jpg" noch Deinen Bedürfnissen anpassen.
Als kleine Anmerkung für Anfänger:
Alle Dateien bekommen werden klein geschrieben,
keine Lücke im Dateimnamen,
Keine Umlaute im Dateinamen.
Also wenn Du bild.jpg schreibst, sollte die Datei auch tatsächlich bild.jpg heißen und nicht Bild.JPG. Alles klar soweit?
Ralf
Wenn Du Dir den Quelltext anschaust, hast Du ziemlich am Anfang eine Zeile stehen
Zitat:
<body>
<body>
Ändere dieses mal so ab das dort
Zitat:
<body background="bild.jpg">
<body background="bild.jpg">
steht.
Selbstverständlich mußt Du b"bild.jpg" noch Deinen Bedürfnissen anpassen.
Als kleine Anmerkung für Anfänger:
Alle Dateien bekommen werden klein geschrieben,
keine Lücke im Dateimnamen,
Keine Umlaute im Dateinamen.
Also wenn Du bild.jpg schreibst, sollte die Datei auch tatsächlich bild.jpg heißen und nicht Bild.JPG. Alles klar soweit?
Ralf
Antwort 3 von Anno1501
Bilder (.jpg) kann ich einfügen aber die Seite und das Layout der Seite nicht (Die seite habe ich aus dem Netz von nem Freund gezogen) Aber sie will nicht als Befehl eingefügt werden?
Antwort 4 von Anno1501
http://www.on-mouseover.de/templates/templates_57_64.html hier die Seite die mein Freund mir empfolen hat (Hintergrund Nr. 60!) aber bis auf den Kopf (Der Hintergrund mit der Blume - hab ich als .jpg laden können) will der Rest nicht auf die Seite?
Antwort 5 von sutadur
Ganz so einfach ist das in dem Fall nicht. Das Hintergrundbild ist nämlich nicht im Seitenquelltext definiert, sondern in einer dazugehörigen Stylesheetdatei, in diesem Fall "format.css". Die musst Du natürlich entsprechend mit einbinden.
Antwort 6 von Anno1501
und wie mach ich das? Bzw. wo füge ich das ein? Und danke für den Tipp ;-)
Antwort 7 von Ralfman
Schau Dir mal den Quelltext an. Da stehen zwei Zeilen:
Ralf
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">Ralf
Antwort 8 von Anno1501
aja und das füge ich dann zwischen <body> und </body> ein? Danke
Antwort 9 von Anno1501
ich habe ja auch bei SELFHtml geschaut aber das is alles so ewig lang und teilweise sehr undurchsichtig aufgeführt.
wie verbinde ich nun den Quelltext mit meiner Siete? thx Normen
wie verbinde ich nun den Quelltext mit meiner Siete? thx Normen
Antwort 10 von sutadur
Zitat:
ich habe ja auch bei SELFHtml geschaut aber das is alles so ewig lang und teilweise sehr undurchsichtig aufgeführt.
ich habe ja auch bei SELFHtml geschaut aber das is alles so ewig lang und teilweise sehr undurchsichtig aufgeführt.
Du solltest da in der Tat noch einmal genauer reinschauen. Gerader das Attribut "undurchsichtig" m.E. auf SelfHTML nicht zu.
Zitat:
aja und das füge ich dann zwischen <body> und </body> ein?
aja und das füge ich dann zwischen <body> und </body> ein?
Nö, vorher.
Antwort 11 von Ralfman
Im Bidy hat das nichts zu suchen. Das kommt in dem Kopbereich.
Zitat:
...
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body>
...
Ralf
...
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body>
...
Ralf
Antwort 12 von derpfleger
Du hast eine Quelltextdatei mit dem Grundgerüst
Im <head> - Bereich hast du hier zB den Verweis auf eine externe Stylesheet-Datei. In der Stylesheet-Datei sind die Angaben, wie die im <body>-Bereich aufgeführten Textauszeichnungen auszusehen haben. Zb steht im <body>-Bereich wie dein Überschrift heissen soll
Und im Stylesheet steht, wie diese Überschrift dargestellt werden soll
Verweise, die auf ein Bild führen, müssen natürlich richtig gesetzt werden, dh. wenn sie nicht im selben Verzeichnis wie die verweisende Datei liegen, muss der Verweis entsprechend angepasst werden.
Um Fehler zu vermeiden, solltest du bei der Namensgebung für Dateien die Hinweise aus Antwort 2 beachten.
So viel auf die Schnelle...
Gruß derpfleger
(der ein eingehendes Studium von Selfhtml sehr empfehlen würde...)
<html>
<head>
<title> </title>
<link rel="stylesheet" href="format.css" type="text/css">
</head>
<body>
..hier steht dann der ganze Code, den du auf der Seite sehen willst...
</body>
</html>
Im <head> - Bereich hast du hier zB den Verweis auf eine externe Stylesheet-Datei. In der Stylesheet-Datei sind die Angaben, wie die im <body>-Bereich aufgeführten Textauszeichnungen auszusehen haben. Zb steht im <body>-Bereich wie dein Überschrift heissen soll
<h1>Meine Überschrift</h1>Und im Stylesheet steht, wie diese Überschrift dargestellt werden soll
h1 {color:red; font-size:1.2em; font-family:Arial, sans-serif; .......}
Verweise, die auf ein Bild führen, müssen natürlich richtig gesetzt werden, dh. wenn sie nicht im selben Verzeichnis wie die verweisende Datei liegen, muss der Verweis entsprechend angepasst werden.
Um Fehler zu vermeiden, solltest du bei der Namensgebung für Dateien die Hinweise aus Antwort 2 beachten.
So viel auf die Schnelle...
Gruß derpfleger
(der ein eingehendes Studium von Selfhtml sehr empfehlen würde...)
Antwort 13 von Anno1501
ich habe jetzt eine neue Testseite gemacht hier der Quelltext: ist das dann korrekt?
<html>
<head>
<title></title>
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css"></head>
<body text="#000000" bgcolor="#5cb36c" link="#FCA220" alink="'#FF0000" vlink="#FF0000">
<body >
</body>
</html>
falls ja ich hab nur ein Werdergrün aber keinen Hintergrund wie abgebildet bzw. geloadet.
<html>
<head>
<title></title>
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css"></head>
<body text="#000000" bgcolor="#5cb36c" link="#FCA220" alink="'#FF0000" vlink="#FF0000">
<body >
</body>
</html>
falls ja ich hab nur ein Werdergrün aber keinen Hintergrund wie abgebildet bzw. geloadet.
Antwort 14 von Anno1501
Ich glaub des krieg ich nimmer hin: hier der neue Quelltext is das nun richtig so? (ich weis bin ne nervensäge ;-)) bin aber lernfähig....
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!-- Hinweis:
-->
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body >
<table align="center" width="100%" id="aussen" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" width="100%" >
<table width="701" id="maintop" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td valign="middle" id="top1"><SPAN id="hpname"> <b>»</b> Healthy Nature</SPAN></td>
</tr>
<tr>
<td id="top2"><!--menü-->
<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Über Uns</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Gästebuch</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Shop</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Preise</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Mail</a></td>
</tr>
</table>
<!--ende oben--></td>
</tr>
<tr>
<td id="top3" > </td>
</tr>
</table>
<table width="701" align="center" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" id="main" height="600" >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/pixelspace.gif" width="19" height="1" border="0" alt=""></td>
<td id="navbox">
<table align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td >
<a href="index.html" >Home</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Kontakt</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Impressum</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Sitemap</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Members-Bereich</a></td>
</tr><tr>
<td >
<a href="index.html" >Foto-Gallerie</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Anfahrt</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Angebote</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Weitere Links</a></td>
</tr>
</table>
</td><td><img src="images/pixelspace.gif" width="22" height="1" border="0" alt=""></td>
<td id="inbox">
<h2>Layout.</h2>
<br>
<br>
<br>
<h2>Technik.</h2>
Seite ohne Frames.
Den Namen der Homepage können Sie ganz oben (statt <i>Healthy Nature</i>) eintragen. Benötigen Sie nur das Menü oben und nicht das Zusatz-Menü links, dann wählen Sie die Version <a href="index2.html">index2.html</a><br> <br>
Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget tincidunt tellus at nisi.
<br>
<br>
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Navigation.</h2>
Textlinks.
Sie können das linke Menü auch verbreitern oder verschmälern. Im Moment steht die Menü-Breite auf 180 Pixel plus 20 Pixel Abstand nach links und rechts. Das linke Menü ist beliebig erweiterbar.
<br>
<br>
Das obere Menü ist um einige Links erweiterbar.
<br><br> Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link:
<a href="#" >Beispiel-Link</a>
<br>
<br>
<br>
<h2>Dead Text.</h2>
tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.
<br>
<br>
dignissim felis dapibus ante.
<!-- ende inhalt--></td>
<td><img src="images/pixelspace.gif" width="40" height="1" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fuss-->
<table width="701" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center" id="fuss" >
<div align="center" ><div id="line" > </div></div>
Mike Muster GmbH & Co. KG • Spezialstrasse 55 • 55234 Sampletown
</td>
</tr>
</table>
<!-- ende fuss-->
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<!-- Der Copyright-Hinweis ist nicht zu löschen. Ein Entfernen des Copyright/Urheberrecht-Vermerks kann rechtliche Schritte nach sich ziehen -->
<!-- (c)Copyright by S.I.S.Papenburg / www.on-mouseover.de/templates/ -->
<!-- Hinweis:
-->
<link rel="stylesheet" href="format.css" type="text/css">
<link rel="stylesheet" href="menue.css" type="text/css">
</head>
<body >
<table align="center" width="100%" id="aussen" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td align="center" width="100%" >
<table width="701" id="maintop" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td valign="middle" id="top1"><SPAN id="hpname"> <b>»</b> Healthy Nature</SPAN></td>
</tr>
<tr>
<td id="top2"><!--menü-->
<table align="center" id="menu2" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="index.html" >Über Uns</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Gästebuch</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Shop</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Impressum</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Preise</a></td><td class="menutrenn"> • </td>
<td ><a href="index.html" >Mail</a></td>
</tr>
</table>
<!--ende oben--></td>
</tr>
<tr>
<td id="top3" > </td>
</tr>
</table>
<table width="701" align="center" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td valign="top" id="main" height="600" >
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/pixelspace.gif" width="19" height="1" border="0" alt=""></td>
<td id="navbox">
<table align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td >
<a href="index.html" >Home</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Kontakt</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Impressum</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Sitemap</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Members-Bereich</a></td>
</tr><tr>
<td >
<a href="index.html" >Foto-Gallerie</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Anfahrt</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Angebote</a></td>
</tr>
<tr>
<td >
<a href="index.html" >Weitere Links</a></td>
</tr>
</table>
</td><td><img src="images/pixelspace.gif" width="22" height="1" border="0" alt=""></td>
<td id="inbox">
<h2>Layout.</h2>
<br>
<br>
<br>
<h2>Technik.</h2>
Seite ohne Frames.
Den Namen der Homepage können Sie ganz oben (statt <i>Healthy Nature</i>) eintragen. Benötigen Sie nur das Menü oben und nicht das Zusatz-Menü links, dann wählen Sie die Version <a href="index2.html">index2.html</a><br> <br>
Etwas Dummy-Text. Also Beispiel Fülltext. In ornare felis eget tincidunt tellus at nisi.
<br>
<br>
<i>Anlegen von Links bzw. HTML-Seiten</i> wie folgt: Die Datei Startdatei "index.html" ist zu kopieren und jeweils unter einem neuen Namen abzuspeichern.
<br>
<br>
<br>
<h2>Navigation.</h2>
Textlinks.
Sie können das linke Menü auch verbreitern oder verschmälern. Im Moment steht die Menü-Breite auf 180 Pixel plus 20 Pixel Abstand nach links und rechts. Das linke Menü ist beliebig erweiterbar.
<br>
<br>
Das obere Menü ist um einige Links erweiterbar.
<br><br> Die allgemeinen Links (Links im Text) sehen zur Zeit aus wie nachstehend: Um den Mouseover-Effekt anzuschauen, fahren Sie mit der Maus über den Link:
<a href="#" >Beispiel-Link</a>
<br>
<br>
<br>
<h2>Dead Text.</h2>
tristique senectus et netus et malesuada fames ac turpis egestas. Vivamus tincidunt tellus at nisi.
<br>
<br>
dignissim felis dapibus ante.
<!-- ende inhalt--></td>
<td><img src="images/pixelspace.gif" width="40" height="1" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- fuss-->
<table width="701" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td align="center" id="fuss" >
<div align="center" ><div id="line" > </div></div>
Mike Muster GmbH & Co. KG • Spezialstrasse 55 • 55234 Sampletown
</td>
</tr>
</table>
<!-- ende fuss-->
</td>
</tr>
</table>
</body>
</html>
Antwort 15 von Anno1501
kann man den nicht das so fertig runterladen?
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen wäre aber froh wenn ich wenigstens erstmal das hinkriege.... HILFE... :-)
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen wäre aber froh wenn ich wenigstens erstmal das hinkriege.... HILFE... :-)
Antwort 16 von Solo
Zitat:
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen ...
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen ...
Der Ansatz ist schon mal gut. Ein Elektriker muss auch erst sein Handwerk lernen, ehe er auf die Menschheit losgelassen wird.
Antwort 17 von Ralfman
Zitat:
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen
Ich habe jetzt Selfhtml gelesen und naja scheinbar muss ich noch einiges Lernen
Überflogen trifft es doch wohl besser, aber den Anfang hast Du wenigstens schon mal hingelegt.
Aber als anfänger möchte ich Dir in sachen Homepage den NVU Kompozer empfehlen. Der ist leichter zu Durchschauen als Phase 5 (obwohl der Phantastisch ist, keine Frage), aber bei dem sind schon gewisse Vorkentnisse Grundvoraussetzung.
Ralf
Antwort 18 von Anno1501
Der NVU is klasse nur kann ich da weder Verlinkungen noch Musiktitel einfügen (was beim Phase 5 kein Prob is)? Und nun jetzt habe ich meine Seite wie ich sie im Layout haben wollte kann aber keine direkten Features einlinken.