From 8d05e0c8f765ab7d69c816e3e6748bac8a93c51b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=D0=9C=D0=B0=D0=BA=D1=81=D0=B8=D0=BC=20=D0=9C=D0=B0=D0=BA?= =?UTF-8?q?=D1=81=D0=B8=D0=BC=D0=BE=D0=B2?= Date: Sun, 30 Jun 2024 17:11:08 +0000 Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=B5=D1=80=D0=B5=D0=BD=D0=B5=D1=81=20?= =?UTF-8?q?=D0=B8=D0=BD=D1=81=D1=82=D1=80=D1=83=D0=BA=D1=86=D0=B8=D0=B8=20?= =?UTF-8?q?=D0=B4=D0=BB=D1=8F=20=D0=B8=D1=81=D0=BF=D0=BE=D0=BB=D0=BD=D0=B8?= =?UTF-8?q?=D1=82=D0=B5=D0=BB=D1=8F=20=D0=B8=D0=B7=20Wiki?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 24 +++++++++++++++++++----- 1 file changed, 19 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index cc36099..e8bd0dc 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,6 @@ -# Требования к верстке +## Требования к верстке - -## С точки зрения веб-разработки: +### С точки зрения веб-разработки: * верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.) * при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**: `block-name__elem-name--mod-name--mod-val` @@ -15,7 +14,7 @@ -## С точки зрения SEO: +### С точки зрения SEO: * все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2. * на странице должен быть только один заголовок первого уровня (h1) * должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8 @@ -23,7 +22,22 @@ * для \ самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке -## Оптимальный порядок действий +## Порядок работы + +### Подготовка окружения для локальной разработки +1. Выкачивать локально на свой компьютер шаблон командой: `git clone https://git.good-production.xyz/Good-Production/template-for-verstka.git` +2. Далее создать свою ветку командой: `git checkout -b ${project_name}--${name}` +3. Приступить к локальной разработке в созданной ветке +4. Для демонстрации работы пушить свои комиты в созданную ветку командой: `git push origin ${project_name}--${name}` + - во время push для авторизации понадобиться логин/пароль: `freelancer/freelancerfreelancer00` +5. Отписать в чат, чтоб руководитель проектом посмотрел результат и выкачал его на тестовый стенд + +в командах заменить переменные: +`${project_name}` -- условное названия проекта (как варинат использовать домен сайта) +`${name}` -- имя/ник исполнителя + + +### Оптимальный порядок непосредственно в процессе верстки 1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл style-core.css 2. Все шрифты выкачать и сохранить локально в директорию /assets/fonts/ и подключить их в файле style-core.css 3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Для удобства подготовлен файл "ui_kit.html"