Skip to content
This repository has been archived by the owner on Jan 31, 2019. It is now read-only.

getsedona/sedona-basis

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Стартовый шаблон для верстки сайта

Быстрый старт

  1. Скопировать в новый проект содержимое этого репозитория
  2. Отредактировать или удалить файл readme.md
  3. В файле package.json отредактировать значения:
  • name (название проекта или репозитория)
  • version (прописать 1.0.0)
  1. Установить зависимости командой npm ci
  2. Запустить сервер разработки командой gulp watch
  3. Начать кодить

Сборка

Сайт собирается с помощью Галпа, вот его основные таски:

  • gulp — запустить сборку
  • gulp watch — запустить сборку, сервер и слежение за файлами
  • gulp build — сборка фиксированной версии проекта

Структура папок и файлов

build/              # Папка сборки фиксированной версии проекта
dist/               # Папка сборки, здесь работает сервер автообновлений
src/                # Исходные файлы
  blocks/             # Блоки
  img/                # Медиафайлы
  inc/                # Подключаемые части разметки
    doc-end.html        # Конец разметки документа
    doc-start.html      # Начало разметки документа
    page-footer.html    # Нижняя часть лейаута
    page-header.html    # Верхняя часть лейаута
  js/                 # Скрипты
    app.js              # Файл для подключения скриптов из блоков
    global.js           # Общие скрипты для всего сайта
  less/               # Стили
    global.less         # Общие стили для всего сайта
    main.less           # Файл для подключения стилей из блоков
    variables.less      # Файл с переменными
  index.html          # Разметка главной страницы

Рекомендуемый лейаут

<div class="page">
  <header class="header"></header>

  <main class="main"></main>

  <footer class="footer"></footer>
</div>