Видеоинструкции:
как наполнять сайт центра святителя Василия Великого
1. Как создать страницу «История воспитанника»
2. Как «включить» страницу с историей воспитанника
3. Как добавить видео на страницу «История воспитанников»
4. Как создать новость
5. Как добавлять картинки на сайт, чтобы они были ровными и одинаковыми
Как пользоваться
Пройдите по ссылке на мою Фигму, скопируйте себе мои шаблоны. Со временем шаблоны могут пополняться, добавляйте себе новые. Фигму можно скачать на компьютер или открыть в браузере — и так и так удобно.
Что делать внутри Фигмы
Возьмите нужную фотографию и вставьте в нужный шаблон:
1. скопируйте с компьютера или из интернета – ctrl+c
2. нажмите на изображение в шаблоне двойным нажатием
3. ctrl+v
Фотография стнет нужного вида — подгонится под размер и закруглит углы.
Как получить картинку — два варианта
• Выбрать шаблон, в правом меню «export», формат .png. Только .png и никакой другой. Картинка скачается на комп.
• Выбрать шаблон, нажать ctrl+shift+c — она скопируется в виде .png, можно вставить напрямую в сайт.
Какие шаблоны есть
• Обложка новости (700×500, 75°)
• Портрет персоны горизонтальный (700×500, 75°)
• Портрет персоны вертикальный (500×700, 75°)
• Обложка для большой фотографии, в том числе обложка «Истории воспитанников» (1050×700, 75°)
Характеристика шаблонов
В скобках написал размеры и закругление углов. Ширина, высота, градус закругления в Фигме. Вдруг потеряем друг друга или шаблоны исчезнут — так вы сможете вручную сделать новые шаблоны.
Важность шаблонов
Чтобы было аккуратно и ровно — любое изображение прогоняйте через шаблоны. Чуть другие пропоции картинки, хоть в 10 пикселей, путь на глаз они одинаковые — и верстка будет кривой. Прогоняйте. Через шаблоны.
Пройдите по ссылке на мою Фигму, скопируйте себе мои шаблоны. Со временем шаблоны могут пополняться, добавляйте себе новые. Фигму можно скачать на компьютер или открыть в браузере — и так и так удобно.
Что делать внутри Фигмы
Возьмите нужную фотографию и вставьте в нужный шаблон:
1. скопируйте с компьютера или из интернета – ctrl+c
2. нажмите на изображение в шаблоне двойным нажатием
3. ctrl+v
Фотография стнет нужного вида — подгонится под размер и закруглит углы.
Как получить картинку — два варианта
• Выбрать шаблон, в правом меню «export», формат .png. Только .png и никакой другой. Картинка скачается на комп.
• Выбрать шаблон, нажать ctrl+shift+c — она скопируется в виде .png, можно вставить напрямую в сайт.
Какие шаблоны есть
• Обложка новости (700×500, 75°)
• Портрет персоны горизонтальный (700×500, 75°)
• Портрет персоны вертикальный (500×700, 75°)
• Обложка для большой фотографии, в том числе обложка «Истории воспитанников» (1050×700, 75°)
Характеристика шаблонов
В скобках написал размеры и закругление углов. Ширина, высота, градус закругления в Фигме. Вдруг потеряем друг друга или шаблоны исчезнут — так вы сможете вручную сделать новые шаблоны.
Важность шаблонов
Чтобы было аккуратно и ровно — любое изображение прогоняйте через шаблоны. Чуть другие пропоции картинки, хоть в 10 пикселей, путь на глаз они одинаковые — и верстка будет кривой. Прогоняйте. Через шаблоны.