Мастер-класс "Как вставить фотографию в инфоблок "Слайдер фотографий""
Трушина Светлана Юрьевна
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Мастер-класс
Тема: Как вставить фотографию в инфоблок "Слайдер фотографий"
Цель:
Научить пользователей сайта "УчПортфолио" загрузке фотографий в инфоблок "Слайдер фотографий".
Задачи:
1. Подробно рассмотреть этапы загрузки фотографий в инфоблок "Слайдер фотографий" для дальнейшего оформления страниц портфолио.
2. Показать разнообразные приёмы оформления страниц для участника УчПортфолио
3. Передать коллегам личный опыт по предложенной теме.
4. Оказать помощь участникам Учпортфолио для работы на сайте.
Многие коллеги при оформлении портфолио хотят воспользоваться всеми возможностями сайта.
Вставка фотографий возможна в разные инфоблоки, в частности, в инфоблок «Слайдер фотографий».
В данном мастер-классе я расскажу, как вставить фотографии в инфоблок «Слайдер фотографий»
Шаг 1
На странице портфолио создаём инфоблок «Слайдер фотографий»
.png)
Учитель музыки высшей квалификационной категории
Муниципальное бюджетное общеобразовательное учреждение
"Средняя общеобразовательная казачья школа"
с.Знаменка, Нерчинский район, Забайкальский край
Мастер-класс
Тема: Как вставить фотографию в инфоблок "Слайдер фотографий"
Цель:
Научить пользователей сайта "УчПортфолио" загрузке фотографий в инфоблок "Слайдер фотографий".
Задачи:
1. Подробно рассмотреть этапы загрузки фотографий в инфоблок "Слайдер фотографий" для дальнейшего оформления страниц портфолио.
2. Показать разнообразные приёмы оформления страниц для участника УчПортфолио
3. Передать коллегам личный опыт по предложенной теме.
4. Оказать помощь участникам Учпортфолио для работы на сайте.
Многие коллеги при оформлении портфолио хотят воспользоваться всеми возможностями сайта.
Вставка фотографий возможна в разные инфоблоки, в частности, в инфоблок «Слайдер фотографий».
В данном мастер-классе я расскажу, как вставить фотографии в инфоблок «Слайдер фотографий»
Шаг 1
На странице портфолио создаём инфоблок «Слайдер фотографий»
.png)
Шаг 2
При нажатии на надпись- Слайдер форографий», автоматически выходит окно, где сохраняем созданный инфоблок. (добавить)
При нажатии на надпись- Слайдер форографий», автоматически выходит окно, где сохраняем созданный инфоблок. (добавить)
.png)
Шаг 3
В созданный инфоблок через вложение добавляем фотографию.
В созданный инфоблок через вложение добавляем фотографию.
.png)
Обратите внимание, что несколько фотографий одновременно в это инфоблок не загружается. ( в отличие от инфоблока «Фотогаллерея»).
Шаг 4
На компьютере выбираем нужную фотографию, нажимаем на неё, загружаем в инфоблок (открыть).
Шаг 4
На компьютере выбираем нужную фотографию, нажимаем на неё, загружаем в инфоблок (открыть).
.png)
Шаг 5
Прежде чем фотографию добавить, можно прописать тему этого фото- Заголовок изображения- ( в примере- Перове сентября!). далее добавляем- Добавить.
Прежде чем фотографию добавить, можно прописать тему этого фото- Заголовок изображения- ( в примере- Перове сентября!). далее добавляем- Добавить.
.png)
Шаг 6
Фотография загружена. Чтобы добавить следующую фотографию, нажимаем- Добавить.
Фотография загружена. Чтобы добавить следующую фотографию, нажимаем- Добавить.
.png)
Обратите внимание:
- если фотография большого формата, и она не загружается , её нужно «сжать».
- небольшая фотография в инфоблоке будет выглядеть именно так.
Шаг 7
Если вы загрузили не то изображение или хотите сменить фото, нажимаем- Удалить- и загружаем новую фотографию.
- если фотография большого формата, и она не загружается , её нужно «сжать».
- небольшая фотография в инфоблоке будет выглядеть именно так.
Шаг 7
Если вы загрузили не то изображение или хотите сменить фото, нажимаем- Удалить- и загружаем новую фотографию.
.png)
Шаг 8
Добавляем новую фотографию. Фото среднего размера займёт всё пространство инфоблока.
.png)
Шаг 9
В нижнем углу инфоблока отражаются все загруженные фотографии. Возможности заменить фото или заголовок текста здесь нет, фото удаляем и загружаем новое.
В нижнем углу инфоблока отражаются все загруженные фотографии. Возможности заменить фото или заголовок текста здесь нет, фото удаляем и загружаем новое.
.png)
Другие мастер-классы пользователя
- Создание слайдов различных типов в презентации PowerPoint
- Как вставить видео с канала YouTube с функцией автозапуска
- Как в документе Word создать титульный лист
- Создание кроссворда в режиме онлайн
- Как выполнить перемещение инфоблоков на странице портфолио
- Как убрать фон и выделение текста в документе Word при копировании из Интернета
- Оформление текста в презентации PowerPoint с помощью контекстного меню - Формат прототипа
- Как в документе Word сделать разные ориентации страниц
- « Как обрезать фото или картинку в Paint»
- Установка видео в инфоблок «Мультимедиа» с видеохостингов - Vimeo, Rutube, Smotri.com
Обнаружили плагиат? Сообщите об этом
Комментарии

#1 Необходимый МК особенно для новичков сайта. Вставка слайдер будет способствовать разнообразию использования инфоблоков.
Наталья Чубаева, дата: 25.03.2017 в 10:22
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.