Модуль 4. Наполнение блога



Как создать страницы блога?



Видеоинструкции по работе с блогом от teachvideo:

http://www.youtube.com/watch?v=yUw-8mpRiOM&list=SPC3B7F072D8F34BC3 - Создание сообщений и страниц в Google Blogger. Часть 1

http://www.youtube.com/watch?v=alh7ASCuTsQ&list=SPC3B7F072D8F34BC3 - Создание сообщений и страниц в Google Blogger. Часть 2


Как создать новое сообщение?

Основные этапы написания сообщения:
  • В поле Название - напишите тему вашего сообщения (лучше не увлекаться очень длинными темами)
  • В поле сообщения внесите текст вашего сообщения. Текст сообщения можно вводить в двух режимах - режим ИЗМЕНИТЬ HTML и СОЗДАТЬ. ВНИМАНИЕ: В режиме СОЗДАТЬ при копировании из ВОРДА появляются "лишние символы" в сообщении.
  • В режиме СОЗДАТЬ можно, используя панель инструментов, вставить рисунок (картинку, фото) в сообщение.

Как вставлять в сообщение объекты?

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

Объект текст

Текстовые сообщения (небольшие по объему) можно размещать непосредственно на страницах блога (опция страницы - выбрать нужную страницу - изменить страницу). В открывшемся окне набрать текст.
Если текст имеет значительный объем, лучше разместить его на сервисе для хранения документов и опубликовать в блоге через ссылку или код.
Cервисы для сохранения текстовых документов: Google docs, http://www.docme.ru/, 
SlideShare, Scribd и др (подробнее о сервисах для хранения документов см. здесь).
Инструкцию по работе с http://www.docme.ru/ можно посмотреть здесь.

Публикация текстового документа через ссылку:

1) загрузите документ на сервис для хранения документов (например, Google docs)
2) в меню "Файл" выберите опцию "Опубликовать в интернете"
 







3) в открывшемся меню выбрать опцию "Начать публикацию"
4) скопировать из меню ссылку на документ

5) перейти в режим редактирования сообщения блога. В тексте сообщения блога разместить название документа, из которого читатели блога могут понять, какое сообщение Вы им предлагаете. Например, 
Список ссылок на материалы по работе с интерактивной доской,
6) выделить название документа в сообщении блога (1) и в меню форматирования сообщения выбрать опцию "Ссылка" (2),













7) в открывшемся меню ввести ссылку на документ 










8) Ваш текст принимает вид:
и будет отображаться в блоге следующим образом:
Список ссылок на материалы по работе с интерактивной доской

Публикация текста через код:

Шаги 1 - 3 выполняются аналогично описанным выше. 
4) В меню "Публикация" скопируйте код для встраивания:
5)  перейдите в режим редактирования сообщения блога. В текст сообщения введите какое-нибудь слово, например, абракадабра (1).
нажмите кнопку HTML (2)

6)  в режиме html найдите слово, которое вы написали ("абракадабра")

7) вставьте вместо этого слова скопированный код документа.
8) для дальнейшей работы можно вернуться к режиму создания документа или закончить публикацию сообщения и просмотреть блог. На странице блога опубликованный документ будет иметь такой вид:


Примечание: Если Вас не устраивают размеры окна, которые получились при публикации документа (в данном случае документ занимает половину ширины страницы), то его размеры можно изменить.
Перейдите в режим html. Найдите в тексте код вставленного объекта.


В код введите дополнительные размеры для окна (фрейма). 
Исходный код был:
<iframe src="https://docs.google.com/document/d/1ZfoDpSAi6UVyN45V5ZSo1naS9-U7sLMO4u8MKpK8jIY/pub?embedded=true"></iframe>

Дополнительно вводим в него размеры ширины и высоты окна:
<iframe src="https://docs.google.com/document/d/1ZfoDpSAi6UVyN45V5ZSo1naS9-U7sLMO4u8MKpK8jIY/pub?embedded=true"  width="680" height="300"></iframe>

Наше окно принимает вид:

Дополнительно:
Как вставить PDF документ в свой сайт или блог?

Объект изображение

Рисунки (фото) в блог загружаются с разных носителей. 
  • Способ 1. Загрузка рисунка, предварительно сохраненного на жестком диске Вашего компьютера.
  • Способ 2. Загрузка рисунка, размещенного на сервисе Picasa.
  • Способ 3. Загрузка рисунка непосредственно из Интернет.
  • Способ 4. Загрузка рисунка с веб-камеры (телефона).
Инструкции здесь: 
Как вставить картинки в Blogspot (Blogger)
Эффектная и простая вставка картинок в Blogger

Объект презентация

  • размещаем презентацию на сервисе для хранения документов (например, SlideShare , Prezi.comMighty Meeting), 
  • получаем код для вставки в блог,
  • вставляем код в блог.
Подробная инструкция: Как вставить презентацию в блог
О сервисах для хранения презентаций можно почитать здесь и здесь.

Объект видео

  • Открыть страницу с видео на видеосервисе
  • Скопировать код этого фрагмента: (1) - код для вставки в виде ссылки, (2) - код для вставки в виде проигрывателя.
  • Создайте сообщение (или страницу, см. выше)
  • Вставьте в поле для текста скопированный код.
2011-08-28 020857.png 2011-08-28 021508.png


Полезные советы

Как сделать перелинковку страниц в блоге
Вставляем видео в блог в режиме безопасного просмотра
Вставка картинки в Google форму
Мини уроки с видео по теме Блог на Blogger

Создаем разделы блога и облако тегов



Создаем страницы и верхнее меню блога




1 комментарий:

  1. Здравствуйте. Воспользовалась вашей статьей, разместила текстовый документ на блоге. Интересует другой момент, можно ли сделать кнопку, при нажатии на которую, окно с текстом появляется или скрывается (например, как в данном случае: http://new.pedsovet.org/publikatsii/psihologiya/proekt-duhovno-nravstvennogo-vospitaniya-chto-na-svete-vsego-doroje)

    ОтветитьУдалить