Создание заставки блога, или Мастер-класс от Географочки!

Все ли блоги имеют название? А заставку? "Это личное дело каждого автора - как назвать (и называть ли вообще) и как оформить свой блог", - скажете Вы и будете абсолютно правы! Ну а если Вы всё же хотите дать своему блогу название, очень рекомендую обратиться вот к этой статье... А мы сегодня поговорим о заставке блога, по-другому называемой "шапкой" блога.

Часть 1. Общие рекомендации

Что может содержаться на заставке блога?
1. Предположим, блог имеет название. Конечно же, оно будет находиться в центральной части заставки или в любом месте, но оно должно быть читаемым, т.е. крупным, ярким и привлекать внимание.
2. Информация об авторе: фамилия, имя, отчество, преподаваемый предмет, должность, ОУ, населённый пункт. Я считаю, что это минимум, который должен быть обязательно указан. Вы можете быть довольно известной личностью, предположим, на каком-нибудь портале, но любой гость блога обратит внимание на информацию об авторе, особенно, если она не прописана в верхней части блога.
3. Пояснение к блогу также может быть размещено на заставке. Например, тип блога (блог классного руководителя, образовательный блог, авторский блог и т.д.). Но считаю это не обязательным.
4. Фотография автора, фотографии учащихся, фото с уроков, мероприятий...
5. Грамоты, дипломы, сертификаты учителя и/или его учащихся. Обязательно ли это? Нет! Но возможно. Особенно, если они значимы не только для автора, имеют большой "вес" (т.е. регионального, Всероссийского, международного значения).
6. Тематические украшения (связанные с предметом, который преподаёт учитель, или с направлением блога, его содержательными акцентами).
7. "Привязка"к фону - полосы, орнамент, фоновый рисунок, обрамление картинок, словно соединяющие цветовыми акцентами заставку блога с его фоном и цветовой гаммой гаджетов и текста.
Что ещё? Да всё, что Вам покажется уместным, ведь это ВАШ блог, значит, как решите Вы, так и правильно! Но не стоит в заставке блога дублировать информацию (например, дважды писать свои ФИО, писать адрес блога и т.п.).

Я знаю, что прочитав эти советы, участники проходящего в эти дни Фестиваля образовательных сайтов и блогов-2014 улыбнутся, они знают, кто стал "вдохновителем" поста, но это не совсем так))) Сегодня (а пока писался пост, уже вчера) в блог поступил комментарий от учителя английского языка Светланы Николаевны Кирсановой, автора одноимённого блога. Вот комментарий, также послуживший мотиватором написания данного поста:

Светлана Николаевна, отвечу Вам тут. Надеюсь, что итогом наших совместных чтений-действий станет заставка Вашего поста.

#УчимсясГеографочкой

Часть 2. ГЕОГРАФОЧКА

Мой блог не всегда имел заставку. Чуть меньше года (примерно до июня 2011 года) заставка блога была вот такая:

Именно на Фестивале образовательных сайтов и блогов-2011, на котором блог занял 1 место, я познакомилась с блогами коллег со всей страны и увидела у одного из них заставку... Там была фотография автора и фото класса + название + информация об авторе.

И я решила создать свою заставку. Чуть больше года она была такая:

В сентябре 2012 года заставка несколько видоизменилась. Она стала вот такой:

А совсем недавно, 12 февраля 2014 года, приурочив это к 300000 просмотров, заставка блога ещё раз поменялась:

Можно ли было её менять полностью, кардинально - да. Но мне кажется, что именно с этой заставкой ГЕОГРАФОЧКА узнаваема... Да и нравится она мне именно такая...

Вернувшись к общим рекомендациям, что можно разместить на заставке, хочу дать комментарий содержимому заставки. Помимо общей информации об авторе, названия блога, тематических картинок (география), на заставке присутствуют 15 грамот, три из которых были добавлены не так давно: две от Министерства образования и науки РФ (о победе в ПНПО-2012 и за вклад в развитие образования), а также грамота краевого министерства о победе в конкурсе. Почему грамоты? Хвастовство? Нет, ни капельки. Просто лишнее напоминание самой себе, что участие в конкурсах способствует саморазвитию, самообразованию, саморазворачиванию. Лично для меня это так.

Часть 3. Рассмотрим примеры

А теперь предлагаю рассмотреть заставки нескольких блогов,  которые я читаю. Ссылки на них есть сбоку на левой панели. Почему именно эти - пусть останется моей маленькой тайной)))))))

 Заставка блога класса создана на чуть засветлённом фоне (небо + подсолнухи). Содержит мою фотографию и фотографии моих малышат. Фото в оригинальных рамках, "привязывающих" их к цветовой схеме фона. Также есть 2 грамоты об участии в конкурсах блогов. Их только две, т.к. заставка создавалась в сентябре-2012, когда блогу только исполнился год. И, конечно же, там есть название блога, информация об его авторах.

Заставка Блога общественной организации - Ассоциации участников профессионального конкурса "Учитель года города Краснодара" помимо символа конкурса (пеликан и девиз) содержит фотографии победителей конкурса разных лет, Ответственного секретаря конкурса и Наставника Краснодарских Пеликанов - Татьяны Адольфовны Ваховской. Официальные цвета блога - оранжевый и зелёный, поэтому все фото в рамочках.

Блог моей коллеги содержит в заставке фото автора, рабочие моменты уроков, информацию об авторе и очень оригинально оформленное название блога. А также самые ценные грамоты учителя.

