Перейти к содержимому

Фотография
- - - - -

Единый блок на всех страницах html


  • Вы не можете создать новую тему
  • Закрытая тема Тема закрыта
Сообщений в теме: 3

#1 2f1ng3r

2f1ng3r

    Прохожий

    Топикстартер
  • Новичок
  • 0
    4 сообщ.

Отправлено 04 Апрель 2017 в 14:57

Приветствую всех. Я делаю сайт с нуля с простой версткой html+css. У меня на всех страницах имеются одинаковые блоки , например боковое меню и футер. Появилась необходимость заменить на всех страницах эти блоки ссылками на эти блоки в отдельных файлах. 

Подскажите, какие есть варианты реализации данного вопроса и как лучше это сделать.

Сайт без CMS


  • 0

Спонсор

#2 Volly

Volly

    Увлеченный

  • Участник
  • 110
    546 сообщ.

Отправлено 04 Апрель 2017 в 16:45

Создать нужные блоки и сохранить их в отдельные файлы.

Из готовых html-страниц вырезать такие блоки и на их место вставить код-команды для подключения блоков из отдельного файла.

Код-команды могут быть на языке ssi, или php, или других серверных языках или на клиентском javascript.


  • 1

#3 2f1ng3r

2f1ng3r

    Прохожий

    Топикстартер
  • Новичок
  • 0
    4 сообщ.

Отправлено 05 Апрель 2017 в 00:44


на клиентском javascript.
Вот здесь можно подробнее? Я пробовал сделать вставкой Ява скрипта, но он почему то не срабатывает...
  • 0

#4 BaNru

BaNru

    Пацифизжу

  • суперМодератор
  • 1007
    3 642 сообщ.

Отправлено 05 Апрель 2017 в 01:39

1) Не на JS. Раньше для этого активно использовали фреймы
2) Когда я только тоже начал изучать HTML и делал свой первый сайт - я задавался подобным вопросом и сделал свой примитивный шаблонизатор как раз на JS (давно уже писал об этом).
Для этого выносим весь код шаблонный в JS файлы (в переменные), а потом просто вставляем их в нужных местах через document.write
Как это работает и сам код можно посмотреть на моём первом сайте

Думаю начать стоит с одного из этих двух пунктов. Потом изучить следующие
 
3) Загружать только главную страницу, а потом аяксом осущевстлять загрузку и переходы (см. 5 пункт старую версию статьи)
4) Аналогичный второму и третьему способ, только подгружать аяксом шаблоны и вставлять.
5) Просто почитать тут (старую версию статьи тоже можно посмотреть) и понять, что ничего не понял и вернуться к первым двум пунктам
6) загуглить "JS шаблонизатор", может быть найдешь готовый, который покажется тебе легким в освоении.
 
7) Самое адекватное и лучшее: воспользоваться серверной стороной. Это кажется сложнее, но на самом деле легче всех способов. Лучше PHP, поставить несложно и недолго, всё равно потом придётся. И просто воспользоваться include. Можно воспользоваться и другими, например NODE JS, и использовать подобное на JS, но это сложнее, хотя более модно.


  • 1



Похожие темы Свернуть

Статистика

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 скрытых пользователей