Создаем папку с названием проекта, затем в папке создаем еще папку (она нужна для файлов css, js, картинок) в ней создаём еще 3 папки с названиями: css, js, img. Должно получиться примерно так, как показано на рисунке.
В папке с проектом создаем новый файл с расширением .txt, после переименовываем расширение в .html, так мы создали сраничку сайта, создаем таких страниц столько, сколько потребуется для вашего сайта.
Нажимаем кнопку Open Folder и находим нашу папку, и открываем её в кодовом редакторе.
После добавления папки с проектом, открываем файл с расширением .html и прописываем ! и нажимаем клавишу Shift, у нас прописывается основная конструкция сайта, body, head. После выполненых действий прописываем код сайта.
Подключение файлов каскадных таблиц осуществляется через тег link, в нём прописывается путь до файла, таким же образом и подключаются кастомные шрифты. На рисунке показаны примеры тега link.
Написание простых скриптов можно писать перед закрывающимся тегом body. Пишется внизу, потому что, изначально должна загружаться разметка страницы, а только потом javascript. На рисунке представлена конструкция простого скрипта, отвечающего за плавную перемотку до якоря.