Как с помощью CSS-фреймворка заменить фреймы в html сайте?

Question

[Николай]

Есть старенький сайт который разработан очень давно. Сделан довольно простенько и примитивно - три фрейма (шапка, боковое меню и последний фрейм куда подгружаются html странички). Сейчас потребовалось добавить подраздел в котором будет шапка с горизонтальным меню и под ним необходимо подгружать странички с контентом. Использовать фреймы как это было раннее крайне не хотелось бы, т.к. не особо разбираюсь в веб-разработке и верстке решил использовать CSS-фреймворк https://agat.github.com/css-framework/ , но вопрос касательно замены фреймов чем то "нормальным" остался открыт.
Желательна альтернатива, что бы легко можно было перенести контент в новом разделе (или раздел целиком) на новый сайт, возможно разработанный с помощью CMS или еще как.
Надеюсь, что человек сведущий уловит суть вопроса несмотря на ужасное изложение.

Comments

[Николай]

В результате должно получиться, что то вроде динамического сайта

[Ankhena]

Вот сюда посмотрите Gulp. Как правильно реализовать подключение хедера и футера из отдельных файлов?
Либо разбирайтесь с CMS и их шаблонизаторами.
А CSS фреймворки вообще не при чем.

[Николай]

Ankhena, понятно спасибо. Если делать на CMS то выходит на другом домене устанавливать, потом при переносе не возникнут проблемы (ну когда основной сайт потребуется перенести в CMS)?

[Ankhena]

Николай, Не поняла про идею смена домена? Зачем его менять?

[Николай]

Ankhena, я говорил про создание нового раздела с помощью CMS, без внесения существенных изменений в текущий статичный сайт.

[Ankhena]

Николай, сделайте новый раздел на поддомене.
Потом все перенесете на CMS и оставите старый домен.

Умнее, конечно, сразу делать хорошо, а не заплатничать.

[Николай]

Ankhena, понял спасибо. Думаю сделаю как Вы и посоветовали, размещу новый раздел на поддомене, а затем когда основной сайт буду переделывать перенесу все с поддомена или там и оставлю, надеюсь это не такой уж и косяк.

[Ankhena]

Николай, нет, в результате все должно оказаться на основном домене

[Николай]

Ankhena, тогда займусь переносом основного сайта на CMS и созданием нового раздела. Раньше работал с Joomla!, но уже все забыл, как считаете какая CMS удобнее для создания адаптивного сайта с разнообразным контентом? Не хотелось бы под конец работы осознать, что ошибся с выбором CMS.

[Ankhena]

Joomla не в тренде, в тренде wordpress.

какая CMS удобнее для создания адаптивного сайта с разнообразным контентом?

Адаптивность сайта не имеет отношения к системе управления.

Не хотелось бы под конец работы осознать, что ошибся с выбором CMS.

Значит надо внимательно читать документацию, обзоры и тестировать перед тем как что-то делать окончательно.

[Николай]

Ankhena, спасибо, что помогли и разъяснили вопросы не относящиеся к основной теме напрямую. Буду разрабатывать сайт с помощью CMS wordpress.

Answer 1

[Александр]

agat.github.com/css-framework Может не туда смотрел = Latest commit effc9b4 on 13 Jul 2012

Для быстрого старта = Bootstrap, UIKit, .... и тд....
Они удобны для общего развития и быстрой верстке, но не всегда хватает - приходиться допиливать. И чем больше допиливаешь тем понимаешь что остается от них 1% - остальное свое.
Bootstrap вроде ко многим CMS цепляется.

Comments

[Николай]

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

[Александр]

Для уточнения проблемы...
У тебя сайт построен на фреймах, например, нажимаем на ссылку в боковом окне и в основной фрейм погружается требуемый контент. Правильно я понял? Надеюсь :)
Ответ: НЕТ.... почти.
css-framework - это шаблон, сетка, маска - на которую ты натягиваешь свой сайт. Ты определяешь общий стиль, как в ворде: заголовков, кнопок, текста, ссылок, шрифт, отступы, колонки. Так с фреймами не сделать, они контент не меняют. НО CMS вместе это будет работать.
С CMS надо работу разбить на 2-е части (для простоты):
1) Шаблон с css-framework
2) Структуру наполнения сайта
т.е
1) в CMS создаешь страницу копируешь контент из основного фрейма (очень надеюсь что там ничего переделывать не надо будет)
2) в CMS создаешь ссылку на созданную страницу и интегрируешь в верхнем меню или в боковом меню (там где хочешь)
И так со всеми страницами. Тут и срабатывает css-framework + CMS: Четкая структура ссылок и контента. Нажали там ссылку - контент поменялся.

