Frage zu SSI und Unterseiten

[sols]

Hallo an alle.

Ich bin noch ganz neu und hoffe dass ich hier mit meiner Frage richtig bin.
Es geht um folgendes:

Ich habe wie üblich, im nav eine Startseite mit Unterseiten, was heißt, dass ich bisher bei jeder neuen Unterseite die ich dazufüge, oder bei jeder Änderung im nav-Bereich, diese Änderung auch auf jeder Seite bearbeiten muss.

Da jedoch die Unterseiten immer mehr werden, möchte ich diese nun mit SSI organisieren, so dass ich die Änderungen auf einer Seite durchführen kann und nicht jede Änderung oder jede Unterseite die ich neu hinzufüge, einzeln auf jeder Seite eintragen muss.

Ich habe nun die Anleitungen dazu durchgelesen, jedoch auf eine wichtige Frage habe ich leider keine Antwort gefunden, weshalb ich hoffe dass mir hier jemand weiterhelfen kann.

Es geht um folgendes:

Ich habe alle meine Seiten in Nav mit Hover Effekt, so dass sich die Farbe beim überfahren mit der Maus ändert und dass die Seite die dann gerade vom User angeklickt wird, schwarz angezeigt ist.

Also habe ich auf bei nav die Seite die jeweils vom User angeklickt wurde, ohne <a href … </a> angegeben,

Beispiel:

<ul >
<li><strong>Startseite</strong></li>
<li><a href="Übermich.htm">Über mich</a> </li>
<li><a href="meineHobbys">meine Hobbys</a> </li>
<li><a href="Freizeit.htm">Freizeit</a> </li>
</ul>

Beispiel:

<ul >
<li><a href="Startseite.htm">Startseite</a> </li>
<li><strong>Über mich</strong></li>
<li><a href="meineHobbys">meine Hobbys</a> </li>
<li><a href="Freizeit.htm">Freizeit</a> </li>
</ul>

usw.

Was auch alles ohne Probleme funktioniert.

Nur funktioniert das auch alles auch noch mit einer SSI Datei, wo ich ja dann alle Seiten in nav anspreche und nicht, wie bisher, auf jeder einzelnen Unterseite die gerade angezeigte Unterseite ohne <a href … </a> angebe? ?

Vielen Dank und viele Grüße

 

[patrick_l]

AW: Frage zu SSI und Unterseiten

Einfach die Navigation auslagern und mittels PHP inkludieren. Erst einmal alle Seiten als PHP abspeichern. Also index.html als index.php. Anschließend die Navigation auswählen, ausschneiden und in einem neuen PHP-Dokument ablegen.

Die ausgelagerte Navigation als inc_nav.php abspeichern. Jetzt nur noch in deiner index.php sowie allen anderen Seiten an der Stelle Navigation diese laden (innkludieren.). Dazu einen PHP-Block setzen.

inc_nav.php

<ul>
  <li><a href="#">page 1</a></li>
  <li><a href="#">page 2</a></li>
  <li><a href="#">page 3</a></li>
</ul>

index.php

<div id="wrapper">
  <nav>
     <?php include('inc_nav.php') ?>
  </nav>
</div>

Ausgegeben wird dann:

<div id="wrapper">
    <nav>
      <ul>
        <li><a href="#">page 1</a></li>
        <li><a href="#">page 2</a></li>
        <li><a href="#">page 3</a></li>
      </ul>
  </nav>
</div>

Jetzt musst du jede Änderung an der Navigation nur in der inc_nav.php festhalten. Also alles an einer zentralen Stelle. Dieses Weg spart Zeit und erleichtert einem das Anpassen. Auf die selbe Art können natürlich auch andere Elemente oder Bereiche ausgelagert werden.

Da PHP eine Server-seitige Programmiersprache ist, solltest du dir lokal eine entsprechende Serverumgebung einrichten. Das geht schnell und einfach mit XAMPP.

- XAMPP herunterladen und installieren
- Über das Control-Panel Apache starten
- Deine Website im XAMPP-Ordner unter htdocs ablegen
- Im Browser deine index.php über localhost/name-des-ordners/index.php aufrufen
Liebe Grüße, Patrick

 

