Какова организация файлов и папок небольшого проекта?

Question

[Uladzimir A]

Всем здравствуйте! Занимаясь версткой какое-то время я делал в основном по одной странице (главной). И со структурой файлов не было проблем. Теперь вот решил попробовать сделать верстку несколько связанных страниц, и вот тут-то небольшая загвоздка.
Приведу пример структуры файлов для главной страницы:


Здесь я думаю все понятно. Теперь структура папки src:


Где размещать файлы html страниц? В корне рядом с index.html, или в папке pages заводить отдельные папки под каждую страницу?
Я почему-то больше склоняюсь к варианту, в котором html файлы лежат в корне а все остальное для них в папке pages,
где для каждой страницы своя папка со стилями, изображениями и т.д.
Кто подскажет, как делается все в "боевых условиях"?

Comments

[Максим Федоров]

заведите папку /public, в ней будут готовые html страницы — по папкам или без папок. также будут готовые скомпиленные /css и /js и /images
и в нее направьте сервер

так как нежелеательно, чтобы сервер смотрел в папку, в которой лежат технические файлы (node_modules, src, gulpfile.js и прочее)

[Hyubert]

кидайте сразу в build
у меня например такая структура

[sim3x]

Hyubert,
tree -L 2 смотрится лучше чем скриншот

[Hyubert]

sim3x, возможно...

[Evgeny Zaharov]

Поустанавливайте boilerplat'ы различные (не single page application) и посмотрите как там устроено.

[Uladzimir A]

Максим Федоров, Спасибо за ответ! Т.е. в папке /public будут html страницы и к каждой своя папка со стилями и т.д.?

[Uladzimir A]

sim3x, Спасибо учту.

[Одиночка Айс]

Щас бы спрашивать "как мне именовать папки для проекта и какую структуру делать"...

[Uladzimir A]

Одиночка Айс, Ну дык я и спрашываю.

Answer 1

[Sergiu Mitu]

Кому как, у меня к примеру вот так

В templates находятся header,footer итп.

Кто-то предпочитает sass/css вместо styles, или images вместо img, вместо build - dist/public все это дело вкуса скорее чем какой-то стандарт.

Comments

[Uladzimir A]

Спасибо за ответ, но в Templates у вас части страницы. У меня тоже страница разбита на части, но это ОДНА страница, а меня интересует как остальные размещать?!

[Sergiu Mitu]

Uladzimir Abramkin, Оптяь же дело вкуса, я размещаю паралельно с index.html, в любом случае если страниц много значит это дело будет натягиваться на движок, а для презентации как по мне так проще site.ru/about.html чем site.ru/page/about.html

[Uladzimir A]

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

Answer 2

[V_Holmow]

Если работаете один, то как угодно.
У меня другие страницы рядом с индексом лежат.
А еще можно подсмотреть структуру у методологий типо БЭМ и других.

Comments

[Uladzimir A]

Спасибо! То же думаю, что для самого себя можно html в корень складывать. БЭМ нужно посмотреть.

Answer 3

[Олеся]

Я строю структуру папок для html-файлов согласно меню: в корне создаю about, service и пр.
Причем для двуязычного сайта (рус/укр) обе версии складываю в одну папку, просто обзываю файлы на нужном языке.
В корне лежит index для основной версии и "название-сайта".html для второй.