Урок 9. Чистая структура проекта

За последнее время немного отошел от главной темы блога (уроки верстки) из-за ситуации сложившейся в Украине, и пробного марафона.
Давайте продолжим наши уроки!
Тема сегодняшнего урока не столь о самом HTML, как о структуре файлов в вашем проекте.
На первый взгляд, это не важно. Но это совсем не так! Если проект коммерческий, то его нужно делать правильно, а если вы просто играетесь, то играйтесь правильно.
Вот так должна выглядеть директория с вашей версткой (в её корне).

chistaja-struktura-proekta
В состав вошли:

  •  Файл “index.html” 
  •  Папка “css” 
  •  Папка “img” 
  •  Папка “js” 

В будущем могут понадобится также:

  •  Папка “fonts” 
  •  Папка “pages” 

Назначение папок думаю всем понятное, но уточню:

  • css – папка для файла “style.css” и остальных “*.css” файлов
  • img – папка для изображений
  • js – папка для скриптов (javascript, jQuery). В моих уроках пока использоваться не будет
  • fonts – папка для подключения шрифтов, которых нету на “гугл фонтс”
  • pages – папка для дополнительных страниц

Хорошая иерархия позволит сэкономить кучу времени вам и заказчику. Никто не захочет иметь с вами дело если не сможет разобраться в том что вы там наверстали, и если не найдет нужный ему файл в течении нескольких секунд.
Придерживайтесь порядка и вас будут любить :)

Pin It

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>