С нами 17342 учителя, 7338 учеников.
Присоединяйтесь – это бесплатно!
Мастер-класс "Как загрузить картинки без фона в текстовой блок инфоблока"
Залифа Гайсина   20.04.2017   1717   20
Гайсина Залифа Шакуровна
учитель математики
МОБУ СОШ село Ишемгул
Зианчуринский район
Республика Башкортостан
2017 год



 
Как загрузить картинки без фона в текстовой блок инфоблока
 


Цель:
Познакомить    пользователей  сайта   «Учпортфолио»  с   загрузкой картинок без фона в свой сайт.

Задачи: 
1. Передать  личный  опыт  по предложенной теме.
2. Научить   участников сайта, как загрузить картинки без фона в текстовой блок инфоблока.  

 

Предполагаемый продукт: 
 
 


 
Шаг 1
На сайте http://www.lenagold.ru/fon/clipart/p/podsn.html выбрала подснежника



 
 


Шаг 2
Копирую URL этой картинки 



 


 
Шаг 3
Загружаю в текстовой блок инфоблока



 


 
Шаг 4
Заходя в "Личный кабинет" - "Стиль портфолио" - "Просмотр портфолио" получаю картину  с фоном



 


 

Шаг 5
Открываю картину в другом окне, т.е. нажимаю на "Картинка в PNG"


 


 
Шаг 6
Открывается картина 

 

 
Шаг 7
Копирую URL данной картинки 


 

Шаг 8
Загружаю в текстовой блок инфоблока



 

 
 
Шаг 9
Размеры картины очень большие - 4922, уменьшаю до 100


 


 
Шаг 10
Нажимаем  «Сохранить» и проверяем полученную работу, т.е. нашу картину без фона, заходя в «Личный кабинет» через «Стиль портфолио» - "Просмотр портфолио". Нижний рисунок уже получился без фона




 
Уважаемые коллеги! Желаю вам успешного продвижения вместе с УчПортфолио!

 
Другие мастер-классы пользователя
Обнаружили плагиат? Сообщите об этом

Комментарии

#1 Светлана Юрьевна! Вы пишете, " вот этот мне точно пригодится , постоянно сталкиваюсь с этой проблемой!". Удачи Вам в применении! Картинки без фона украшают страницы. По словам А.П. Чехова "В человеке всё должно быть прекрасно: и лицо, и одежда, и душа, и мысли..." Будем работать над всем!
Залифа Гайсина, дата: 21.04.2017 в 13:35  
#2 Спасибо за МК! Воспользовалась им, вставила картинку на главную страницу
Галина Борискина , дата: 21.04.2017 в 14:38  
#3 Галина Георгиевна, спасибо Вам большое! Удачи Вам во всём!
Залифа Гайсина, дата: 21.04.2017 в 14:42  
#4 Спасибо,Залифа Шакуровна, за хороший мастер-класс. Всё чётко и ясно. Буду пробовать!
Ирина Мерзлютина, дата: 21.04.2017 в 14:51  
#5 Спасибо большое, Ирина Александровна! Вы всегда в курсе моих новостей. И всегда поддерживаете! Мира, добра, благополучия Вам! Творческих успехов во всём!
Залифа Гайсина, дата: 21.04.2017 в 14:57  
#6 Залифа Шакуровна, спасибо за новый мастер-класс! Все четко и понятно! Ваши работы помогают участникам сайта совершенствовать свои портфолио!
Юлия Пасынок, дата: 21.04.2017 в 15:04  
#7 Тоже заинтересовалась Вашим мастер-классом, Залифа Шакуровна!Нужно обязательно применить теперь на практике! Спасибо!
Ирина Головецкая, дата: 21.04.2017 в 15:08  
#8 Спасибо большое, Юлия Юрьевна! Стараюсь, работаю над развитием "УчПОртфолио". Всем Вам удачи, дорогие мои!
Залифа Гайсина, дата: 21.04.2017 в 15:13  
#9 Ирина Михайловна, спасибо Вам огромное, за добрый комментарий! Попробуйте, у Вас обязательно получится!
Залифа Гайсина, дата: 21.04.2017 в 15:15  
#10 Залифа Шакуровна, как всегда-все гениально и просто! Сколько красивых картинок я не загрузила из-за этой проблемы! Вот теперь-то я за них возьмусь! Спасибо вам огромное, за доступные, нужные уроки! Ждемс продолжения!!!
Маргарита Чаркова, дата: 21.04.2017 в 16:15  
#11 Спасибо большое, Маргарита Анатольевна! Вы всегда умеете подобрать самые нужные слова. Можно и другим путем, точно, мой следующий МК на эту тему будет! Спасибо Вам всем, мои уважаемые коллеги! Всего Вам только доброго!
Залифа Гайсина, дата: 21.04.2017 в 17:13  
#12 Залифа Шакуровна. Спасибо за мастер-класс! Всё гениальное- просто! Будем пробовать!
Марина Лаптева, дата: 21.04.2017 в 17:26  
#13 Залифа Шакуровна, добрый вечер. Действиельно, как отмечают коллеги, хороший мастер-класс для работы в Учпортфолио. Картины в формате пнг всегда красиво смотрятся при оформлении веб-страниц. Я дошла до пятого шага , где сказано "Открываю картину в другом окне". Я здесь остановилась и не смогла пойти дальше. Хотелось бы попросить чуть-чуть поподробней здесь, на 5-м и 6-м шагах. Или , возможно уже коллеги научились это делать, жду помощи уже от опытных коллег, кто уже испробовал на себе эту технологию. Спасибо за понимание и спасибо за помощь заранее. Спасибо, Залифа Шакуровна.
Ольга Степанова, дата: 21.04.2017 в 21:38  
#14 Залифа Шакуровна, у меня получилось! Прошла заново все шаги и догадалась, как всё это работает! Спасибо!
Ольга Степанова, дата: 21.04.2017 в 21:53  
#15 Марина Николаевна, спасибо Вам за отзыв! Удачи в применении всем! Выше я написала "По словам А.П. Чехова "В человеке всё должно быть прекрасно: и лицо, и одежда, и душа, и мысли..." Будем работать над всем!". У меня тут никакого намека, уважаемые коллеги. Я имела ввиду, что встречаются страницы, которые выглядят неэстетично. У меня и у самой вначале работы на сайте были такие страницы...Я благодарна коллегам, мастер-классам. Вроде чему-то научилась. Будем учиться вместе. Спасибо Всем за поддержку!
Залифа Гайсина, дата: 22.04.2017 в 7:31  
#16 Ольга Михайловна, спасибо Вам. Я рада, что у Вас получилось! Удачи Вам!
Залифа Гайсина, дата: 22.04.2017 в 7:32  
#17 Залифа Шакуровна, оказывается, и такое возможно! Говорят, век живи, век учись. Вот и я рада, что оказалась на сайте, где пополнила свои знания отличными умениями. Спасибо за классный и доступный материал!
Маргарита Абраконова, дата: 22.04.2017 в 15:44  
#18 Спасибо большое, Маргарита Вячеславовна, за добрый отзыв. Я рада, что мои МК помогают моим коллегам.
Залифа Гайсина, дата: 22.04.2017 в 20:27  
#19 Очень полезный мастер - класс. Главное, красиво украшаю портфолио. Спасибо вам.
Светлана Жарикова, дата: 23.04.2017 в 7:33  
#20 Спасибо большое, Светлана Семеновна, за Ваш добрый отзыв! За внимание, за время, котрое уделяете мне. Удачи Вам во всём!
Залифа Гайсина, дата: 23.04.2017 в 15:10  
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