2013-04-21 9 views
6

Zacząłem tworzyć strony internetowe w zwykłym HTML. Mam nagłówek, główną treść i stopkę. Główna treść jest podzielona na dwie, lewą i prawą treść. Wszystko jest takie samo na wszystkich stronach, z wyjątkiem właściwej treści. Teraz mam około 15 stron. Jest to bardzo męczące, jeśli dokonam pewnych zmian na innych statycznych stronach (nagłówek, stopka i zawartość lewej strony), ponieważ muszę przejść przez wszystkie strony.Najlepsza praktyka tworzenia szablonu w HTML

Jaki jest najlepszy sposób utworzenia jednego pliku HTML dla każdego obszaru statycznego i jak zamierzam go zintegrować?

Odpowiedz

4

Istnieje kilka sposobów, aby to zrobić.

Jeśli pracujesz czysto z HTML, możesz użyć "Uwzględnij stronę serwera" - jest to znacznik, który pozwala ci załadować plik na stronę (patrz). Ktokolwiek hostuje twoją stronę internetową musi to wspierać.

<!--#include virtual="../quote.txt" --> 

Jeśli youe hostingowego zdarzyć używać PHP, można to zrobić za pomocą metody obejmują (patrz http://php.net/manual/en/function.include.php):

<?php include('path_to_file/file.htm');?> 

ta będzie zawierać plik w punkcie umieścić tag. Ale znowu, ktokolwiek hostuje twoją witrynę, musi to wspierać.

Są inne metody robienia tego, ale są to dwa, z których korzystam.

+0

Aktualnie buduję witrynę na mojej lokalnej maszynie za pomocą wampsera. Podjąłem kroki, aby to zrobić, ale to nie działa. Czy konieczna jest zmiana nazwy wszystkich plików na .shtml? Chcę zachować rozszerzenie html ze względu na starą stronę, która działa od lat i nie chcę marnować pamięci podręcznej Google. Dodałem to do konfiguracji apache wampira: 'AddType text/html .shtml Opcje + Zawiera AddOutputFilter ZAWIERA .shtml' –

+0

Jak to się dzieje ... Używam również serwera WAMP :) ' 'jest najłatwiejszą metodą, ponieważ PHP powinno być domyślnie włączone. W ten sposób nie ma potrzeby zmiany pliku konfiguracyjnego Apache. Nie musisz zmieniać rozszerzeń plików, jeśli używasz tego podejścia. – swshaun

10

Istnieją zasadniczo trzy miejsca, można to zrobić:

  1. w czasie kompilacji. Uruchom skrypt, który łączy strony i wysyła statyczny kod HTML. Następnie prześlij statyczny kod HTML na serwer. ttree jest świetny do tego. Możesz zawinąć skrypt w kompletnym systemie kompilacji, który łączy i minimalizuje twój CSS i JS, a następnie przesyła go na serwer. Jest to opcja, która wymaga najmniejszej troski o to, co obsługują klienci i serwery. Aktualizacja: w dzisiejszych czasach jest mnóstwo static site builders, które zawierają tę funkcję.
  2. W środowisku wykonawczym na serwerze. Może to być prosty , PHP include lub pełny system szablonów (z których jest wiele, w tym Template Toolkit i mustache), ewentualnie uruchomiony wewnątrz ram MVC (jak Catalyst lub Django). Jest to najczęstsze podejście, ma mniej czasu między dokonaniem zmiany a wprowadzeniem rezultatu życia, a następnie wykonaniem szablonu w czasie kompilacji.
  3. W czasie wykonywania na kliencie. To powoduje uzależnienie od JavaScript, więc nie polecałbym tego, chyba że masz już a server side solution.
+0

Miałem wygląd z ttree i innych szablonów narzędzi, ale wydaje się to skomplikowane. Używam wampserver w mojej lokalnej maszynie. używając czystego html. również po zmianie konfiguracji apache, aby zezwolić na 'include', ale to nie zadziałało. –

Powiązane problemy