[Александр]

Дополнение к выделенному почти
Можно ручками статический сайт (без CMS) сделать из одного index.html используя css-framework. Например, UIKit: Accordion, Switcher, Tab. Их свойство отображать нужный контент (DIV). НО ЭТО ИЗВРАЩЕНИЕ. )))

[Николай]

1)

У тебя сайт построен на фреймах, например, нажимаем на ссылку в боковом окне и в основной фрейм погружается требуемый контент. Правильно я понял?

Да все верно. Добавлять контент не сложно (как в общем то и в CMS), но с учетом современных потребностей недостатков у такой реализации очень много.

2)

Можно ручками статический сайт (без CMS) сделать из одного index.html используя css-framework.

Выходит, что общие элементы такие как меню, баннеры, счетчик и прочее надо будет вставлять в код каждой страницы? Или я неверно понял?

3)

Например, UIKit: Accordion, Switcher, Tab. Их свойство отображать нужный контент (DIV). НО ЭТО ИЗВРАЩЕНИЕ.

Не совсем понял почему это извращение (возможно потому, что не понял о чем Вы).

4) Еще уточню возможно ли без CMS и аналогов PHP сделать index.html с шапкой раздела и меню который будет подгружать контент из page1.html, page2.html, page3.html и т.д. по нажатию на пункты меню и ссылки на самих подгружаемых страничек(естественно без фреймов)? Подозреваю, что вопрос может быть связан с 3 пунктом...

[Александр]

У меня паранойя на это =

подгружать контент из page1.html, page2.html, page3.html

Потому что без контроля со стороны сервера (PHP) придется подгружать средствами javascript со стороны клиента. Клиент сможет подменить page1.html на \etc\***** (это так для понимания). Система безопасности будет постоянно на прицеле.
1) Придется изучать Javascript c его DOM объектами (JQUERY) и программировать.
2)

Выходит, что общие элементы такие как меню, баннеры, счетчик и прочее надо будет вставлять в код каждой страницы? Или я неверно понял?

. А каждой страницы не будет. Будет Одна = index.html. И размер его будет равен сумме всех html файлов. Вот я назвал это извращением. Если надо что то поправить будешь править в файле из 20000 строк.
3) ИЛИ все таки попробовать методами javascript подгружать page1.html, page2.html, page3.html.

[Николай]

Александр, как все не просто. Можете подсказать насчет:

Если делать на CMS то выходит на другом домене устанавливать, потом при переносе не возникнут проблемы (ну когда основной сайт потребуется перенести в CMS)?

[Александр]

Хотел бы сказать, что проблем не будет, но не могу :)
1) Берем CMS (CRM,MVC). Находим там кнопку ... резервной копии (backup). Если есть кнопка переноса - вообще замечательно. И переносишь. Только CMS не все и не всегда переносятся нормально. Иногда помогают "Танцы с бубном" (Шаманство) с системой. С одной стороны переносится без проблем но исключения бывают.
Выбирая CMS проверь возможность переноса на другой домен и ошибки связанные с этим действием.
2) Если я правильно понял сайт статичный. но много страниц. Ставишь CMS на локальный компьютер. Переносишь все страницы в CMS. CMS создает нтмл файлы. А потом wget скачиваешь сайт в отдельную папку. Содержимое которой и скидываешь на веб сервер. Знание языков программирование не надо. Только подобрать шаблон к CMS, те внешний вид.
3) для загрузки мозга. https://bitnami.com/stacks. Большое количество установщиков на windows CMS и всякого мусора.

[Николай]

Александр, можно как во 2 пункте сделать? Давно сталкивался с CMS они кажется работают с БД или есть инструменты позволяющие экспортировать такой сайт в статичный?
Вообще переносить сайт с большим количеством контента на CMS не особо хочется, уж больно много проблем возникает при работе с такими ресурсами при обновлении, добавлении и удалении плагинов и пр. хотя сейчас возможно дела обстоят лучше.

[Александр]

Николай,

можно как во 2 пункте сделать?

Да. Можно. Но надо бы проверить CMS. А вдруг там асинхронная приблуда которая вызывает php-страницу, которая меняет только часть HTML страницы. Тут может не сработать.

Давно сталкивался с CMS они кажется работают с БД

99% требуют БД. Которые не требуют - кривые (не нравятся). Поэтому дал ссылку в предыдущем комментарии. Посмотреть что в мире есть :)

есть инструменты позволяющие экспортировать такой сайт в статичный?

Команда wget.