Wie man das gleiche Layout für alle Webseiten macht

Question

Ich arbeite gerade an HTML Ich möchte eine Frage über Website-Entwicklung stellen. Ich entwickle eine Website, in der das grundlegende Layout gleich bleibt wie Menü, Seitenmenü usw., aber nur der Inhalt changes.Zurzeit habe ich separate .html-Datei für alle Webseiten. Kann mir jemand sagen, dass es eine Möglichkeit gibt, durch die ich eine separate Datei machen kann, die allen gemeinsam ist und sie in meiner HTML-Datei aufruft. Ich habe von CSS gehört, aber nur den Stil und das Layout ändern. Dank

Answer 1

Ihre beste Wette auf lange Sicht ist eine serverseitige Sprache wie ASP.net oder PHP verwenden

Answer 2

Ich glaube nicht, dass möglich ist, streng durch HTML. Sie können jedoch serverseitiges Scripting wie PHP verwenden, um es zu erledigen. Worüber du sprichst, ist eine Vorlage, die oft verwendet wird. Was Sie möchten, ist, Ihre Menüelemente (und CSS) und Ihren Kopf-/Fußzeilencode in separaten Seiten zu haben. Auf diese Weise würden Sie, wenn Sie Änderungen an dem Menü oder der Kopf-/Fußzeile vornehmen, dies auf allen Seiten (mit PHP geschrieben) tun, die Sie mit der Vorlagenmethode gescriptet haben.

Sie würden die menu.html, header.html und footer.html an einem Ort benötigen, auf den Sie über Ihren Hauptseitencode zugreifen können. Das heißt, Sie verwenden die Vorlagenmethode, um den Inhalt Ihrer Seiten zu schreiben.

Ein Pseudo-Code Beispiel in PHP würde wie so sein:

<?php 
    include('header.html'); 
    include('menu.html'); 

    echo "Your main content items here"; 

    include('footer.html'); 
?> 

Answer 3

Das ist sehr großes Thema in nur eine Antwort aufzunehmen. SO werde ich nur den logischen Teil geben.

Separate Ihre Vorlage in mehrere Stücke wie:

1. header.php 
2. leftSidebar.php 
4. rightsidebar.php 
5. footer.php 

Nun sind diese gemeinsamen Teil auf jeder Seite.

Zum Beispiel: index.php

<?php 

    include "header.php"; 
    include "leftSidebar.php"; 
    echo "<div>".$thedifferentpart."</div>"; //Change only this part on every other page you will create. 
    include "footer.php"; 

?> 

_{HINWEIS: Dies ist nur ein logischer Teil, Anwendung des Konzepts auf Ihren Code}

Answer 4

Wenn Ihr HTTP (apache 2 und IIS tun) -Server Unterstützt Server Side Includes dann können Sie einfach eine andere HTML-Datei einfügen:

keine Notwendigkeit für eine serverseitige Sprache dann - einfach nur HTML

Answer 5

Ja, Ihre beste Wette ist eine serverseitige Sprache, wie sagte Adam. Vermeiden Sie unbedingt die alten HTML-Frames: Sie sind veraltet und verursachen eine gewisse Anzahl von Problemen, sowohl auf der Programmierseite als auch bei der Google-Optimierung.

Wenn Sie eine serverseitige Sprache verwenden, haben Sie immer noch ganze Seiten, aber sie werden teilweise durch PHP (oder ASP) erzeugt, indem Sie mehrere Dateien in eine drucken. Zum Beispiel:

http://www.php.net/manual/en/function.include.php

Bye!