сделал всё что мог
Информация о работе
Подробнее о работе
Профессиональный практикум 2/2. Адаптивный дизайн + архив
- 15 страниц
- 2021 год
- 3 просмотра
- 0 покупок
Гарантия сервиса Автор24
Уникальность не ниже 50%
Фрагменты работ
Сейчас все большее распространение находят различные гаджеты - смартфоны, планшеты, "умные часы" и другие устройства, которые позволяют выходить в интернет, просматривать содержимое сайтов. По некоторым оценкам уже чуть ли не половина интернет-траффика генерируется подобными гаджетами, разрешение экрана которых отличается от разрешения экранов стандартных компьютеров. Подобное распространение гаджетов несет новые возможности по развитию веб-сайтов, привлечения новых посетителей, продвижению информационных услуг и т.д. Но вместе с тем появляются и новые проблемы.
Главная проблема заключается в том, что стандартная веб-страница будет по-разному выглядеть для разных устройств с разным разрешением экрана. Первоначальным решением данной проблемы было создание специальных версий для мобильных устройств. Сейчас же вместо различных версий одной страницы, разработчики все чаще прибегают к адаптивной верстке сайта.
ОГЛАВЛЕНИЕ
ВВЕДЕНИЕ 3
1. ПОСТАНОВКА ЗАДАЧИ 4
1. КОД 5
2. ИНТРЕФЕЙС САЙТА 13
ЗАКЛЮЧЕНИЕ 15
Ознакомиться с основами реализации адаптивного дизайна.
Используя наработки курсовой работы по «Проектированию сетевых и мобильных приложений», необходимо реализовать:
1. адаптивное меню:
2. адаптация к блокам сайта:
3. резиновый макет.
Для решения поставленной задачи было решено использовать HTTM / CSS фреймворк Bootstrap V4.0
Bootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML- и CSS-шаблоны оформления для веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.
Документацию к данному фреймворку можно найти по ссылке ниже.
https://getbootstrap.com/docs/4.0
Классы, описанные в данном фреймфорке позволяют значительно сократить время на разработку адаптивной web-страницы.
Форма заказа новой работы
Не подошла эта работа?
Закажи новую работу, сделанную по твоим требованиям
