Мастер-класс "Как изменить размеры фотографий или картинок для вставки в инфоблок на УчПортфолио"
Гайсина Залифа Шакуровна
учитель математики
МОБУ СОШ село Ишемгул
Зианчуринский район
Республика Башкортостан
2017 год
Как изменить размеры фотографий или картинок
для вставки в инфоблок на УчПортфолио
Цель:
Обучить последовательному действию изменения размеров фотографий, картинок.
Задачи:
1.Передать коллегам личный опыт по предложенной теме.
2.Оказать помощь участникам «УчПортфолио» для работы на сайте.
Чтобы изменить размеры фотографий или картинок для вставки в инфоблок на УчПортфолио для эстетичности оформления своих страниц, я предлагаю свой мастер-класс. Работаем в текстовом блоке.
Шаг 1
Нужен URL фотографии или картинки. Для этого нажимаем правой кнопкой мышки на рисунок, выбираем «открыть изображение», и скопируем адрес из адресной строки. А если же нет URL адрес картинки, фотографии, то загружаем картину или фотографию в свою фотогалерею. Там и берем URL картинки.
Для этой картинки URL - 4put.ru/pictures/max/456/1402355.jpg
Шаг 2
Вставим URL картинки, фотографии в это окошко, которое используется для вставки изображений.
Шаг 3
Нажимаем правой кнопкой мыши на пустом поле. Появятся размеры картинки, в данном случае ширина - 2560, а высота – 1600, т.е. очень большие. На ширине страницы инфоблока помещаются фотографии, картинки ширины около 640. Значит, фотография выходит за пределы страницы, т.е. надо в данном случае уменьшить размеры.
Иногда эти размеры бывают маленькими. Тогда увеличиваем размеры, т.е. тоже работаем только с шириной фотографий, картинок, высота опять же увеличится при увеличении размеров ширины.
Шаг 4
Уменьшаем размер ширины картинки на 640 вручную (было 2560), при этом пропорционально уменьшается и высота картины на 400.
Шаг 5
Нажимаем на OK, и получим нужную нам картинку с нужными измененными размерами.
Желаю вам успешного продвижения вместе с УчПортфолио!
- Как вставить фоновый рисунок из интернета на сайте Писец
- Наложение графиков функций у = sin x и y=cos x на интерактивной доске Whiteboard
- Как оформить границы для фотографий и картинок
- Как вставить увеличенный баннер и в рамке в инфоблок на УчПортфолио
- Работа с циркулем на интерактивной доске Whiteboard
- Построение вписанных в окружность многоугольников на интерактивной доске Whiteboard
- Применение "Текстофота" для создания текстов на сайте Писец
- Как применить Рамочник для оформления: двойная анимированная рамка
- Как изменить размеры фотографий или картинок для вставки в инфоблок на УчПортфолио
- Объединение двух картинок в одну
Комментарии














