Создаем шаблон многостраничного сайта. Инклуды. | uCoz
   

Создаем шаблон многостраничного сайта. Инклуды.

Главная » Уроки » Создание сайтов

Корневая папка сайта может содержать как один файл, к примеру, index.html, так и несколько файлов. Все зависит от величины проекта. Если на сайте необходимо сделать большое количество страниц, здесь не обойтись без инклудов. Они предназначены для разбиения страницы сайта на несколько частей. Обычно это:

Создаем шаблон многостраничного сайта. Инклуды.

  1. шапка сайта (header)
  2. меню (menu)
  3. собственно сама информация (index)
  4. нижняя часть сайта (footer)

Имена и названия можно менять, но суть останется прежней: страница разделяется на несколько составляющих. Когда проект одностраничный, смысла в этом мало, но большому сайту это жизненно необходимо. В противном случае, если в меню добавить еще одну кнопку, ради нее придется переделать все страницы сайта вместо того, чтобы просто подкорректировать меню в отдельно созданном файле.

Разберем два типа инклудов, для html и php, они работают идентично, но предназначены разным языкам программирования.

Соединяем html-страницы с инклудами

1. В корневой папке сайта (она у вас пуста) создаем ряд файлов:

  • index.html – главная страница сайта
  • header.html – шапка сайта
  • menu.html – меню
  • footer.html – нижняя часть
  • .htaccess – файл, дающий команду адекватно работать инклудам (не имеет имени, только расширение)

2. Открываем .htaccess и записываем:

AddHandler server-parsed .shtml .shtm .htm .html

Сохраняем.

Если вы устали от этого процесса, сделайте небольшой перерыв, начав играть в игры гонки. Я люблю это делать на сайте www.playman.com.ua.

3. Открываем index.html – файл будет выступать страницей, которая отобразит все включенные в неё инклуды.

Записываем:

<!--#include virtual="header.html"-->
<!--#include virtual="menu.html"-->
Моя первая страница с инклудами на html
<!--#include virtual="footer.html"-->

Сохраняем.

При добавлении страницы, создаем новый файл, например, page1.html и добавляем такую же запись, как в index.html.

Соединяем php-страницы с инклудами

1. В корневой папке сайта (она у вас пуста) создаем ряд файлов:

  • index.php – главная страница сайта
  • header.inc – шапка сайта
  • menu.inc – меню
  • footer.inc – нижняя часть

2. Открываем index.php и сразу же добавляем в неё страницы:

<?
include ("header.inc");
?>
<?
include ("menu.inc");
?>
Моя первая страница с инклудами на php
<?
include ("footer.inc");
?>

Сохраняем.


Добавляя новые страницы, помните о добавлении инклудов.

Многие функции сайта мы не сможем увидеть со стороны пользователя. На какие фрагменты разбиты страницы других ресурсов – это загадка.

Категория: Создание сайтов; Урок сделан: 12.01.2013; Просмотров : 1940; Рейтинг : 0.0/0;
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Задать вопрос

Вы можете задать свой вопрос, соответствующий тематике сайта.

Задумался?

Задать свой вопрос

Вход


Здравствуйте, Гость!


Copyright © 2010-2016 Pro100uCoz.ru