суббота, 27 декабря 2008 г.

Как раскрасить свой блог

"Скажи мне, и я забуду. Покажи мне, и может быть, я запомню.

Но вовлеки меня, и я пойму".

Китайская пословица

Итак, у Вас есть фото или рисунки, которые Вы хотите добавить в пост. С чего начать?

1. Прежде всего, с простейшей обработки исходного материала:

  • Изменение размера или обрезка лишнего
  • Вращение (ротация)
  • Уменьшение эффекта красных глаз
  • Коррекция цвета, резкости, освещенности

Для редактирования изображений существует множество программ с различными набором функций и наворотов. Для наших задач наиболее оптимальны: ACDSee Pro или Irfan View.

Эти программы позволяют просматривать файлы изображений различных форматов, редактировать и сохранять их под новыми именами:

  • Открываем файл
  • Редактируем изображение, используя команды меню Изображение/Инструменты/Tools/Edit
  • Сохраняем отредактированный файл: Файл --> Сохранить как…

Как правило, современные фотоагрегаты выдают файлы значительного размера и, следовательно, "веса". Например, фотография размером 2272 х 1704 пс (пикселя) "весит" около 2Мб. Если несколько таких фото Вы вставите в пост, то это приведет к бесполезному увеличению трафика и замедлит загрузку страницы. При этом надо учитывать, что в окне блога фото будет выводиться с шириной ограниченной макетом Вашего блога. Ширина поста этого блога около 400 пс.
Поэтому первое о чем надо позаботиться – изменение размера фото.

В программе Irfan View это делается следующим образом:

  • выбираем команду Изображение --> Изменить размер изображения (Resize)
  • выбираем один из стандартных размеров, определяем Новый размер как процент от исходного или вводим значение "400" в окошке Ширина в режиме "пикселы".

У Вас может быть другой макет блога и, соответственно, другая ширина поста. В этом случае Вы можете задавать большую ширину, если хотите видеть в посте фото "в полный рост". Ширину поста в пикселях (точках экрана) можно приблизительно определить относительно ширины Вашего монитора – посмотрите параметр Разрешение в Свойствах экрана.

2. Редактируем изображение

С помощью программы FastStone Capture Вы тоже можете редактировать свои картинки:

  • Изменить размер изображения – кнопка Resize
  • добавить надписи, стрелки, геометрические фигуры и т.п. – кнопка Draw
  • сделать края картинки с тенью и/или "оборванные" – кнопка Edge

Но главное достоинство FastStone Capture – она позволяет делать снимки экрана - скриншоты (см. иллюстрацию выше) в различных вариантах:

  • Активное окно
  • Рабочая зона активного окна
  • Произвольная прямоугольная область
  • Произвольная многоугольная область
  • Экран полностью
  • Многостраничный документ – фотографирует содержимое окна с текущего места до самого конца (низа); даже то, что не видно в окне в момент снимка.


Эти кнопки расположены на рабочей панели, которая появится после запуска программы – кликните ярлык программы.

До версии 5.3 FastStone Capture была бесплатной.
Используя http://www.google.ru/ Вам не составит труда найти и скачать эти программы.



3. Добавляем фото в пост на https://www.blogger.com/

В режиме Новое сообщение кликаем кнопку [Добавить изображение].

Далее Вам надо выбрать откуда загружать фото, как его расположить на странице и размер.
Загрузить фото можно 2-мя вариантами:

А) с Вашего компьютера кнопка Обзор

В) из Интернета, предварительно загрузив их туда - поле URL

Вариант А – самый простой и быстрый, но ограничивает Вас использованием только своих файлов.

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

Хранить любые файлы Интернете можно на собственном сайте или использовать т.н. файлообменники, например, на сервисе интернет закладок и хранения файлов МоёМесто.ru я храню некоторые свои файлы для свободного доступа .

Для хранения изображений в сети удобно использовать специальный сервис от Google – Picasa.

Picasa позволяет находить и организовывать фотографии на компьютере, а также загружать их прямо в веб-альбомы Picasa одним нажатием мышки.

1. Заходим http://picasaweb.google.com/home

2. Загружаем программу – кликаем кнопку Бесплатная загрузка

После установки программы на Вашем компьютере Picasa найдет все графические файлы на Вашем компьютере и Вы сможете создать в своем аккаунте Google Вэб-альбом(-ы) и закачать туда выбранные фото. Каждый альбом и каждое фото будут иметь свой уникальный адрес в сети. Теперь Вы сможете указать ссылку на фото при добавлении файла по варианту В или давать ссылки на весь альбом.

Альбомы могут быть тематическими, открытыми и с ограниченным доступом.

Вэб-альбом Picasa пригодиться Вам и в случае, если Вы захотите добавить на свой блог показ слайдов (см. гаджет "Поздравляем наших бриллиантов"):

  • создаете Вэб-альбом в сервисе Picasa и закачиваете туда фотографии
  • заходите в Макет своего блога и на правой панели кликаете добавить Гаджет
  • в списке выбираете Показ слайдов
  • заполняете поля в окне "Настройка режима показа слайдов"; выбираете Источник – "Вэб-альбом Picasa", Вариант – Альбом
  • Имя пользователя – Ваш адрес почты Gmail
  • Из списка в поле Альбом выбираем созданный альбом
  • Ставим отметку "Открывать ссылки в новом окне"
  • кликаете Сохранить и перетаскиваете гаджет на то место, где Вы его хотите видеть.

При добавлении отдельного фото оно появляется в самом верху окна. Чтобы расположить его в нужном месте поста:

  • Выделите (кликните) фото
  • Вырежьте его (Ctrl +X)
  • Установите курсор в то место, где хотите видеть фото
  • Вставьте фото (Ctrl +V)

Сохраняя аудио и видео файлы в сети и Вы можете аналогичным способом озвучить свой сайт и сделать его более визуальным или, выражаясь по-забугорному, более медийным.


Читать еще:

Как быстро создать видеоурок (скринкаст)

Как сделать фотоальбом в стиле “3D”

4 комментария:

Лидия комментирует...

Здравствуйте, Александр и Галина!
Спасибо за ценные рекомендации. И ещё хочу сказать, что Ваш блог очень интересен и полезен. Удачи!!!

Галина Гасанова. г.Саранск, Russia комментирует...

Здравствуйте, Александр и Галина! Очень полезная информация захотелось сразу применить на практике, но я скачала Irfan View на английском и смотрю как баран на ворота. Скажите где взять русскую версию? С уважением Галина.

Александр и Галина ПОПОВЫ комментирует...

Откуда я скачал IrfanView v4.10 уже не помню, но вместе с программой надо еще скачать руссификатор.
Про руссификатор для v4.10 здесь: http://gerve.mylivepage.ru/file/875/3326

Анонимный комментирует...

Who knows where to download XRumer 5.0 Palladium?
Help, please. All recommend this program to effectively advertise on the Internet, this is the best program!