На пути к успеху: Уроки для блогов и сайтов

Красивый фон блога

Когда мы заходим на блог, первое, что бросается в глаза, - его фон.
Фон - это настроение блога, не правда ли? Более того, по фону можно даже судить о характере хозяина блога. Кто-то выбирает романтичный фон, кто-то сдержанный, кто-то с
философским подтекстом... Мы все разные, и это здорово!
Но иногда подобрать нужный цвет и тон блога не удается. Шаблонные фоны ставить не хочется, а найти нужную картинку не так уж просто. То размер не подходит, то стыки видно, то ещё что-то...
Так я думала, с завистью прогуливаясь по ЛИ.РУ. Вот где красота! Что ни страница - шедевр.
А потом поняла, что и мы можем блоги сделать красочными и яркими. Лирушники - люди не только талантливые, но и щедрые! Они для рамочек такие красивые бесшовные фоны делают - просто загляденье! А это то, что нам надо: огромнейший выбор, нужный размер и - главное - отсутствие швов между картинками!
Итак, где искать картинки?
1. Самое простое - ввести в поисковик "бесшовные фоны". Выйдет множество ссылок на нужные сайты. Например:
http://fotki.yandex.ru/users/gylhataj/album/241014
http://argusfon.com/besshovnye-fony/

2. Можно сразу пойти на ЛИ.РУ. Вот несколько ссылок:
http://akmaya.ru/rubric/2305552/
http://gylhataj.ru/fonyi-besshovnyie-tsvetochnyie
http://efachka.ru/post179866006/?upd
http://www.liveinternet.ru/users/geniavegas/post265102845/
Красота, правда?!

3. Скачиваем на компьютер в отдельную папку понравившиеся картинки (5-10-15-20...). Анимированные тоже можно использовать, но часто теряется анимация.
4. Идем на свой блог. Нам нужно изменить ШАБЛОН

5.Выбираем "фон"

6.Шаблон прежний не удаляем, кликаем по треугольнику

7. В открытом окне выбираем "загрузить"

8. Открываем папку с нашими картинками

9. Картинка сразу "замостит" страницу. Если не нравится, отменяйте действие и загружайте другую. Может быть и такое: не подходит размер (это высветится красным цветом)

10. Нравится? Кликнем "готово". После этого надо выровнять по центру

11. Оставьте "замостить". Прокручивать вместе со страницей или нет - решайте сами. Попробуйте так и так.

12. Если все устраивает - не забудьте кликнуть "применить".

Красивых вам блогов, друзья!

Уроки от Юлии Якушевской

Цифровые образовательные ресурсы на блоге

Сегодня пойдет речь о внедрении флеш-объектов в блог, используя коллекцию цифровых образовательных ресурсов.

Я уже писала о сервисе для хранения файлов с расширением .swf и технологию внедрения их. А как же добавить флеш-объекты, используя единую коллекцию образовательных ресурсов?

1 шаг. Заходим на сайт Единой коллекции ЦОР по адресу http://school-collection.edu.ru

2 шаг. Выбираем из коллекции по своему предмету ЦОР (флеш-объект)

3 шаг. Копируем ссылку на ресурс

4 шаг. Вставляем ЦОР в блог:

Создаем новое сообщение - переходим в режим "Изменить HTML"

Копируем нижеприведенный код и вставляем его в сообщение

Можно изменить размер флеш-объекта:
height=300 – высота 300 пикселов
width=450 – ширина 450 пикселов

Теперь копируем ссылку на ресурс и вставляем его в код вместо "ссылка-на-файл"

Вот, что должно должно быть сделано:

Это результат (внедренный ресурс из единой коллекции в формате .swf:

Создание кроссвордов online

ФАБРИКА КРОССВОРДОВ

Заходим по ссылке http://crossword.awardspace.info
Выделяем мышкой место в рабочей области для первого слова

Как только отпустите мышку, появится окно для ввода букв вашего слова (есть
возможность выбрать подходящее слово из словаря (списка) → Жмем «Готово»:

После нажатия кнопки «Готово», в выделенной области отобразятся буквы вашего
слова. Нажав на слово, можно добавить вопрос к нему:

Аналогично создаются остальные слова:

Полученный кроссворд нужно сохранить, нажав на кнопку «Сохранить кроссворд». Вам
будет предложено 2 ссылки: для редактирования и для разгадывания:

Можно дать название кроссворду.

Примечание:

1. Для перемещения слова или всего кроссворда нужно удерживать клавишу Ctrl.

2. С помощью стрелочек можно уменьшать или увеличивать область для кроссворда.

Ссылка для редактирования:

http://crossword.awardspace.info/crossword.cgi?edit=9BE23B18F0CF8550&pin=7872FFFB

Ссылка для разгадывания:

http://crossword.awardspace.info/crossword.cgi?guess=9BE23B18F0CF8550

Сделай свой ребус

Буквально недавно узнала об интересном сервисе, с помощью которого можно за 1 секунду сделать свой ребус И для этого достаточно всего написать слово для расшифровки!!!

Итак, начнем..

1. Заходим по адресу http://rurebus.ru

2. Вводим в поле слово для разгадывания:

3. Жмем на ссылку "Показать ребус"

4. Копируем ссылку и внедряем на сайт или блог

Коллаж-плакат в одном лице

Учимся делать вот такой (или с другим шаблоном) коллаж-плакат

1. В отдельную папку соберем всё, что понадобится для работы: рисунки, фото, аудио, ссылки на ресурсы и т.д.
2. Создаем КОЛЛАЖ.

Сайтов, предлагающих свои шаблоны, в Интернете достаточно много. Если нужно вставить много картинок и фотографий, предлагаю воспользоваться интересным фоторедактором:
http://img-life.ru/photoeffects.html

Основные услуги, которые предлагает этот сайт: размещение фотографий , фотошоп-онлайн, фоторедактор и создание скриншотов. Не советую заходить на эти страницы, потому что настораживает большое количество баннеров на них.

Заходим сразу сюда:

В открывшемся окне выбираем шаблон. Их тут множество!

Я хочу сделать коллаж на школьную тему. Мне подойдет этот:

Когда все картинки окажутся на месте, поработаем над фоном

Можно добавить эффекты, но меня они не особенно впечатлили. Попробуйте!

Если все устраивает, сохраним коллаж

3. Добавим на коллаж надпись. Это можно просто сделать в PAINT

Выберем цвет надписи

4. Делаем на основе созданного коллажа ПЛАКАТ

Для этого заходим на сайт http://picstag.ru/

Открывается окно

Можно просто перетащить наш коллаж в открывшееся окно

Внимание! Работаем с нижним окном!

Алгоритм простой

Так можно добавить столько ссылок, сколько вздумается, и там, где захочется.
Можно загрузить со своего компьютера аудио.

Теперь сохраняем плакат

Копируем код, вставляем на блог в HTML

Любуемся!!!

Учтите, что размер коллажа получается огромным (1200 на 1200 пикс.). Когда перенесете код на блог, исправьте в нем высоту и ширину (я уменьшила до 600 пикс). Это придется сделать в 6 местах!
Ещё один коллаж можно посмотреть здесь: http://tamaranew.blogspot.ru/2013/03/blog-post_31.html

Виджет "Вопросы и предложения" на вашем блоге

Инструкция:

1. Заходим по ссылке на сайт Reformal.ru
2. Жмем на кнопку "Создать свой проект"
3. Входим в систему (есть возможность войти через аккаунт Google)