Шаг 7. Наполняем блог...



В блоге появилась структура и контент, выбрано оформление. Хочется отметить, что программа-минимум нашего мастер-класса выполнена и цель создания Э-портфолио достигнута. Но... есть еще много интересных моментов в ведении блога.

Момент первый: публикация материалов

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

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


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





4) скопировать из меню ссылку на документ (выделить ссылку мышью и нажать сочетание клавиш "Ctrl+C")


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

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



7) в открывшемся меню ввести ссылку на документ (щелкнуть мышью в выделенном на рисунке поле и нажать сочетание клавиш "Ctrl+V")




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. Загрузка рисунка с веб-камеры (телефона).

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



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



2011-08-28 020857.png



2011-08-28 021508.png



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

Гаджет- (англ. gadget — принадлежность) — техническое приспособление (в том числе — с цифровыми технологиями), обладающее повышенной функциональностью, дополнительные функции – приложения. С их помощью можно встраивать в блог календарь, фотоальбом, счетчик, систему RSS, позволяющую осуществлять рассылки, каталог ссылок, облако ключевых слов, часы и т.д. С помощью гаджетов вы можете сделать ваш блог интерактивным и индивидуальным. В блоги гаджеты (их ещё часто называют виджетами) вставляются для увеличения функциональности и информативности блога (например, гаджеты Список ссылок, Ярлыки, Архив блога и др), для обеспечения сетевого взаимодействия между читателями блога (гаджеты Постоянные читатели, CD-BOX и др). Список гаджетов очень велик и очень внимательно нужно относиться к размещению гаджетов в своем блоге, не всегда количество работает на качество и результат, поэтому перенасыщение блога гаджетами – это тот вопрос, на который необходимо обращать внимание при проектировании своего блога. Тем более, что в данное время есть возможность добавления в блог СТРАНИЦ, что, несомненно, увеличивает возможности блога для размещения информации.

Вставка гаджетов 
При использовании шаблонов блогов для Bloggerr.com, в шаблоне уже встроены несколько гаджетов и встроена функция их добавления. Для добавления гаджета переходим в меню "Дизайн" (1) и в открывшемся окне определяем, в какое место блога мы будем встраивать гаджет (справа, внизу).
Далее нажимаем кнопку "Добавить гаджет" (2).





При выборе опции ДОБАВИТЬ ГАДЖЕТ (2) открывается окно ДОБАВИТЬ ГАДЖЕТ, в котором:

  • вы сможете просмотреть и выбрать тип гаджета для вставки в свой блог (4) 
  • прочитать краткую информацию о содержании гаджета (5),
  • нажав на "+" (6) гаджет будет готов для вставки в блог,
  • в открывшемся дополнительном окне гаджета вставляете данные.


Вставка дополнительных гаджетов
В Blogger.com есть возможность вставлять гаджеты других производителей с помощью специально разработанного для этого кода. Для этого используется гаджет HTML/JavaScript . Для этого в появившемся окне в поле Название вписываете заголовок для вашего гаджета (можно не писать ничего!), а в поле Содержание вставляете код гаджета. 
Cписок гаджетов, которые предлагает Google

Дополнительно
Видеоинструкции по работе с блогом от teachvideo:
Добавление гаджетов в Google Blogger
Настройки нового блога в Google Blogger

Задание № 12

Закончить наполнение и настройку блога. Добавить необходимые гаджеты (2-3), заполнить все страницы, используя разные формы представления материалов и идеи, которые возникли за время мастер-класса (презентацию о себе, облако слов со своими лучшими качествами, можно встроить и структуру портфолио на одну из страниц). 

Вот еще одна интересная идея: представить свой профессиональный и жизненный путь с помощью инфографики, созданной с использованием сервиса http://resumup.com. Резюме встраивается в блог с помощью ссылки. Например, Мое подробное резюме находится здесь.





Комментариев нет: