interfaces/lab1/screen-forms

Шаблоны экранных форм приложения "По грибы"

Описание

Этот каталог содержит HTML/CSS шаблоны экранных форм для мобильного приложения "По грибы".

Файлы

• template.html - базовый шаблон экранной формы
• template.css - стили для шаблона

Как использовать

1. Откройте template.html в браузере
2. Измените размер окна браузера до мобильного формата (375px ширина) или используйте режим разработчика (F12) для эмуляции мобильного устройства
3. Сделайте скриншот для отчёта

Структура шаблона

Шаблон включает:

• Шапка (Header): логотип и название "По грибы"
• Основной контент (Main): прокручиваемая область с примерами карточек и элементов списка
• Нижняя навигация (Navigation): 5 кнопок для основных разделов
• Кнопка SOS: плавающая красная кнопка в правом нижнем углу

Технические параметры

• Ширина: 375px (стандартный мобильный экран)
• Высота: 812px (iPhone X и выше)
• Шрифт: Inter или Roboto
• Базовый размер шрифта: 16-18pt

Цветовая палитра

• Зелёный (основной): #2D5F3F
• Оранжевый (акцент): #E67E22
• Красный (SOS): #C0392B
• Голубой (информация): #3498DB
• Серый текст: #7F8C8D
• Тёмный текст: #2C3E50
• Светлый фон: #FAFAFA

Для разработки новых экранов

На основе этого шаблона можно создавать конкретные экраны приложения, заменяя содержимое блока .content-container на специфичные для экрана элементы.