Es scheint, dass ich bei der Erstellung der Website ein wenig veraltet bin.
Vor einigen Jahren habe ich gelernt, einfache Websites mit Frames zu erstellen.
Diese Lösung wird jedoch von w3school.com abgeraten und Frames werden in zukünftigen HTML-Versionen nicht mehr unterstützt.
Was sind die einfachen Ersetzungen?
Kurz: Wie erstellt man heutzutage eine gut aussehende (Frame-ähnliche) Website?
Allgemein gesprochen:
CSS . Es gibt zahlreiche Techniken zum Verlegen von Inhalten (abhängig von der gewünschten Wirkung, Heiliger Gral ist ein allgemeiner Wunsch).
Die overflow -Eigenschaften bearbeiten Scroll-Unterabschnitte von Seiten, obwohl Designer wer denkt, dass es eine gute Idee ist, ein Menü zu verwenden, das ständig den Bildschirmraum ausnutzt , ist in der Regel falsch.
(z. B. Dinge wie Grundstruktur, Navigationsmenüs usw. auf jeder Seite setzen, ohne sie zu kopieren / einzufügen)
Ein Vorlagensystem (oder ein Include-System), das entweder auf der Serverseite (am häufigsten) oder zur Build-Zeit läuft (die HTTP-Server unterstützen kann, die nur statische Dateien zulassen).
Die Sprache, in der dies implementiert wird, ist irrelevant, PHP ist so verbreitet wie Mist, Java ist eine Option, ich tendiere zu Perl (und genauer: Template Toolkit ), es gibt viele andere. JavaScript wird für diese Art von Job immer beliebter. Tools wie assembly werden verfügbar.
Verwenden Sie eine Suchmaschine, um beliebte Vorlagensprachen zu finden oder fügen Sie Systeme für Ihre bevorzugte Programmiersprache hinzu.
JavaScript, normalerweise mit dem Objekt XMLHttpRequest (die Technik ist bekannt als Ajax) und (wenn Sie ernsthafte Inhaltsänderungen vornehmen) in Kombination mit die History-API (damit Lesezeichen und Links weiterhin funktionieren). Github sind ein gutes Beispiel dafür . Es gibt verschiedene Frameworks wie Angular , die versuchen, die Dinge zu vereinfachen. Hinweis eingeschränkte Browserunterstützung und all die anderen Dinge, die JS dazu veranlassen können, Dateien zu erstellen, verwenden gute Designprinzipien unerlässlich . Ein Ansatz, um diese Dinge robust zu machen, besteht darin, Isomorphic JS zu schreiben.
Verwenden Sie CSS-Positionierung , um eine frameähnliche Benutzeroberfläche zu erstellen, und AJAX , um den Inhalt eines Containers zu ändern. Sie können JavaScript-Frameworks wie jQuery , Prototyp oder MooTools , um AJAX-Anfragen zu bearbeiten.
Wenn Sie jedoch Inhalte aus einer anderen Domäne hinzufügen möchten, müssen Sie <iframe> verwenden, da AJAX einer gleichen Herkunftsrichtlinie folgt .
Wenn du DRY schreiben willst (wiederhole dich nicht), kannst du ein Template-System verwenden (PHP, Ruby, Pearl, Python - und natürlich ein Framework für diese Sprachen).