Мастер-класс "Как вставить картинку или анимацию в инфоблок"
Трушина Светлана Юрьевна
Муниципальное Бюджетное Общеобразовательное Учреждение
Средняя Общеобразовательная Кадетская Казачья школа
Забайкальский край, Нерчинский район, с. Знаменка
Как вставить картинку или анимацию в инфоблок
Цель:
Обучить последовательному действию вставки фотографий, картинок, анимаций в инфоблок
Задачи:
1. Передать коллегам личный опыт по предложенной теме.
2. Оказать помощь участникам учпортфолио для работы на сайте
Многие коллеги при оформлении портфолио сталкиваются с проблемой загрузки фотографий,картинок,анимации в инфоблоки Хочу помочь в этом вопросе, так как знаю, что некоторые учителя испытывают затруднения.
Шаг 1.
Создаём текстовый инфоблок.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1.png)
Шаг 2.
Выбираем- изображение.
Шаг 3.
Появляется следующее изображение:
Нажимаем- загрузить.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA3(1).png)
Шаг 4.
Выберите файл.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA4(1).png)
Шаг 5.
Из папки "Картинки" нажимаем на изображение ,далее- открыть.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/5.png)
Шаг 6.
В свойствах изображения выбираем- загрузить на сервер, далее- OK.
Шаг 7.
Ждём ,когда загрузится наша картинка и нажимаем на OK
Шаг 8.
Сохраняем.
Шаг 9.
Заходим на свою страничку, просматриваем ,что у нас получилось.
![](/users_content/b645e524a1512ce68947d3b9c948aa46/images/%D0%A0%D0%B8%D1%81%D1%83%D0%BD%D0%BE%D0%BA1(1).png)
Другие мастер-классы пользователя
- Вставка изображения по левому или правому краю от текста
- Как сделать бегущую строку в своём портфолио
- Бумажное разноцветье
- Оформление фонов личной страницы портфолио
- Создание фона с помощью изображения в презентации PowerPoint
- Как закруглить края картинки или фотографии в режиме онлайн
- Как сделать рамку в документе Word
- Создания коллажей в программе Paint
- Оформление текста в презентации PowerPoint с помощью функции - Способ заливки
- Применение художественных эффектов для изображений и фотографий в презентации Microsoft PowerPoint 2010
Обнаружили плагиат? Сообщите об этом
Комментарии
![](/users/096ffc299200f51751b08da6d865ae95/mini_XPyxe2pmkliT.jpg)
#1 Светлана! Замечательный МК, очень полезный. Еще бы научили нас как правильно вставить ссылку HTML.
Марина Шабанова, дата: 22.08.2014 в 4:32
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#2 Ну ,если это необходимо, можно МК и по ссылкам оформить.
Светлана Трушина, дата: 22.08.2014 в 5:22
![](/users/c96ebeee051996333b6d70b2da6191b0/mini_XFi3JoOhfvvv.jpg)
#3 Светлана, на самом деле всё доступно и понятно. Спасибо!
Наталья Шумилова, дата: 24.08.2014 в 17:25
![](/users/6a6610feab86a1f294dbbf5855c74af9/mini_xfKqYpt4DCkg.jpg)
#4 Светлана Юрьевна, спасибо за такой полезный и нужный МК!
Нина Васильевна Ефимова, дата: 16.10.2014 в 11:07
![](/users/3b8c6dc0b282e4aa77ac2a109dbc83c8/mini_5pD94MGvIOQr.jpg)
#5 Светлана Юрьевна, спасибо за мастер -класс , это для нас очень нужный материал!
Елена Юрьевна Уварова, дата: 20.10.2014 в 20:22
#6 Спасибо большое, Светлана Юрьевна!
Ольга Четвернина, дата: 03.11.2014 в 17:24
![](/users/634841a6831464b64c072c8510c7f35c/mini_gYq91Qk8Pzo7.jpg)
#7 Светлана Юрьевна, спасибо. У меня как раз в этом была проблема.
Маргарита Карасёва, дата: 05.11.2014 в 16:11
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#8 Уважаемые коллеги! Рада ,что помогла вам!
Светлана Трушина, дата: 05.11.2014 в 16:19
![](/users/1ae6464c6b5d51b363d7d96f97132c75/mini_t1yQgWP1yHD7.png)
#9 Спасибо, очень полезно!
Татьяна Щербакова, дата: 08.11.2014 в 23:04
![](/users/3b8c6dc0b282e4aa77ac2a109dbc83c8/mini_5pD94MGvIOQr.jpg)
#10 Светлана Юрьевна,спасибо за мастер- класс, очень пригодился в моей работе
Елена Юрьевна Уварова, дата: 11.11.2014 в 13:07
![](/users/f937c8fddbe66ab03c563f16d5cfa50c/mini_8Ea4UYTXesYz.jpg)
#11 Светлана Юрьевна, материал нужный, спасибо за мастер-класс. Всё доступно и понятно.
Валентина Плотникова, дата: 08.12.2014 в 23:10
![](/users/196894366d827c56344bfe5186dbcf64/mini_ACqBm9lLrCAa.jpg)
#12 Спасибо большое, Светлана Юрьевна!
Валентина Фролова, дата: 26.01.2015 в 17:33
![](/users/838aac83e00e8c5ca0f839c96d6cb3be/mini_Ug0NZLFQYME8.jpg)
#13 Огромное спасибо, понятно и доступно даже для начинающих, а главное очень пригодилось!
Галина Мельничук, дата: 20.02.2015 в 17:59
![](/users/f91e24dfe80012e2a7984afa4480a6d6/mini_aDCWSn5uEELQ.jpg)
#14 У меня не грузятся фото нигде, может в формате дело? Пытаюсь поменять стиль портфолио - никак((( Помогите советом, пожалуйста.
Светлана Спиридонова, дата: 19.03.2015 в 21:55
![](/users/f0282b5ff85e7c9c66200d780bd7e72e/mini_v54rt3QLCEOa.jpg)
#15 Светлана Юрьевна, спасибо большое
Галина Борискина , дата: 25.03.2015 в 14:46
#16 Спасибо. Вот благодаря вам вставила открытку. Спасибо огромное
Елена Линник, дата: 22.04.2015 в 18:42
![](/users/def130d0b67eb38b7a8f4e7121ed432c/mini_Vv8tu8WF4uBo.jpg)
#17 Светлана Юрьевна, воспользовалась Вашим материалом ,но у меня не получается вставить картинки. Может быть что-то не так делаю? Затруднение на 5,6 шаге. Помогите, пожалуйста, советом.
Галина Владимировна Комарова, дата: 21.05.2015 в 20:58
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#18 Галина Владимировна, ответ в сообщении.
Светлана Трушина, дата: 22.05.2015 в 13:45
![](/users/5f0f5e5f33945135b874349cfbed4fb9/mini_qWYKVKPL4irj.jpg)
#19 Спасибо, всё доступно и понятно.
Елена Бахматова, дата: 08.06.2015 в 20:20
![](/users/8386fa112ba70c3f60b6907d3812bb9e/mini_wIvsp09iG7bV.jpg)
#20 Светлана Юрьевна,спасибо за подробный и понятный мастер- класс.
Александра Андреева, дата: 31.07.2015 в 12:29
![](/users/1bd2caf96a17d892c2c7e9959549cfc7/mini_m5pfaBqyQPNj.jpg)
#21 Спасибо Светлана за полезный и очень понятный мастер-класс
Оксана Кузнецова, дата: 18.10.2015 в 14:28
![](/users/9f5506939986201d55a4353ff8b4028e/mini_LMWqrGBQzdY5.jpg)
#22 Светлана Юрьевна, спасибо за мастер-класс
Светлана Староверова, дата: 28.10.2015 в 19:42
![](/users/176d4cc26aefd148d136259a089d354a/mini_HHTg0ffd47Am.jpg)
#23 Светлана Васильевна, спасибо за доступный мастер-класс.
Ирина Мерзлютина, дата: 15.06.2016 в 0:23
![](/users/e94a37c9b33d6a973b40a831d810b0c6/mini_q0cNk52zYSTl.jpg)
#24 Светлана Юрьевна, спасибо большое! Только благодаря Вам смогла загрузить картинку нужного размера.Как хорошо,что есть такие доступные мастер-классы.
Ольга Грибова , дата: 03.07.2016 в 18:49
![](/users/e1054bf2d703bca1e8fe101d3ac5efcd/mini_9mjVxXc7ePvz.jpg)
#25 Мне когда-то тоже очень помогли мастер- классы Трушиной С.Ю. Спасибо!
Ирина Мотылевская, дата: 03.07.2016 в 18:52
![](/users/aaac13f3595dfe0baefd3839d1529a4f/mini_YPyRxYYokeN8.jpg)
#26 Светлана Юрьевна, спасибо за интересные мастер - классы по оформлению инфоблоков.У меня были сложности,теперь с Вашими подсказками,постараюсь преодолеть все трудности!
Наталья Лях, дата: 10.08.2016 в 4:55
![](/users/5dcef39f7ee1e03911b48b876ecf448e/mini_qGpMgaup9DkF.jpg)
#27 Огромное спасибо!!!
Татьяна Спиридонова, дата: 10.09.2016 в 20:58
#28 Светлана Юрьевна, спасибо за мастер-класс!!!
Евгения Александровна Афанасьева, дата: 15.03.2017 в 19:01
#29 Светлана, большое спасибо за понятное объяснение!) Ваши подсказки очень мне помогли!
Марина Каблукова, дата: 09.10.2017 в 17:08
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.