Найти в Дзене
Алексей Вавилов

Шаблон для быстрого старта верстки сайта на HTML/CSS/JS

Оглавление

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

По неопытности, я каждый раз начинал все с нуля. Создавал каталоги, файлы, прописывал пути друг к другу так далее. Чуть позже я создал шаблон для быстрого старта, которым решил поделиться на youtube, github и Яндекс.Диске.

Структура шаблона

Шаблон для быстрого старта верстки сайта на HTML/CSS/JS
Шаблон для быстрого старта верстки сайта на HTML/CSS/JS

Его суть заключается в том, что там есть файл главной страницы index.html + папки для css и для основных js и php-скриптов, которые уже связаны между собой. Достаточно скопировать данный шаблон к себе и начинать писать в нем код.

Главный файл шаблона для верстки: index.html
Главный файл шаблона для верстки: index.html

В файле index.html есть главные метатеги, без которых работа веб-сайта будет некорректной или неэффективной. Так же, туда подключены несколько нужных библиотек и плагинов, такие как jQuery, maskedinput и html5shiv.

Видео про шаблон

Конечно, сам шаблон, как и видео не новые и были созданы 2 года назад. На сегодняшний день технологии, инструменты и навыки специалистов позволяют делать более быстрые и сложные стартовые шаблоны. Но данный шаблон поможет вам на начальном этапе работать со своими первыми веб-страницами. И уже постепенно наращивать этот шаблон своими инструментами: библиотеками, плагинами и прочее.

Есть вопросы? Пишите в комментарии!