Как выглядит современная структура сверстанного сайта, готового к «посадке» на CMS?

Question

[EvgenyKabakov]

Всем доброго времени суток! Я совсем недавно начал заниматься разработкой сайтов, и опыта еще не так много.
Вопрос касается конечной структуры готового сверстанного проекта.
На сегодня, когда я заканчиваю работу по верстке, структура проекта выглядит примерно так:

• Project Name
  
  • css
    
    • normalize.css
      
    • reset.css
      
    • style.css
      
    
    
  • fonts
    
    • font1.ttf
      
    • font2.ttf
      
    • font3.ttf
      
    
    
  • img
    
    • img1.jpg
      
    • img2.jpg
      
    • img3.jpg
      
    
    
  • js
    
    • jquery.2.1.4.min.js
      
    • script.js
      
    
    
  
  
• index.html
  
• page.html
  

и т.д.

Собственно, вот вопрос: моя структура достаточно примитивная, какие еще директории/поддиректории/папки должны быть в структуре проекта, чтобы как говорится, "всё лежало на своих местах, если использовать, к примеру, препроцессоры и вообще в целом наиболее современные средства разработки?"

Comments

[Дима Паутов]

зачем ты используешь normalize.css и reset.css вместе?

[EvgenyKabakov]

Дима Турков: просто я так понял, что сначала используется reset для полного сброса стандартных свойств браузеров, а затем normalize для приведения к единому отображению. Или я не прав?

[Дима Паутов]

EvgenyKabakov: мда, нет, либо то, либо другое. https://www.google.ru/webhp?sourceid=chrome-instan...

Answer 1

[Дима Паутов]

А чем твоя структура папок плоха? Чем сейчас всё, не на своих местах? Используешь препроцессоры? Да пожалуйста, точно так же ложи их в папку css. Но опять же, я не до конца понимаю, зачем тебе препроцессоры, если на выходе ты получишь css файл?

Comments

[EvgenyKabakov]

просто встречал такие директории как "assets" и "libs", не совсем понял для чего используются. Ну как, препроцессоры, как я понял, следующий шаг после использования обычного css

[Михаил Москалев]

EvgenyKabakov:
assets - картинки, svg, шрифты и т.д.
libs - библиотеки (jquery, bootstrap ....)
При использование сборщиков (grunt/gulp) все исходники хранят в /src/, а результат сборки (получившийся css/js/html) автоматически сохраняется в /build или /dist.

Но вообще лучше всего смотреть как другие организуют структуру - https://github.com/h5bp/html5-boilerplate вот хороший пример организации проекта. Там описана каждая папка и файл

[EvgenyKabakov]

Михаил Москалев: то, что нужно. Спасибо

Answer 2

[sim3x]

Какая разница, если структуру папок можно за минуту поменять в gulpfile.js?