• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Inhalt und Design trennen?

Status
Für weitere Antworten geschlossen.

TraveXaS

Neues Mitglied
hi,

ich würde gerne mein Design (CSS) und meinen Inhalt trennen. Was ist da eine "profesionele" Lösung? Also meine Navi hab ich ja im div mit phpinclue eingebunden. geht das mit dem Inhalt auch?

also das ich ne html-datei hab wo nur der Text und desen Formatierungen drinsind und ich diese auf ner Hauptseite einbinde, und wenn man nen Link klickt soll sich nur der Inhalt ändern...geht das?

Frames und Tabellen möchte ich nicht, welche Lösung schlagt ihr vor? XML mag ich auch nicht...
 
Ja, das was du mit der Navi gemacht hast geht natürlich auch mit den Inhalten. Werfe doch dazu mal einen Blick in die FAQ im PHP-Forum, da stehen ein paar Wege beschrieben, wie man soetwas lösen kann.
 
also ich hab eigentlcih keine Plan von PHP und verstehe das FAQ leider nicht.

Also wenn ich den Inhalt mit Switch einbinde und die NAvi mit include() dann ändert sich nur der Inhalt? Also so hab ich das verstanden...(und das Switch in die div vom inhalt oder?
 
Es ändert sich dann immer nur der Inhaltsbereich, je nachdem, welchen Link in der Navigation du aufrufst. Die Navigation kannst du genau so lassen, wie sie jetzt auch eingebunden ist. Der PHP-Code aus der FAQ kommt da hin, wo jetzt dein Inhalt ist - an genau diese Stelle werden dann deine Inhalte geladen.
 
so,

ich hab jetzt das in meinen Inhalts-div eingefügt und angepasst:

Code:
   <?php
switch ($_GET['datei']) {
    case "kontakt":
        include 'kubuntu.html';
        break;
    case "news":
        include 'ircbot.html';
        break;
    // ... und so weiter

    // die standard datei
    default:
        include 'home.html';
}
?>


nur was muss ich bei 'datei' angeben? und die Standartdatei is doch richtig oder?

::TraveXaS' Web::

irgendwas passt da noch nicht....;ugl

kann mir jemand sagen was ich falsch gemacht habe?
 
Zuletzt bearbeitet von einem Moderator:
Du kannst statt Kontakt und News schon andere Worte schreiben, wenn du auf die Kontaktseite verlinkst und dann was zu Kubuntu kommt blickt doch keiner mehr durch...

Hast du das ganze überhaupt schon hochgeladen?
 
habe jetzt wieder die alte Version hochgeladen, mei aktueller code sieht so aus:

index.php:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>::TraveXaS' Web::</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

<div id=top>
<div id=navigation>
<?php include("top.php"); ?>
</div>
</div>
<div id=middle>&nbsp;
<div id=contents>

   <?php
switch ($_GET['datei']) {
    case "kubuntu":
        include 'kubuntu.php';
        break;
    case "ircbot":
        include 'ircbot.php';
        break;
    // ... und so weiter

    // die standard datei
    default:
        include 'home.php';
}
?> 

</div>
&nbsp;</div>
<div id=footer>
</div>
</body>

</html>

mein top.php:

Code:
<style type="text/css">
<!--
#navlist li {
font-size:14pt;
font-weight:bold;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited {
color: lightblue;
}

#navlist a:hover {
color:yellow;
}
-->
</style>


<body bgcolor="black">
<br><br><br><br><br>
<center>
    <ul id="navlist">

    <li><a href="index.php?case=home" target="_self">&nbsp; Home &nbsp;</a></li>
        <li><a href="index.php?case=kubuntu" target="_self">(K)ubuntu</a></li>
    <li><a href="index.php?case=ircbot" target="_self">&nbsp; IRC-Bot &nbsp;</a></li>
    <li><a href="#">&nbsp; Links &nbsp;</a></li>
    <li><a href="#"> Kontakt </a></li>
    </ul>
</center>

und dann hab ich eben noch die Seiten mit dem Inhalt also z.B. home.html; da ist nur der Text mit seinen Foramtierungne drinnen...aber wenn ich die hochlade und dann z.B. auf den Link "(K)ubuntu" klicke wird nur kubuntu.php angezeigt, ich möchte aber das der Inhalt in dem Design und den divs von index.php erscheint...hoffe ihr wisst was ich meine.

PS: Hab wieder meine alte (funktionierente) HP hochgeladen...hat also nicht mit dem hier zu tun...
 
index.php?case=home
Aus dem case musst du datei machen, wenn du deinen Code so lässt. Oder du änderst es in deinem PHP-Code um.

Und schau dir auch sonstmal deine Codes an... Der Style-Teil aus der top.php kommt in die CSS-Datei mit rein oder in den Head-Bereich der index.php rein.
Code:
<div id=contents>
Hier fehlen die Anführungszeichen:
Code:
<div id="contents">
 
Dein Code:

PHP:
<?php
switch ($_GET['datei']) {
    case "kubuntu":
        include 'kubuntu.php';
        break;
    case "ircbot":
        include 'ircbot.php';
        break;
    // ... und so weiter

    // die standard datei
    default:
        include 'home.php';
}
?>

Hier musst du deine Links mit index.php?datei=kubuntu (bsp.) aufrufen. Wenn du index.php?case=kubuntu schreiben willst musst du auch deinen Code ändern:

PHP:
<?php
switch ($_GET['case']) {
    case "kubuntu":
        include 'kubuntu.php';
        break;
    case "ircbot":
        include 'ircbot.php';
        break;
    // ... und so weiter

    // die standard datei
    default:
        include 'home.php';
}
?>
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben