# Оформление сайта
---
## Использование bulma.io
----
До сих пор мы намеренно игнорировали оформление приложения, чтобы сосредоточиться на его функциональности. И это вполне разумный подход к разработке, потому что приложение приносит пользу только в том случае, если оно работает.
----
Для интеграции BULMA в наш проект будет использоваться прямая ссылка в base.html.
```
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
</head>
```
----
Для работы со статическими файлами добавте в `settings.py` следующий код.
```
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
```
----
С инструментарием bulma можно ознакомится по ссылке https://bulma.io/documentation/
----
Создание макета при помощи колонок осуществляется в разделе `columns`, В нем рассказывается, как настроить размеры колонок и применить к ним адаптивность.
----
Во вкладке `elements` вы найдете примеры того, как можно быстро генерировать отдельные обьекты на шаблонах, такие, как кнопки, иконки и блоки текста.
----
Во вкладке `components` вы найдете премеры генерирования важных блоков сайта, вроде навигационной панели, модальый окон или выпадающих меню.
----
Во вкладке `form` вы найдете CSS класы для работы с формами и полями (недоступно нам, так как мы генерируем формы программно)
----
Во вкладке `layout` вы найдете примеры создания наиболее распространенных шаблонов. Мне больше все приглянулись тайлы.
----
Для поиска подходящий иконок воспользуйтесь сайтом https://fontawesome.com/v6.0/icons?m=free&s=solid%2Cbrands
----
### Для работы с font awesome есть два пути:
----
вы можете найти подходящую иконку и загрузить её для прямого использования
<img src='https://i.imgur.com/LNTTZPA.png' style='width: 60%'>
Или скачать библиотеку FA и использовать уже её
----
Пример главной страницы
---
## Проекты для самостоятельного выполнения
----
### Онлайн-магазин
Особенность - при создании нужно учитывать постоянное измениение кол-ва товаров на складе из-за заказов покупателей. Нужен удобный интерфей для покупок.
С чего стоит начать - создать базу данных для склада и интерфейс его пополнения-списания.
----
### Школьное расписание
Особенность - возможость изменять расписание есть у узкого круга лиц. Версий расписания должно быть несколько: на преподавателя, на класс и на кабинет.
С чего стоит начать - генерация таблицы расписания на главной странице расписания на класс (без возможности заполнения или переходов).
----
### Сайт с блогами
Особенность - большое количество бользователей требует четкого разграничения правил доступа к изменению и созданию контента.
С чего стоит начать - С настройки пользовательских возможностей и классов.
{"metaMigratedAt":"2023-06-16T13:56:36.884Z","metaMigratedFrom":"Content","title":"Оформление сайта","breaks":true,"contributors":"[{\"id\":\"0d39d5a3-691d-488c-8f1e-1a0fb0be4f13\",\"add\":3280,\"del\":328}]"}