Мастер-класс "Как украсить текстовой блок на сайте "УчПортфолио""
22.01.2017
1994
14Гайсина Залифа Шакуровна
учитель математики
МОБУ СОШ село Ишемгул
Зианчуринский район
Республика Башкортостан
2017 год
Как украсить текстовой блок на сайте "УчПортфолио"
Цель:
1.Обучить последовательному действию украшения текстового блок на сайте "УчПортфолио".
2.Поделиться опытом оформления дизайна Портфолио на сайте "УчПортфолио".
Задачи:
1.Передать коллегам личный опыт по предложенной теме.
2.Оказать помощь участникам «УчПортфолио» для работы на сайте.
Предполагаемый продукт:
У меня заранее размещены 2 баннера "УчПортфолио" и бегущая строка. Работаю на этом текстовом блоке.
Шаг 1
Для украшения текстового блока Портфолио в интернете разделители для блогов на прозрачном фоне. Очень много различных разделителей на сайте http://mirgif.com/blestjawie-linii.htm
Сохранять эти разделители нам не нужно, надо будет только скопировать URL картинки с сайта по ходу оформления и вставить. Картиники, которые будут нужны мне для оформления
Шаг 2
Вставим URL картинки в окошко, которое используется для вставки изображений
Шаг 3
Вставим URL той же картинки, т.к. у меня 2 одинаковые картинки, но размеры нижней картинки уменьшаю
Шаг 4
Слева этой картинки вставим голубя на прозрачном фоне, тоже URL берем с интернета с сайта, где рисунки голубя на прозрачном фоне
Шаг 5
Размеры голубя большие, уменьшаю размеры голубя
Размеры голубя большие, уменьшаю размеры голубя
Шаг 6
Получили такой рисунок. Пока не сохраняем, т.к. продолжим работу
Получили такой рисунок. Пока не сохраняем, т.к. продолжим работу
Шаг 7
Вставим справа другого голубя, уменьшив опять размеры
Вставим справа другого голубя, уменьшив опять размеры
Шаг 8
Сохранив, проверяем полученный результат через "Стиль портфолио" - "Просмотр портфолио"
Сохранив, проверяем полученный результат через "Стиль портфолио" - "Просмотр портфолио"
Желаю вам успешного продвижения вместе с "УчПортфолио!"
Другие мастер-классы пользователя
- Работа на сайте «Школьный помощник"
- Наложение графиков функций у = sin x и y=cos x на интерактивной доске Whiteboard
- Как делать скриншоты
- Как сократить длинные ссылки
- Сделать фото в форме разных геометрических фигур
- Как получить бесплатно международный сертификат Педагогической Академии Microsoft за вебинары
- Как оформить несколько картинок в общей рамке на сайте Писец
- Объединение двух картинок в одну
- Как применить Рамочник для оформления: картина и надпись в общей рамке
- Как применить Галерею Рамочника для оформления
Комментарии
#1 Залифа Шакуровна,Вы большая труженица. Хороший мастер-класс получился.Всё последовательно и понятно.Спасибо!
Ирина Мерзлютина, дата: 22.01.2017 в 19:56
#2 Спасибо большое, Ирина Александровна! Кто хочет, пусть все применяют! Удачи всем!
Залифа Гайсина, дата: 22.01.2017 в 20:00
#3 Нужный и полезный мастер-класс! Думаю, многие коллеги воспользуются этим уроком. Каждый шаг описан понятно, просто и доступно. Удачи Вам и впредь!
Ольга Степанова, дата: 22.01.2017 в 20:14
#4 Спасибо, Ольга Михайловна! Я тоже так считаю. Теперь у нас у всех красивые текстовые блоки появятся. Спасибо за пожелания!
Залифа Гайсина, дата: 22.01.2017 в 21:14
#5 Спасибо за полезный и понятный мастер-класс! Всё получилось. Вставила одну линеечку на первую страничку!
Галина Борискина , дата: 23.01.2017 в 4:46
#6 Спасибо большое, Галина Георгиевна! Вы - большой молодец! Удачи Вам во всём!
Залифа Гайсина, дата: 23.01.2017 в 15:15
#7 Спасибо большое за интересный мастер-класс, Залифа Шакуровна!Обязательно воспользуюсь Вашими подсказками для украшения странички!
Татьяна Волкова, дата: 29.01.2017 в 22:39
#8 Удачи Вам, Татьяна Анатольевна! Во всём!
Залифа Гайсина, дата: 30.01.2017 в 21:20
#9 У меня были проблемы с размером картинок, прочитав Ваши рекомендации-все встало на свои места! СПАСБОЧКИ!!! Учите меня, учите, я еще со многим не знакома, а хорошая я ученица-потому что Вы-отличный учитель!
Маргарита Чаркова, дата: 21.02.2017 в 12:51
#10 Спасибо большое, Маргарита Анатольевна! Вы ещё и БЛАГОДАРНАЯ УЧЕНИЦА! У Вас всё получится только на "5"! Мы все вместе и учимся! Спасибо Вам ещё раз огромное! Удачи во всём!
Залифа Гайсина, дата: 22.02.2017 в 7:23
#11 Всегда думала, что любую анимацию можно просто скачать ,или вставить НТЛМ кодом в окно видео в инфоблоке. Оказывается, можно и таким способом через ссылку в окне- Изображения- вставить анимацию. Спасибо , попробую что- нибудь выбрать на предлагаемом Вами сайте для себя.
Светлана Трушина, дата: 18.03.2017 в 12:18
#12 Светлана Юрьевна, спасибо за комментарий! Можно, но не всегда получается ожидаемый результат. Иногда мешает фон, или что-то. Спасибо Вам и удачи во всём!
Залифа Гайсина, дата: 18.03.2017 в 13:20
#13 Подробное и понятное описание, Залифа Шакуровна! Спасибо большое за интересный мастер-класс!
Елена Перепелицина, дата: 21.03.2017 в 23:39
#14 Елена Викторовна, спасибо Вам большое за добрый отзыв! Удачи Вам во всём!
Залифа Гайсина, дата: 23.03.2017 в 21:05
Чтобы оставить комментарий, пожалуйста, зарегистрируйтесь и авторизируйтесь на сайте.
