Загрузка данных
В файле представлена практическая работа **«Составление технического задания на разработку 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), формы обратной связи с валидацией полей, интеграция систем аналитики (Яндекс.Метрика).
---
**Вывод:** В ходе выполнения практической работы изучены принципы и структура составления технического задания, определены ключевые требования к функционалу, навигации, дизайну и техническим характеристикам веб-сайта.
---
*(Если требуется оформить работу под конкретную тему — например, интернет-магазин, сайт автосервиса или портфолио — напиши, переделаем под твою тему).*