[sols]

AW: Frage zu SSI und Unterseiten

Hallo Patrick.

Vielen Dank für deine ausführliche und detaillierte Antwort.
Ich werde versuchen, dass ich das so hinbekomme (bin Anfänger und habe mir erst html und css selbst beigebracht)

Ich wünsche dir noch einen schönen Abend.
Viele Grüße Sol

 

[cebito]

AW: Frage zu SSI und Unterseiten

Da jedoch die Unterseiten immer mehr werden...

...würde ich mir Gedanken machen ein CMS einzusetzen. Das erleichtert dir vor allem im Nachhinein die Pflege und evtl. Relaunches der Site.

 

[patrick_l]

AW: Frage zu SSI und Unterseiten

...würde ich mir Gedanken machen ein CMS einzusetzen. Das erleichtert dir vor allem im Nachhinein die Pflege und evtl. Relaunches der Site.

Kann mich dem nur anschließen. Bei »wachsenden« Content wäre ein CMS sicher der bessere (sinnvollere) Weg. Zumal alles so auch für dich als Betreiber der Website übersichtlicher bleibt.

Liebe Grüße, Patrick

 

[sols]

AW: Frage zu SSI und Unterseiten

Vielen Dank für den Tipp.
Von CMS hatte ich bisher noch nie etwas gehört und habe deshalb erst einmal im Internet nachgesucht was das ist und das hört sich sehr gut an.
Nur habe ich gelesen dass man dafür eine CMS System benötigt,

Zitat:
Viele CMS Systeme können in einer GNU/GPL Lizenz als Open Source Programme heruntergeladen werden. Die bekanntesten und professionel einsetzbaren sind hierbei Typo3, Word Press, speziell als Blogsystem, und Joomla. Alle 3 Systeme bieten durch die weltweite Comunity an Programmierern eine große Anzahl an zusätzlich integrierbaren Modulen und Komponenten, wie beispielweise Foren, Gästebücher, **********s etc. Es gibt aber noch eine Menge kleinerer, gut funktionierender CMS Systeme, welche in Ihrer Verwaltung nicht so umfangreich sind.

Könnt ihr mir sagen welches System für einen Anfänger das beste ist?

Noch eine Frage zu CMS und Php:

Wenn ich die ausgelagerte Navigation als inc_nav.php abspeichere und somit dann auf einer php Datei habe und nicht mehr auf jeder Unterseite, wie kann ich dann die einzelnen Seiten ansprechen?

Ich meine damit, dass ich ja bisher auf jeder einzelnen Unterseite die gerade angezeigte Unterseite ohne <a href … </a> angeben musste, damit die Farbe der Seite, die gerade aufgerufen ist, in Nav in einer anderen Farbe angezeigt wird, damit der User auch in Nav sieht, auf welcher Seite er sich gerade befindet.

Wie mache ich dass mit einer php Datei? :?:

 

[patrick_l]

AW: Frage zu SSI und Unterseiten

Nur habe ich gelesen dass man dafür eine CMS System benötigt,

CMS = Content Management System

Könnt ihr mir sagen welches System für einen Anfänger das beste ist?

Kann man sicher nicht pauschal sagen, da es auch auf den Anwender und dessen Wissen ankommt. Ich würde dir jetzt zu WordPress raten. Die Installation ist in 5 Minuten (und weniger) erledigt. Zudem ist das Backend (»Verwaltungsbereich«) recht übersichtlich und mit der neuen Version wurde auch das Erstellen von Menüs nochmal vereinfacht.

Wenn ich die ausgelagerte Navigation als inc_nav.php abspeichere und somit dann auf einer php Datei habe und nicht mehr auf jeder Unterseite, wie kann ich dann die einzelnen Seiten ansprechen?

Verstehe ich nicht ganz. Du hast die Navigation an einer zentralen Stelle. Alle Änderungen die du in der inc_nav.php machst, wirken sich auch auf die anderen Seiten aus. Bevor du dich aber weiter damit auseinandersetzt, solltest du dir erst einmal ausreichendes Grundlagenwissen zu HTML und CSS aneignen.

in Nav in einer anderen Farbe angezeigt wird, damit der User auch in Nav sieht, auf welcher Seite er sich gerade befindet.

Wie gesagt, eigne dir nötiges Grundlagenwissen an. Die Formatierung deiner Links werden dann einfach per CSS vorgenommen. Zum Lernen der einzelnen Sprachen, ein paar hilfreiche Links.

- HTML5-Handbuch - Webkompetenz
- Mozilla Developer Network | Lerne HTML, CSS & JS
- Einführung in XHTML, CSS & Webdesign (Michael Jendryschik)
- Little Boxes | Webseiten gestalten - HTML & CSS (Peter Müller)
- CSS 4 You - The Finest in Stylesheets

Liebe Grüße, Patrick

 

[sols]

AW: Frage zu SSI und Unterseiten

Vielen Dank, dann werde ich mit WordPress anfangen.

Vielen Dank für die Links, damit kann ich wieder mehr dazu lernen.
Ich habe schon ein Html und Css Video Seminar gemacht, aber dort wird gelernt das man bei der Html Seite die jeweilige Seite die gerade aufgerufen ist, ohne a href angeben muss, damit die Seite schwarz angezeigt wird.
Wenn ich die <a href an jede Seite setze, dann wird die aufgerufene Seite nicht in schwarz angezeigt, sondern wird im hover Effekt angezeigt.

Denn in Css werden - laut Seminar - nur die Effekte und Grafiken eingetragen und dort habe ich auch hover, Farbe, Grösse der nav etc. eingegeben, was auch alles gut funktioniert.
Aber da ich schon bemerkt habe, dass in den Seminaren oder Links, zwar immer die gleichen Grundregeln gezeigt werden, aber manche teilweise schon nicht mehr aktuell sind ( z.b früher html, jetzt html5 ) werde ich die Links die du mir geschickt hast, alle durchlesen, damit ich weiter lernen kann.

Nochmals vielen Dank und ich wünsche dir noch einen schönen Sonntagabend.

 

[patrick_l]

AW: Frage zu SSI und Unterseiten

[...]damit die Seite schwarz angezeigt wird.
Wenn ich die <a href an jede Seite setze, dann wird die aufgerufene Seite nicht in schwarz angezeigt, sondern wird im hover Effekt angezeigt.

Es gibt in CSS nicht nur die Pseudoklasse »hover«

- CSS: Selektoren und Pseudoklassen

Nochmals vielen Dank und ich wünsche dir noch einen schönen Sonntagabend.

Dir auch noch einen netten Abend wünsche.

Liebe Grüße, Patrick

 

[sols]

AW: Frage zu SSI und Unterseiten

Ich habe gerade deine Links durchgeschaut, und dort steht auch geschrieben:

Der ist noch nicht ganz perfekt: Eine Navigation sollte niemals einen Link auf sich selbst enthalten. Das bedeutet, wenn wir uns auf der Startseite befinden, sollte der Navigationspunkt »Startseite« nicht verlinkt sein, um Nutzern zu ersparen, dem Link zu folgen, um sich dann wundern zu müssen, dass sich offensichtlich nichts geändert hat. Das Element strong mit einer entsprechenden Anmerkung über das Universalattribut title ist hierbei das Element unserer Wahl.

<body>
<h1><img src="images/logo.png" alt="Kochbar" width="288" height="100" /></h1>

<ul>
<li><strong title="Hier befinden Sie sich gerade.">Startseite</strong></li>
<li><a href="ueber-uns.html">Kochbar</a></li>
<li><a href="speisekarte.html">Speisekarte</a></li>
<li><a href="oeffnungszeiten.html">Öffnungszeiten</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</body>

Listing 8.6: Navigationslinks sollten niemals auf sich selbst verweisen

Link:

Das ist genau das was ich gemeint habe, und deshalb auch meine Frage, wie das dann mit der php Datei funktioniert.