Homepage ohne Frames erstellen

chillin-homer

Hallo.
Ich habe in der Schule die Aufgabe bekommen, eine Homepage zu erstellen. Dabei wollte ich aber ganz auf die Frame-tags verzichten, sofern das Möglich ist. Im Anhang habe ich die HTML- und die CSS- Datei beigelegt.
Meine Frage lautet:
Ist es möglich, dass im bereich 'Inahlt mittlere Spalte' der passende Inhalt zu dem Link erscheint, wenn ich darauf klicke?
Und Wenn Ja, mit welchem Befehl?

sejuma

Nein, wenn du ohne Frames arbeitest, wird jede Seite immer komplett geladen.
Siehe http://www.ohne-css.gehts-gar.net/0033.php

driver

vereinfachen kannst des ganze mittels php und dem befehl include.
da kannst dann z.b. eine menu.php erstellen in der die ganze navigation
abgebildet wird - diese kannst dann via include in jede seite einbinden.

chillin-homer

Zitat von driver

vereinfachen kannst des ganze mittels php und dem befehl include.
da kannst dann z.b. eine menu.php erstellen in der die ganze navigation
abgebildet wird - diese kannst dann via include in jede seite einbinden.

okay danke schonmal soweit..

ich guck mal ob ich das mit php hinkriege

thilda

Ansonsten könntest du einfach in jede Seite alles schreiben...
Was aber bei viel Inhalt drum herum ganz schön aufbläht.
Aber es ist halt erstmal die einfachste Lösung.

chillin-homer

gut möglich..
hab nur leider überhaupt keine ahnung von php

driver

für den include brauchst "nicht viel" php wissen. im prinzip kannste
des ganze mit framesets vergleichen. du brauchst eine seite mit menu,
diese bindest du mittels dem include ein.

unterschiede
- der quelltext wird richtig reinkopiert - also brauchste in den einzelnen ausgelagerten files kein grundgerüst
- nur teile wie menü, footer, header usw ausgliedern
- für jeden inhalt eine neue seite machen

chillin-homer

okay.. also ich hab hier ne datei mit dem menü... nenn ich die dann menu.htm oder menu.php ??
und dann auf der seite mit der tabelle mach ich dann den befehl <?php include(menu.htm) ?> oder wie?

driver

du kannst die datei auch menu.html nennen - damits übersichtlich is würd
ich allerdings diese auch php nennen. wichtig is aber, dass du alle dateien
in denen php-code vorkommt *.php nennst.

also die seite, in der du das include einfügst/schreibst, muss die endung php haben.

ps: php kann nicht lokal ausgeführt werden. um des ganze zu testen musst die
seite auf deinen webspace hochladen oder dir xampp installieren (freeware)

Bandit

Was zum Lesen:

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
http://de.selfhtml.org/
http://www.css4you.de/index.html

chillin-homer

hmm okay.. iwie raff ichs net.... naja trotzdem vielen dank für die hilfe

Bandit

Du gibst zu schnell auf. Nach ein paar Stunden sollte man nicht schon die Flinte ins Korn werfen.

chillin-homer

kann gut sein.. ich setz mich viel zu sehr unter druck, weil ich das ding freitag schon abgeben muss und noch kein plan über layout usw habe... ich schaus mir nochmal in ruhe an, wenn ich den rest fertig hab.. ich weiß ja jetz schonmal, dass ich den befehl

<?php include("menu.htm"): ?> nach ganz oben schreibe und dann darunter mit dem ganzen <html><head> usw kram anfange... aber was schreib ich dann an die stelle wo das menü auch wirklich erscheinen soll?

oder hab ich das jetz vollkommen falsch verstanden?

Bandit

Vom Prinzip her:
index.php

PHP

<?php
   $page = isset($_GET['page']) ? $_GET['page'] : "home";
 
   include ("header.inc.html");
 
   include ("menu.inc.html");
 
   switch ($page)
   {
       case "home"      : include ("./includes/home.inc.html");      break;
       case "kontakt"   : include ("./includes/kontakt.inc.html");   break;
       case "impressum" : include ("./includes/impressum.inc.html"); break;
       default          : include ("./includes/home.inc.html");      break;
   }
 
   include("footer.inc.html");
?>

Alles anzeigen

header.inc.htm

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- Hier Meta-Angaben einfuegen-->
<title>Ein Titel</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="main">
  <div class="logo"></div>

menu.inc.htm

Code

<div class="top_menu">
    <ul>
        <li style="display : inline;"><a href="index.php?page=home">Home</a></li>
        <li style="display : inline;"><a href="index.php?page=kontakt">Kontakt</a></li>
        <li style="display : inline;"><a href="index.php?page=impressum">Impressum</a></li>   
    </ul>
 </div>

home.inc.html, kontakt.inc.html, impressum.inc.html

Code

<div class="content">
  <p>
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor 
    invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et 
    accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata 
    sanctus est Lorem ipsum dolor sit amet.
  </p>
 </div>

footer.inc.html

Code

</div>
 </body>
 </html>

Das Layout musst du dir dann per CSS zusammenschrauben.

chillin-homer

sehr geil alles klar, danke. ich gucks mir mal an

Tags