html mit css verknüpfen

menkee

Hi
Ich hoffe jemand kann mir kurz helfen. Ich will eigentlich nur eine kleine Homepage erstellen. Ich habe ein CSS Stylesheet kopiert welches so aussieht:

<!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"/>
<meta name="Description" content="Geben Sie hier die Beschreibung der Webseite ein"/>
<meta name="Keywords" content="Geben Sie hier Keywoerter zu Webseite ein"/>
<meta name="author" content="HOWTO4ALL.de"/>
<meta name="ROBOTS" content="index,follow" />
<title>Geben Sie hier den Seitentitel ein</title>
<style type="text/css">

</style>
</head>
<body>
<div class="outer-container">
<div class="inner-container">
<div class="header">
<h1>Header</h1>
</div>
<div class="navigation">
<h1>Menu</h1>
</div>
<div class="content">
<h1>Content</h1>
</div>
<div class="clearer"></div>
<div class="footer">
<span class="left">
<a href="http://www.howto4all.de/">Zur freien Verwendung bereitgestellt von HOWTO4ALL.de</a>.
</span>
<div class="clearer"></div>
</div>
</div>
</div>
</body>
</html>

Ich habe diese Datei nun als stylesheet.css gespeichert.
So nun möchte ich, dass ich im Bereich content jeweils eine html seite aufgeht wenn ich im bereich Menu auf einen button/link klicke.

Kann mir jemand bitte helfen?

synaptic

also ich hab davon fast nix verstanden.. was genau willst haben?
und du hast da nicht nur eine stylesheetfile, sondern eine ganze html-seite!
der code hier muss in eine style.css

Code

[URL='http://www.forum-hilfe.de/vbglossar.php?do=showentry&item=html']html[/URL] {min-height: 100%;}
* {
margin: 0;
padding: 0;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.inner-container {
border: 1px solid #000000;
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 10px;
width: 970px;
margin-top: 8px;
}
.outer-container {
padding-bottom: 14px;
}
.header {
border: 1px solid #000000;
height: 160px;
margin-bottom: 5px;
background-color: #FFCC00;
}
.content {
border: 1px solid #000000;
height: 420px;
background-color: #FFFFCC;
margin-top: 8px;
}
.navigation {
border: 1px solid #000000;
height: 25px;
margin-top: 8px;
background-color: #666666;
}
.footer {
border: 1px solid #000000;
color: #000000;
margin-top: 8px;
padding: 2px 4px;
}
.footer a {
color: #000000;
text-decoration: none;
}

Alles anzeigen

und die bindest du mit folgendem befehl im kopf der htmldatei ein:
<link rel="stylesheet" type="text/css" href="style.css">
und wenn du jetzt verschiedene inhalte haben willst musste deine html-datei so oft kopieren, wie du seiten hast und lediglich die inhalte darin ändern!

menkee

Ok das habe ich nun gemacht und sorry mein Beschreib war fürchterlich.
Also, mit CSS wurde die Darstellung erstellt. Unter anderem gibt es ein Bereich der nennt sich navigation. Dort werde ich buttons reinstellen z.B music. So, mein wunsch ist nun, dass wenn ich auf diesen Button music klicke, die entsprechende music.html im Berich content aufgeht. Hoffe es ist verständlich was ich will

sejuma

Grundsätzlich musst du jede Seite mit ihrem kompletten Inhalt abspeichern.
Beim Klick auf einen Menülink öffnet dann jede Seite komplett.

Dein vorhaben lösst sich allenfalls mit PHP oder Javascript realisieren.

Fixbestandteile wie die navi kannst du jedoch per PHP recht einfach includen.
Dazu einfach mal etwas googeln.

synaptic

Zitat von sejuma

Fixbestandteile wie die navi kannst du jedoch per PHP recht einfach includen.
Dazu einfach mal etwas googeln.

oder die sufu hier im forum nutzen, wurd alles schon xfach besprochen

menkee

Mhhh also ich weiss ehrlich gesagt gar nicht nach was ich suchen muss, weil ich mich einfach zu wenig auskenne. Kennt jemand ein gutes Tutorial bei dem das schön erklärt wird?

Das heisst, das ich meine Homepage mit HTML/CSS und PHP erstellen muss?

Wo finde ich ein solches Grundgerüst auf dem ich aufbauen kann?
Ich kann mir das halt am besten aneignen, wenn ich mal eine solche Vorlage habe.

Für jeden Tip wäre ich sehr dankbar.

Bandit

http://de.selfhtml.org/
http://www.css4you.de/index.html
http://www.php.net/manual/de
http://www.php-faq.de
http://www.php-einfach.de
http://tut.php-q.net/index.html
http://dev.mysql.com/doc/refman/5.1/de/index.html
http://ffm.junetz.de/members/reeg/DSP/
http://www.phptutorials.de
http://www.dynamic-webpages.de/05.tutorials.php

PHP muss nicht unbedingt sein, vereinfacht die Sache (wenn man's kann) und vermeidet doppelte Quellcodes.

Ansonsten würde ich sagen: Lerne die Grundlagen! Mit Null Ahnung wird das nichts und nimm' dir Zeit, von heute auf morgen hat das noch niemand gelernt.

menkee

Also wenn das ohne PHP geht, benötige ich doch nur einen code den ich einbauen kann. Kann mir denn jemand das erklären?

Bandit

SelfHTML beantwortet dir deine Frage. Allerdings setzt das Eigeninitiative vorraus, die du leider nicht zeigst. Und deshalb ist unsere Motivation dir zu helfen auch nicht besonders groß.

menkee

Ok eigentlich will ich nicht HTML/CSS und womöglich PHP zuerst perfekt lernen um mir eine kleine Homepage zu erstellen. Wollte eigentlich nur ein kleiner Tip. Wahrscheinlich ist es ein 2 zeiliger Code den ich irgendwo einsetzen muss, aber wenn ihr mir diesen nicht nennen wollt, dann akzeptiere ich das und schaue halt wo anderst weiter, schade eigentlich.

Bandit

Boah, jetzt stell' dich nicht so dämlich an!!! Ein wenig bei SelfHTML durchstöbern und schon hast du deine Lösung! Da findest du auch massenhaft Beispiele! Das sind Grundlagen, díe man einfach können sollte, auch wenn man nur eine einfach HTML-Seite erstellen will!

synaptic

wassn mit dir los? du hast nen haufen links bekommen und gnz oben haste selber nen grundgerüst fürs html geschrieben, ich hab dir gesagt wie du deinen style einbindest und so haste schon die erste html-datei die du benötigst- das template!

wenn du mit php arbeiten möchtest brauchst du nur einen befehl können und zwar include

PHP

<?php
include('domainname/ordner/datei.php');
?>

dann schauste nach was is alles gleich bei allen seiten und was ändert sich?

das heisst du machst
eine default_head_inc.php
eine navi_inc.php
eine default_bottom.inc.php

und für jeden inhalt machste auch ne eigene php-datei

da brauch nichma ne programmierlogik hinter stehen

in der default head steht alles bis inklusive <body>

in der navi machste eben deine navigation rein
in die default-bottom kommt dann eben nur noch nen footer sofern du willst und </body></html>

deine einzelnen inhaltsseiten sehen dann so aus:

PHP

<?php
include('default_head_inc.php');


include('navi_inc.php');


?>
und hier stopfste mit pupsnormalem html deinen inhalt rein
<?php
include('default_bottom_inc.php');
?>

Alles anzeigen

und nur zur info: wir sin hier ein hilfe-forum und leisten hilfe zur selbsthilfe und das erfordert dein mitwirken! wir kauen dir dein essen weder vor noch füttern wir dich damit du nur noch schlucken musst!

Frohes Fest!

Bandit

Zitat von synaptic

wir kauen dir dein essen weder vor noch füttern wir dich damit du nur noch schlucken musst!

Wie? Auch noch schlucken? Geht das nicht auch intravenös?

Sorry, musste sein.

menkee

Ja ist ja gut, versteh ja was ihr meint.
Ist halt einfach viel auf einmal gekommen. Da hab ich mal mit html lernen angefangen und schon benötigt mann CSS, dann hat man endlich mal was zusammen das einiger massen was ist und scho brauche ich PHP. Wäre für eine kleine Homepage etwas viel für den anfang. Aber du schreibst, ich müsse aus dem Inhalt eine php Datei machen. Ist denn der Inhalt nicht meine music.html die in den content reinkommt? Muss ich nun aus der html datei eine php datei erstellen?

synaptic

wenn du mit php arbeiten willst solltest du das schon tun, is besser, damit die includes funktionieren!

wenn du ohne php arbeiten willst musst du deine erste htmldatei nehmen- das template-
und diese datei so oft du sie brauchst kopieren und umbenennen, dann haste aber in jeder datei alles drin und wenn du was an der navi änderst musste des in allen seiten tun!

Tobse

Ich regel das immer so, wenn sich nur der Seiteninhalt ändert:
Ich hab ne output.php, in der steht der HTML code und da wo der content hingehört, ist
<?php echo $content; ?>
Und das wars. Dann würd eben über PHP oder iwie anders $content gefüllt und dann Included, ist imprinzip nix anderes wie n iframe, nur ncih so veraltet.

Bandit

Zitat von Tobse

Ich regel das immer so, wenn sich nur der Seiteninhalt ändert:

Blablabla! Tobse, synaptic hat schon geschrieben, wie man das richtig macht!

Tobse

Ist beides ne gute lösung, ich ind meine Auch übersichtlicher. Soll der entscheiden. Aber warum meckert jetzt schon wieder jemand?!? Ich wollte nurne Alternative bieten, die ich für besser halte. Genauso wie synaptiv das getan hat.

Bandit

Ich kenne auch noch andere Lösungen. Die Lösung von synaptic ist für Anfänger die leichteste Methode, deine Lösung versteht bei der Beschreibung kein Mensch und ist auch nicht wirklich übersichtlich.

Tobse

Gut, dann nehm ich das zurück. Er soll entscheiden, wie ers maht.

html mit css verknüpfen

Tags

Benutzer online in diesem Thema