Верстка многостраничных сайтов. Хелп

Ruby BOOM · 30-05-2017, 16:29:41

Я изредка подрабатываю на биржах фриланса верстальщиком. Я самоучка и многих вещей не понимаю и не знаю где искать ответы.
Поэтому решил спросить у более опытных верстальщиков.

Как верстать многостраничные сайты?

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

Если конкретизировать вопрос, то:
Такие секции, как хедер и футер, не буду же я копировать вручную на каждую страницу?
Должен быть способ, как это автоматизировать. ЧТобы можно было внести изменение один раз в хедере и на всех страницах все поменялось.

Сразу скажу, что ПХП я не знаю.

Coder · 30-05-2017, 16:54:52

Цитата: Ruby BOOM от 30-05-2017, 16:29:41ЧТобы можно было внести изменение один раз в хедере и на всех страницах все поменялось.

В любом случае, нужно смотреть варианты внедрения - инклудинга, тем или иным способом.

Если без php, то нужно смотреть настройки хостинга - должен быть включен SSI (тогда вставить: )

+ через js, как вариант:_https://www.w3schools.com/howto/howto_html_include.asp, _https://habrahabr.ru/post/230751/

+ англ. _https://www.thoughtco.com/include-html-file-in-another-3469529

Plan · 30-05-2017, 17:24:26

Ну обычно многостраничники базируются на CMS (система управление контентом). Где футер и хедер (как и многие другие блоки) генерируются из файлов-шаблонов header.php и footer.php. То-есть ваша страница состоит из блоков:

хедер, футер, сайдбар, контент, меню, и т.д.

И генерация кода этих блоков происходит в соответствующих им php-файлах. 1 страница собирается из нескольких файлов-шаблонов.

Вам нужно лишь сверстать эти файлы

Если без CMS, то не знаю, но врятли такой вариант нужно рассматривать.

И еще добавлю, что уровень PHP тут не критичен.
В любом шаблоне на CMS уже есть готовые заготовки этих блоков, можно практически без php до-верстать

vold57 · 30-05-2017, 18:52:39

Цитата: Ruby BOOM от 30-05-2017, 16:29:41Как верстать многостраничные сайты?

Вопрос как-то странно звучит. Сайты не верстают. Страницы сайта собираются движком сайта на основе шаблона сделанного для конкретной CMS.

Ruby BOOM · 30-05-2017, 21:39:24

Цитата: Coder от 30-05-2017, 16:54:52
В любом случае, нужно смотреть варианты внедрения - инклудинга, тем или иным способом.

Если без php, то нужно смотреть настройки хостинга - должен быть включен SSI (тогда вставить: )

+ через js, как вариант:_https://www.w3schools.com/howto/howto_html_include.asp, _https://habrahabr.ru/post/230751/

+ англ. _https://www.thoughtco.com/include-html-file-in-another-3469529

Самым понятным и простым мне показался способ описанный по первой ссылке. Спасибо большое.
Когда появится свободного времени немного, то обязательно попробую его в действии.

ЗЫ Как на этом форуме сказать спасибо за пост? Тут же есть такая фишка? У меня чет не работает. Или я слишком "мал" для этого?

vold57 · 30-05-2017, 21:44:11

Цитата: Ruby BOOM от 30-05-2017, 21:39:24ЗЫ Как на этом форуме сказать спасибо за пост? Тут же есть такая фишка? У меня чет не работает. Или я слишком "мал" для этого?

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

Ruby BOOM · 30-05-2017, 21:45:27

Цитата: vold57 от 30-05-2017, 18:52:39
Вопрос как-то странно звучит. Сайты не верстают. Страницы сайта собираются движком сайта на основе шаблона сделанного для конкретной CMS.

Согласен, что вопрос может звучать странно. Попробую перефразировать. Может от вас черпну полезной информации.

Допустим, вам пишет заказчик, что нужно сверстать 10 страниц сайта для небольшого проекта.
Вы бы как верстали? Одна страница - один html файл? Или вы бы вынесли повторяющиеся блоки в отдельные файлы?
И в каком виде вы бы сдали работу заказчику?

Добавлено: 30-05-2017, 21:47:33

Цитата: vold57 от 30-05-2017, 21:44:11
Для того, чтобы поблагодарить за уделенное время, необязательно кнопкой пользоваться. Можно и словами.

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

vold57 · 30-05-2017, 21:59:48

Цитата: Ruby BOOM от 30-05-2017, 21:45:27Допустим, вам пишет заказчик, что нужно сверстать 10 страниц сайта для небольшого проекта.
Вы бы как верстали? Одна страница - один html файл? Или вы бы вынесли повторяющиеся блоки в отдельные файлы?
И в каком виде вы бы сдали работу заказчику?

Этой информации мало. нужно разговаривать с заказчиком и выяснять детали. Например, сейчас нужно 10 страниц. А что потом? Сайт будет расширяться или нет? Это нужно выяснить.
Если не будет, то можно и без CMS обойтись. Но нужно ж определиться с внешним видом сайта. Все страницы будут одинаковыми по структуре или нет. Если да, то можно сделать один шаблон и использовать при этом инклуды. Если шаблонов нужно несколько, то тогда смотреть и выделять общие части, которые реализовать в шаблонах инклудами. Если, например, в футере всех страниц нужно будет что-то изменить, то измените в одном месте, а эффект получите на всех страницах.
Лично я поклонник MODx evo. Даже для сайта из 10 страниц использовал бы эту CMS, так как это будет намного удобней.

Coder · 31-05-2017, 00:23:23

Цитата: Ruby BOOM от 30-05-2017, 21:39:24Спасибо большое.

Пожалуйста)

zanuda · 31-05-2017, 03:01:10

Цитата: Ruby BOOM от 30-05-2017, 21:39:24Самым понятным и простым мне показался способ описанный по первой ссылке.

Ищите server side includes tutorial. Оно, конечно, удобно, когда на сервере включено. Только клиент в курсе должен быть. А то вдруг ему захочется хотинг сменить не поставив вас в известность...