Eine modulare Website erstellen

January 15

Eine modulare Website erstellen

Die Zeit beansprucht, Gestaltung und Pflege, dass HTML-Websites im Verhältnis zur Anzahl der Seiten erstellt, erhöht, weil Ihre Navigationslinks auch ändern kann. Als Alternative zu jeder Seite ändern eine modularer Technik Effizienzsteigerung durch Wiederverwendung von Code und ermöglicht gleichzeitige Updates für bestimmte Bereiche der Seiten. Dies ist möglich durch die Verwendung von serverseitigen Skriptsprachen wie PHP, ASP und Datenbank Servern unterstützt. Diese Technologien können Sie eine modulare Website in Verbindung mit einem WYSIWYG (was Sie sehen ist What You Get) Editor in Ihre Web-Entwicklung-Software erstellen.

Anweisungen

1 Erstellen Sie ein Drahtmodell (hierarchische Navigationsstruktur) aller Seiten in Ihrer Site und die Bezeichnung, wie sie miteinander verbinden werden.

2 Erstellen von PHP-include-Dateien. In diesem Beispiel wird Ihre Seite haben drei unterschiedliche Bereiche, im oberen Menü, den Körper des Dokuments und dem unteren Menü. Diese Methode ermöglichen schneller, dass die Seite auf dem Computer des Besuchers als andere Seiten geladen wo die Menüs jedes Mal geladen werden muss.

3 Öffnen Sie Ihr Web-Entwicklungs-Tool. Erstellen Sie eine neue PHP-Seite (oder verwenden Sie eine bevorzugte Vorlagenseite) werden Ihrer Menüseite. Finden Sie Ihr Drahtmodell zu behalten Ihre Seitennamen. Geben Sie die Namen aller Seiten, die Sie in Ihrer Website am oberen Rand der Seite zu verknüpfen, in horizontaler Weise möchten. Zum Beispiel: home, über uns, Links, Kontakt, etc.. Markieren Sie das Wort für jede Seitennamen und wählen Sie die Schaltfläche "Hyperlink". Geben Sie die entsprechende Adresse Speicherort und sicherstellen Sie, dass der Dateiname mit .php (home.php endet). Wiederholen Sie die Schritte für jedes Wort, dann speichern Sie die Datei header.php. Wenn Sie möchten Ihre Website in ein anderes Menü am unteren Rand der Seite enthalten, während der Name der Datei noch geöffnet ist, speichern Sie ein weiteres Exemplar als footer.php. Es wird empfohlen, zwei unterschiedliche Dateinamen für diese Menüs zu vermeiden-Fehlermeldungen erhalten haben.

4 Erstellen Sie die tatsächlichen Seiten Ihrer Website durch Öffnen einer Seite oder Auswahl einer Vorlage. Ihre Seite enthält drei Elemente: ein Top-Menü (Link zu Ihrer Seite header.php), der Körper des Textes für die Homepage und das untere Menü (Link zu Ihrer Seite footer.php). An der Spitze Ihrer Seite Einfügen eines PHP-include-Tag. Wenn Ihre Web-Entwicklungs-Tool eine bestimmte Include-Tags nicht hat, dann musst du einige kleinere Programmierung zu tun. Es ist nicht kompliziert; einfach die Schalter in der Quellcode-Editor sowie zwischen < Körper > Stichworte Typ: <? Php include("header.php");? >. Wechseln Sie zurück zu Ihrem WYSIWYG-Editor und geben Sie den Text für die Homepage. Wenn fertig, legen Sie ein weiteres PHP include-Tag am Ende, oder wechseln Sie zurück zum Quellcode-Editor und geben <? Php include("footer.php");? >. Speichern Sie Ihre Homepage als index.php und stellen Sie sicher, dass alle Dateien im gleichen Verzeichnis.

5 Wiederholen Sie die gleichen Schritte, oder alternativ speichern Sie die Homepage-Datei als Vorlage und löschen Sie einfach den Text im Body-Bereich Ihrer Seite. Wenn Sie eine gekaufte Web-Entwicklungs-Tool und offline arbeiten, laden Sie die Änderungen auf Ihrem Server um die Ergebnisse anzuzeigen. Weitere Extras/Funktionen möglicherweise vorhanden, um weiter Ihre Seiten je nach dem Webentwicklungstool anzupassen, die Sie verwenden. Herzlichen Glückwunsch, haben Sie nur eine modulare Website aufgebaut.

Tipps & Warnungen

  • Ein CMS (Content Management System), oft in Form von Online-Software angeboten wird in der Regel gepaart mit den Server als Dienst und arbeiten gut zusammen mit in der Regel arbeitet. Technische Unterstützung und Entwicklung Informationen könnte schwierig zu finden sein. Web-Entwicklung-Software wird in der Regel gut bei technischen Problemen unterstützt, aber Ihre Software mit einem kompatiblen Server koppeln kann schwierig sein.
  • Welcher Webentwicklungssoftware Sie wählen, stellen Sie sicher, es wird gut vor Ihrer Entscheidung unterstützt.