Загрузка данных


В файле представлена практическая работа **«Составление технического задания на разработку web-сайта»**.

В ней приведена теория и шаблон из 25 пунктов, но сам шаблон старый (времен Internet Explorer 5.5, модемов 28.8 Кбит/с и передачи на CD-ROM).

Суть задания — **составить готовое техническое задание (ТЗ) на разработку сайта для конкретной компании/проекта** (по заполненному шаблону из методички, либо в осовремененном виде под требования преподавателя).

Ниже приведен готовый вариант ТЗ для современной IT-компании (ООО «ТехноСфера»), заполненный строго по всем 25 пунктам из методички, с адаптацией под современные стандарты веб-разработки.

---

# Практическая работа

### Тема: Составление технического задания на разработку web-сайта



**Цель работы:** Научиться правильно составлять техническое задание на разработку web-сайта.

---

### Техническое задание на разработку веб-сайта



1. **Имя сайта (название домена):**

`www.technosphera.ru`. В случае занятости основного домена допускается регистрация зеркала `www.techno-sphera.ru`.


2. **Название сайта:**

Официальный корпоративный сайт ООО «ТехноСфера» (далее — Фирма).


3. **Назначение сайта (цель создания):**

Презентация деятельности Фирмы в сети Интернет, привлечение новых корпоративных клиентов и партнеров. Публикация каталога услуг, прайс-листа, кейсов, информации о команде, вакансиях и контактных данных.


4. **Язык сайта:**

Русский.


5. **Основные ключевые слова:**

«ИТ-аутсорсинг», «разработка ПО», «настройка серверов», «облачные решения», «ИТ-услуги Москва». Предоставляются Заказчиком; позиции в поисковых системах не гарантируются.


6. **Объём и состав текстовой и графической информации:**

Тексты описания услуг, логотип, фотографии офиса и сертификаты предоставляются Заказчиком в электронном виде (файлы .docx, .png, .jpg).


7. **Предполагаемая аудитория сайта:**

Представители бизнеса (B2B), руководители компаний, ИТ-директора, возраст от 25 до 55 лет (ядро — 30–45 лет).


8. **Количество страниц сайта:**

Сайт включает 10 основных типовых разделов/страниц:


1 — Главная; 2 — О компании; 3 — Каталог услуг; 4 — Прайс-лист; 5 — Кейсы (портфолио); 6 — Блог/Статьи; 7 — Партнёры; 8 — Вакансии; 9 — Контакты и реквизиты; 10 — Политика конфиденциальности.


9. **Кнопки управления и навигация:**

Сквозное верхнее фиксированное меню (шапка), подвал (footer) с дублированием ссылок, кнопка быстрого возврата наверх, ссылка на главную страницу по клику на логотип. Наличие карты сайта (HTML и XML sitemap).


10. **Блок-схема и внутренняя перелинковка:**

Иерархическая структура с глубиной вложенности не более 3 кликов от Главной страницы. Главная страница содержит ссылки на все ключевые разделы и формы обратной связи.


11. **Объём сайта:**

Не более 500 Мб (без учета резервных копий и базы данных).
12. **Оформление изображений:**

Форматы: WebP, PNG, JPEG. Все изображения снабжаются атрибутом `alt` (замещающий текст). Предусмотрена ленивая загрузка (lazy loading) и оптимизация под экраны Retina.


13. **Скорость загрузки и производительность:**

Время полной загрузки страниц не должно превышать 2–3 секунд при подключении 4G/Wi-Fi (показатель Google PageSpeed Insights — не менее 80 баллов для десктопа и мобильных).
14. **Диапазон поддерживаемых разрешений экранов:**

Адаптивная верстка с поддержкой разрешений от 320px (мобильные телефоны) до 1920x1080px и 2560x1440px (широкоформатные мониторы). Базовая сетка верстки — 1200–1440px.
15. **Минимальное разрешение экрана:**

320х568 пикселей. Горизонтальная полоса прокрутки (скролл) на всех экранах исключена.
16. **Поддерживаемые браузеры:**

Актуальные версии браузеров на движках Chromium (Google Chrome, Яндекс.Браузер, Edge), Apple Safari, Mozilla Firefox.
17. **Цветовая палитра:**

Фирменные цвета: темно-синий (`#0F172A`), акцентный бирюзовый (`#06B6D4`), нейтральный серый (`#F8FAFC`).
18. **Общий фон сайта:**

Светлый (белый/светло-серый) с контрастными блоками под акцентную информацию.


19. **Шрифтовое оформление:**

Современный веб-шрифт без засечек (Inter / Roboto). Основной текст: 16px, межстрочный интервал 1.5. Заголовки H1–H4: от 20px до 40px.


20. **Регистрация в каталогах и поисковых системах:**

Подключение сайта к Яндекс.Вебмастер и Google Search Console, настройка robots.txt и sitemap.xml.


21. **Рекламная кампания и SEO-продвижение:**

Не входят в рамки настоящего ТЗ и регулируются отдельным договором/приложением.


22. **Срок разработки сайта:**

30 календарных дней с момента утверждения макета и внесения авансового платежа.


23. **Порядок передачи готового продукта:**

Исполнитель разворачивает проект на хостинге Заказчика, передает репозиторий с исходным кодом (Git/архив) и доступы к панели администратора. Приемка осуществляется по акту в течение 5 рабочих дней.


24. **Техническое сопровождение:**

Гарантийное устранение выявленных багов — 30 дней после сдачи проекта. Дальнейшая поддержка оформляется отдельным соглашением.


25. **Дополнительные требования:**

Наличие фавиконки (favicon), формы обратной связи с валидацией полей, интеграция систем аналитики (Яндекс.Метрика).



---

**Вывод:** В ходе выполнения практической работы изучены принципы и структура составления технического задания, определены ключевые требования к функционалу, навигации, дизайну и техническим характеристикам веб-сайта.

---

*(Если требуется оформить работу под конкретную тему — например, интернет-магазин, сайт автосервиса или портфолио — напиши, переделаем под твою тему).*