В этой презентации я расскажу Вам о том, как самостоятельно создать сообщение в Blogger. Публикацию мы будем называть «ПОСТ», привыкайте к этому слову. - презентация

1 В этой презентации я расскажу Вам о том, как самостоятельно создать сообщение в Blogger. Публикацию мы будем называть «ПОСТ», привыкайте к этому слову. Вначале несколько слов о том, как включить режим редактирования, а далее – небольшое учебное занятие. Приступим!

2 1. Введите в адресной строке браузера адрес российского сегмента Гугл (так, как это указано на иллюстрации, значок (1). 2. После того, как откроется поисковая страница сервиса, нажмите кнопку ВОЙТИ (2).

3 Сервис предложит Вам войти. Отказываемся от регистрации, удаляем «галочку» в ЧЕКБОКСЕ «Оставаться в системе». Вводим адрес электронной почты и пароль.

4 Мы вошли в систему. Выберем сервис «Blogger», как указано на иллюстрации.

5 Вы оказались в виртуальном пространстве, которое «занял» для себя «Классный Вестник» (электронная почта и пароль, под которыми Вы вошли в сервис, не «личные», а «Вестниковские». Здесь Вы видите список ресурсов, администрирование которыми осуществляет «Вестник». Список немал. Исполните действия, указанные на иллюстрации и раскройте список ресурсов полностью.

6 В списке выберите какой-либо блог. Войти в режим редактирования можно несколькими способами, - рассмотрите иллюстрацию.

7 Например, вот этим способом. Он предоставляет доступ к различным разделам блога. Нам же нужны СООБЩЕНИЯ.

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

9 Рассмотрите внимательно, как устроена панель редактирования. Многие символы Вам покажутся знакомыми. Все правильно, символы унифицированы, так будет проще разбираться во всем.

10 Продолжаем внимательно разглядывать иллюстрацию – и монитор

11 Теперь нам нужен текст. Его мы можем внести от руки или скопировать. ВНИМАНИЕ! -Если Вы скопировали текст с какого-либо ресурса, НЕ ВСТАВЛЯЙТЕ ЕГО СРАЗУ В СТРАНИЧКУ! -Создайте документ «Блокнота» и предварительно вставьте скопированный отрывок в него, чтобы избавиться от исходного форматирования, - так Вы избежите ненужных сложностей при редактировании. -- А вот с «Блокнота» уже копируйте смело – и в пост!

12 Таким образом вставляем отрывок на страницу будущего поста.

13 Теперь будьте, пожалуйста, внимательны! Мы будем рассматривать основные опции редактирования, иллюстрации будут последовательно отображать изменения. Так, на этой – начало работы, - выделение отрывка и выбор опции, далее – результат и выбор новой опции и т.д. ВЫРАВНИВАНИЕ текста. По ширине.

14 Выбор цвета ФОНА (как Вы заметили, чтобы отредактировать фрагмент, его необходимо выделить). Иногда большие массивы можно не выделять, а выбрать опции и кликнуть на них. Но правильнее – выделить. И не дольше, и не ошибетесь. А отдельные слова и строки – выделять тем более нужно!

15 Выбор цвета ТЕКСТА (посмотрите – отображаются результат применения двух предыдущих опций, - текст распределен по ширине, фон заголовка подсвечен цветом.

16 Выбор РАЗМЕРА шрифта. Поэкспериментируйте (как и с ТИПОМ – обычный, заголовок и т.д.)

17 Выбор ШРИФТА. А зависимости от стиля. Ориентируйтесь на формат предыдущих постов. Проявляйте изобретательность, делайте красиво и наглядно!

18 Тут будьте предельно внимательны – мы учимся вставлять ссылки. Вначале выделяем нужный отрывок текста, затем действуем по схеме. На иллюстрации – пример заполненной формы вставки ссылок. Запомните, какие поля чем заполняются, где расставлены метки.

19 Готовимся вставить изображение. По умолчанию платформа предоставляет несколько вариантов размещения изображения: оно может быть расположено В ЦЕНТРЕ, - тогда текст сместится выше (ниже), либо встроено в текст с выравниванием по левому / правому краям. Выбрать можно так же из нескольких предустановленных размеров. О более тонкой «настройке» изображения – в следующиъ публикациях.

20 - Окно редакции изображения (ВНИМАНИЕ: посмотрите, какие именно форматы изображений поддерживаются!) - Вы можете загрузить файл с жесткого диска (и он останется в блоге), выбрать уже готовое изображение из коллекции ЭОГО блога, использовать альбом Пикаса, если у Вас есть аккаунт, загрузить из телефона или вебкамеры. -Или – использовать ССЫЛКУ на изображение – URL. -Какой способ загрузки выбрать? Зависит от нескольких факторов… Если изображения повторяются, логично загрузить одно в блог и пользоваться копиями; разовые – я, например, беру ссылками. Но тут риск того, что в случае удаления «исходника» в месте его расположения он пропадет и из блога… Экспериментируйте!

21 Откройте нужное изображение. Наведите на него курсор и, используя ПРАВУЮ кнопку мышки, получите URL картинки, - скопируйте (копирование произойдет автоматически).

22 Картинка появится в окне, отобразится ссылка – если вы все сделали правильно. Теперь можно загрузить изображение.

23 Изображение вставлено в пост. Смотрим внимательно, какие опции для него предусмотрены (на иллюстрации опции располагаются в 2 ряда – сэкономил место. У Вас будет 1 ряд. Поэкспериментируйте с размерами и привыкните к тому, как все отображает Блоггер.

24 Выбор размера и расположения сделан. Проверяем результат, при необходимости выбираем иные параметры..

25 Вводим СПИСОК. Нумерованный (маркированный устанавливается точно так же). Для начала выделим фрагмент. Новые строки должны быть разделены с помощью ENTER.

26 Вставка видео. Схоже со вставкой изображения, но есть и особенности.

27 Как обычно, внимательно рассмотри окно перед началом работы. В данном примере я воспользовался каналом «Вестника» на сервисе YouTybe, - и, как видите, получил список доступных сюжетов.

28 А вот и особенности встраивания видео – в текст оно не «войдет»…

29 Зачастую пост может быть насыщенным текстом и графикой, видео, «длинным». И далеко не всегда удобно размещать его целиком, демонстрируя страничку посетителям блога. Необходимо экономить место! «Блоггер» предоставляет механизм для этого. Вставка ссылки «Дальше» позволит Вам «спрятать» часть поста, оставив лишь «передовицу». Остальное будет доступно при клике на эту ссылку.

30 Так разделитель будет выглядеть в окне редактирования.

31 ЦИТАТА. В сущности, это текстовый блок, несколько смещенный вправо от края страницы и обособленный от другого текста. Своего рода – список, но без маркеров. Неоднократное применение ЦИТАТЫ иногда позволяет сдвигать блок вправо на ту либо иную позицию. Используется для выделения каких-то значимых участков текста. Пробуйте!

32 А вот так пост выглядит «изнутри», при включении режима HTML- редактирования. Об этом – читайте в следующих публикациях!

33 Но вот редактирование завершено. Теперь необходимо сохранить работу и проверить ее в окне – поскольку внешне станица, выведенная в окно блога, будет несколько отличаться от страницы в окне редактирования. Можно предварительно ПРОСМОТРЕТЬ, на время СОХРАНИТЬ или сразу отправить ПУБЛИКАЦИЮ в Сеть!

34 Перед ПУБЛИКАЦИЕЙ «заботливый» ГУГЛ предложит поделиться Вашей радостью со всем Миром. Но мы пока откажемся! Поделиться еще успеем, - не пропускайте следующие публикации, в которых я обязательно расскажу о том, как распространять посты!

35 Теперь жмем так, как на иллюстрации, и…

36 … И вот он, результат! Поверьте, после одной-двух тренировок все будет получаться быстро и просто!

37