Атмосфера кубанского казачества возникает при просмотре данной заставки. Есть название, информация об авторе, дополнительная информация, фото ребят класса, мероприятий. А в качестве основного фото выбрана фотография самого узнаваемого места хутора, откуда автор.

Интересна и разнообразна заставка у блога учителя начальных классов: название + информация об авторе + фото автора + тематические картинки + цветочные украшения + авторские рисунки учащихся. Согласитесь, даже если Вы не прочитаете, что это блог учителя начальных классов, заставка поможет Вам это понять на интуитивном уровне.

Особенностью данной заставки является её полная привязка к фону всего блога. Для создания зеркального эффекта левая картинка является полным отражением правой. А чтобы это не так бросалось в глаза, добавлены дополнительные элементы - отдельные листики (разных размеров и по-разному повёрнутые). Вы легко их сможете найти, просто сравнив левую и правую части. Конечно же, в заставке есть название блога, информация об авторе, а также дополнительная информация о предназначении данного блога. Кстати, данный блог стал победителем номинации "Самый стильный блог" в муниципальном конкурсе "Лучший блогер-2012".

Данная заставка помимо фото автора, названия блога, информации об авторе и фотографий с урока имеет очень интересный фоновый рисунок. Он создан из... из фона блога. Как? После долгих поисков в интернете была найдена картинка, послужившая первоисточником для фона блога (он "родной", выбран из шаблонных). Картинка скопирована и развёрнута зеркально... Вот и основа для заставки. Очень оригинально смотрится в сочетании с фоновым рисунком блога, проверьте!

 А эту заставку я про себя называю "Когда сочетается несочетаемое". Сочетание красного и бирюзового! Не слабо! Итак, мы видим фото автора блога, фотографии с мероприятий, некоторые грамоты, свидетельствующие о высоких достижениях автора, информацию об авторе и... А вот теперь и пошло сочетание несочетаемого: тематическая картинка с сердцем, название блога - красного цвета. Рамочки у фотографий - светло- и тёмно-бирюзовые (под фон блога), дополнительные красные цветовые акценты в виде маленьких сердечек (привязка к названию). В итоге получилось очень гармоничное сочетание цвета и содержания.

Часть 4. Практическая (пополняемая)

И вот теперь, после того, как мы уже знаем, что будет располагаться на нашей заставке, перейдём к вопросу КАК же это сделать!

Да простит меня Елена Николаевна Гайдай из Центра "Старт", но проучившись на курсах по фотошопу, но не имея в наличии нужной платной версии данной программы, да и, чего уж таить, растеряв за это время полученные навыки, я по-прежнему делаю заставки в своей любимой Презентации Microsoft PowerPoint (помните, мы обычно в ней делаем презентации к урокам). Да и все заставки описанные выше, сделаны именно так.

Конечно, если Вы обладаете навыками работы в различных редакторах, или умеете делать прекрасные картинки с подписями в онлайн-редакторах (например, об этом написано вот тут), то просто пропустите следующие несколько абзацев.

Я расскажу о том, как делаю я. 

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

2. Создаём Презентацию Microsoft PowerPoint. Помещаем все заготовки для заставки туда.

3. С помощью красивых шрифтов (я обычно использую WordArt, он есть на панели инструментов) делаем подписи, название блога.

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

И вот теперь возможны вариации.

Если нам нужен определённый фон, то

5. все картинки помещаем на этот фон и сохраняем полученный слайд как картинку (лучше всего в формате PNG.). 

А если нам нужен прозрачный фон заставки (например, как в ГЕОГРАФОЧКЕ), то 

5. нажимаем кнопку Ctrl и, не отпуская её, щёлкаем все-все добавленные нами и расположенные в правильных местах картинки-подписи-украшения. 

Потом наводим мышку на любую картинку и нажимаем правую кнопку мышки. Выбираем "Группировка"-- "Группировать". Проверьте, всё ли Вы сделали верно: перетащите сгруппированную картинку чуть ниже. Если она переместилась вся, то Вы всё сделали верно! Не вся? Ищите потерянные картинки-подписи и группируйте их с уже сделанными.

Потом наводим мышку на картинку и нажимаем правую кнопку мышки, выбираем "Сохранить как...". Сохранять лучше всего в формате PNG. 

Далее - одинаково для прозрачного и непрозрачного фона:

6. Обрезаем лишнюю часть, чтобы заставка была вытянутой, и, в зависимости от ширины блога (это можно посмотреть тут: Настройки--Шаблон--Настроить--Регулировка ширины), делаем картинку нужного размера.

7. Заходим в блог, Настройки--Дизайн--Заголовок--Изменить--Настроить заголовок--Место размещения--После названия и описания

или просто создаём гаджет "Изображение", ставим его вверху блога, убираем "галочку" "Сжать до размеров экрана" и вставляем нашу картинку, соединив её ссылкой с Главной странице блога. 

ГОТОВО!!!

Ну а теперь попробуйте сами создать собственную заставку блога! 

А я хочу обратиться к Светлане Николаевне Кирсановой:

Светлана Николаевна, предлагаю Вам попробовать сделать заставку для своего блога. Если позволите, я тоже приму в этом участие. Буду с нетерпением ждать Ваш ответ в комментариях!

Продолжение в постах

за 2 марта 2014г.

и 23 марта 2014 г.