Мастер-класс "Как вставить увеличенный баннер и в рамке в инфоблок на УчПортфолио"
Гайсина Залифа Шакуровна
учитель математики
МОБУ СОШ село Ишемгул
Зианчуринский район
Республика Башкортостан
2017 год
Как вставить увеличенный баннер и в рамке
в инфоблок на УчПортфолио
в инфоблок на УчПортфолио
Цель:
Обучить последовательному действию вставки увеличенного баннера и в рамке в инфоблок на УчПортфолио.
Задачи:
1.Передать коллегам личный опыт по предложенной теме.
2.Оказать помощь участникам «УчПортфолио» для работы на сайте.
Предполагаемый продукт:
![](http://uchportfolio.ru/public_files/1004184892.png)
Чтобы изменить размеры баннера, поступаем так же, как с картинками, фотографиями. Работаем в текстовом блоке.
Шаг 1
Нужен код баннера, который берем в "Настройках" , где даны коды различных баннеров. Подбираем по цвету фона портфолио. Я выбираю этот баннер.
![](http://uchportfolio.ru/public_files/1181513722.png)
Шаг 2
Вставим код баннера в окошко для изображений
Вставим код баннера в окошко для изображений
![](http://uchportfolio.ru/public_files/589630568.png)
Шаг 3
Нажимаем ОК
Нажимаем ОК
![](http://uchportfolio.ru/public_files/744847071.png)
Шаг 4
Поулчим
Поулчим
![](http://uchportfolio.ru/public_files/429952718.png)
Шаг 5
Проверяем полученную работу через "Стиль портфолио"- "Просмотр портфолио"
Проверяем полученную работу через "Стиль портфолио"- "Просмотр портфолио"
![](http://uchportfolio.ru/public_files/1377243283.png)
Шаг 6
Заходим в "Свойства изображения"
Заходим в "Свойства изображения"
![](http://uchportfolio.ru/public_files/1227659590.png)
Шаг 7
Меняем размеры баннера, в данном случае увеличиваем. Вместо ширины я записываю 300, высота сама меняется пропорционально ширине
Меняем размеры баннера, в данном случае увеличиваем. Вместо ширины я записываю 300, высота сама меняется пропорционально ширине
![](http://uchportfolio.ru/public_files/1487869374.png)
Шаг 8
Для оформления баннера в рамочке записываем и границы баннера, в данном случае я беру - 5
Для оформления баннера в рамочке записываем и границы баннера, в данном случае я беру - 5
![](http://uchportfolio.ru/public_files/1404875581.png)
Шаг 9
Сохраняем
Сохраняем
![](http://uchportfolio.ru/public_files/1634274543.png)
Шаг 10
Заходим в "Стильпортфолио" - "Просмотр портфолио" и получим увеличенный баннер в рамочке
Заходим в "Стильпортфолио" - "Просмотр портфолио" и получим увеличенный баннер в рамочке
![](http://uchportfolio.ru/public_files/1665852274.png)
Желаю вам успешного продвижения вместе с УчПортфолио!
Другие мастер-классы пользователя
- Как создать картину стаи журавлей из одного журавля в текстовом блоке на сайте "УчПортфолио"
- Создание анимированной надписи на анимированном фоне на сайте Писец
- Наложение графиков функций у = sin x и y=cos x на интерактивной доске Whiteboard
- Работа с транспортиром на интерактивной доске Whiteboard
- Работа на сайте «Школьный помощник"
- Сделать фото в форме разных геометрических фигур
- Как делать скриншоты
- Как применить Рамочник для оформления: двойная анимированная рамка
- Как вставить увеличенный баннер и в рамке в инфоблок на УчПортфолио
- Как пройти онлайн-курсы по ИКТ и получить бесплатно международный сертификат Microsoft
Обнаружили плагиат? Сообщите об этом
Комментарии
![](/users/32bb90e8976aab5298d5da10fe66f21d/mini_mA9p93LxEAY0.jpg)
#1 Хороший урок. Инструкций по работе в Учпортфолио у Вас становится всё больше и больше. Вообще, это - Ваши мастер-классы - настоящие инструкции в действительности. Каждый шаг написан очень точно, понятно и пользоваться может каждый вашими уроками. Молодец!
Ольга Степанова, дата: 31.01.2017 в 19:12
![](/users/74a338894d9bedbc6ddf6746befe1245/mini_k82ENbDYIr1J.jpg)
#2 Спасибо большое, Ольга Михайловна! Пожелание у меня вон какое же "Желаю вам успешного продвижения вместе с УчПортфолио!" Стараюсь, чтобы всем было легче работать на сайте, у всех было красиво, эстетично! Еще раз СПАСИБО БОЛЬШОЕ, Ольга Михайловна! Вы всегда опережаете всех!
Залифа Гайсина, дата: 31.01.2017 в 19:29
#3 Спасибо за мастер - класс, за ваше желание помочь другим.
Светлана Жарикова, дата: 05.02.2017 в 17:14
![](/users/74a338894d9bedbc6ddf6746befe1245/mini_k82ENbDYIr1J.jpg)
#4 Спасибо Вам, Светлана Семеновна, за комментарий! Всем удачи!
Залифа Гайсина, дата: 05.02.2017 в 17:56
![](/users/ff3d65f00548c4e0c189bb01825f832e/mini_thQqGob7nwm5.png)
#5 Спасибо большое за подробное описание, с этим разобралась! А вот где сами эти логотипы Учпортфолио,не пойму. Весь интернет переискала.
Маргарита Чаркова, дата: 21.02.2017 в 7:48
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#6 Мастер- класс по установке баннеров в портфолио- uchportfolio.ru/mc/show/25532-sposoby--ustanovki---bannerov--v-svoyo-portfolio-na-sayte--uchpo
Светлана Трушина, дата: 21.02.2017 в 8:33
![](/users/b645e524a1512ce68947d3b9c948aa46/mini_42Y66EYuusQD.jpg)
#7 Можно готовые варианты скачать прямо из этого МК. Удачи!
Светлана Трушина, дата: 21.02.2017 в 8:37
![](/users/74a338894d9bedbc6ddf6746befe1245/mini_k82ENbDYIr1J.jpg)
#8 Удачи Вам, Маргарита Анатольевна! У Вас всё получится, Вы - большой молодец!
Залифа Гайсина, дата: 21.02.2017 в 11:01
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.