Как сделать одинаковый макет для всех веб-страниц - PullRequest
8 голосов
/ 26 марта 2012

В настоящее время я работаю над HTML. Я хочу задать вопрос о разработке веб-сайта. Я занимаюсь разработкой веб-сайта, на котором основной макет остается таким же, как меню, боковое меню и т. Д., Но меняются только содержимое. В настоящее время я делаю отдельный .html файл для всех веб-страниц. Может кто-нибудь сказать мне, есть ли способ, с помощью которого я могу сделать отдельный файл, имеющий общие для всех и т. Д., И назвать его в моем HTML-файле. Я слышал о CSS, но это только изменит стиль и макет. спасибо

Ответы [ 5 ]

13 голосов
/ 26 марта 2012

Если ваш сервер HTTP ( apache 2 и IIS do) поддерживает Включение на стороне сервера , тогда вы можете просто включить другой файл HTML:

<!--#include file="header.html"-->

your content

<!--#include file="footer.html"-->

тогда не требуется язык на стороне сервера - просто обычный HTML

4 голосов
/ 26 марта 2012

Это очень большая тема, чтобы включить в один ответ.Поэтому я приведу только логическую часть.

Разделите шаблон на несколько частей, например:

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

Теперь добавьте эту общую часть на каждую страницу.

Например: 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";

?>

ПРИМЕЧАНИЕ: Это только логическая часть, применяющая концепцию к вашемукод

1 голос
/ 26 марта 2012

Да, как сказал Адам, лучше всего выбирать язык на стороне сервера. Абсолютно избегайте использования html-фреймов старого стиля: они устарели и вызывают определенное количество проблем как на стороне программирования, так и при оптимизации Google.

Используя язык на стороне сервера, вы все равно будете иметь целые страницы, но они будут частично сгенерированы php (или asp) путем печати большего количества файлов на одной. Например:

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

Bye!

0 голосов
/ 26 марта 2012

Я не верю, что это возможно, строго через HTML.Тем не менее, вы можете использовать сценарии на стороне сервера, такие как PHP, чтобы сделать это.Вы говорите о шаблоне , и он используется довольно часто.То, что вы хотели бы, чтобы ваши пункты меню (и CSS) и ваш код верхнего / нижнего колонтитула на отдельных страницах.Таким образом, если вы внесете изменения в меню или верхний / нижний колонтитул, это будет отражено на всех страницах (написанных на PHP), которые вы написали с помощью метода шаблона.

Вам понадобятся menu.html, header.html и footer.html в месте, доступном для кода вашей главной страницы.То есть вы будете использовать метод шаблона для записи содержимого ваших страниц.

Пример кода psuedo в PHP будет выглядеть так:

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

    echo "Your main content items here";

   include('footer.html');
?>
0 голосов
/ 26 марта 2012

Лучше всего в долгосрочной перспективе использовать серверный язык, такой как ASP.net или PHP

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...