Удобный блоггинг для начинающих (Урок 7)

Содержание

Слайд 2

КАК ВСТАВИТЬ АУДИО И ВИДЕО

Ну, во-первых, не будем заморачиваться умными словами «новые

КАК ВСТАВИТЬ АУДИО И ВИДЕО Ну, во-первых, не будем заморачиваться умными словами
тэги html5» и прочими
Во-вторых, рассмотрим пару самых широко распространённых вариантов
В третьих, поймём, что всё просто ☺

Слайд 3

ЧТО ТАКОЕ ВИДЕО В ВАШЕЙ СТРАНИЧКЕ?

Видео – это фильм или клип. Просто

ЧТО ТАКОЕ ВИДЕО В ВАШЕЙ СТРАНИЧКЕ? Видео – это фильм или клип.
сам по себе это файл. Он есть, мы можем его скачать и посмотреть у себя на компьютере через любой плейер.
Но для того, чтобы показать этот самый файл на вашей странице в ЖЖ (или большинстве других сетей) – тоже нужен плейер.

Слайд 4

ПЛЕЙЕР НА СТРАНИЧКЕ

Мы не знаем какие плейеры установлены у других пользователей компьютеров.

ПЛЕЙЕР НА СТРАНИЧКЕ Мы не знаем какие плейеры установлены у других пользователей
Поэтому пока проблема решается просто:
Вы свой фильм или клип или видеоролик заливаете на какой-нибудь сервис, который имеет свой собственный плейер и умеет проигрывать видео. Например youtube…

Слайд 5

КАК САМИМ ЗАЛИВАТЬ ВИДЕО?

В принципе это очень просто, но мало кому надо.

КАК САМИМ ЗАЛИВАТЬ ВИДЕО? В принципе это очень просто, но мало кому
Поэтому сделаю отдельный урок по запросу.
Сейчас научимся вставлять в свой блог чье-то чужое, уже выложенное на сервисе видео.
Если непонятно – просто читайте дальше.

Слайд 6

ЧТО ТАКОЕ ВИДЕО С ТОЧКИ ЗРЕНИЯ HTML

Это просто указание «встроить» в страничку

ЧТО ТАКОЕ ВИДЕО С ТОЧКИ ЗРЕНИЯ HTML Это просто указание «встроить» в
плейер, в который уже вложено указание какое видео ему играть. В общем случае код выглядит вот так (пример с youtube):

Слайд 7

ЧТО ЗА КОД? (НИЧЕГО ЗАПОМИНАТЬ НЕ НАДО!)

ЧТО ЗА КОД? (НИЧЕГО ЗАПОМИНАТЬ НЕ НАДО!) Объект плейера Какого размера на
value="true">

Объект плейера
Какого размера на странице
Что играть (какой фильм)
Для … других бровзеров, копия
Остальное просто дополнительный параметры… Разрешить ли открывать на весь экран и т.д.

Слайд 8

ЗАЧЕМ ВСЁ ЭТО БЫЛО НАПИСАНО

Да вообщем-то “низачем”. Просто чтобы вы на глаз

ЗАЧЕМ ВСЁ ЭТО БЫЛО НАПИСАНО Да вообщем-то “низачем”. Просто чтобы вы на
могли легко найти ссылку на видео…
Т.е. около понравившегося видео ищите слова object, embed, share, link, код, ссылка
Большего вам знать и разбираться в этих всех кодах не потребуется. Как правило большинство сервисов (плееров) дают готовый код для вставки в блог.

Слайд 9

ИТАК СМОТРИМ РОЛИК НА YOUTUBE

ИТАК СМОТРИМ РОЛИК НА YOUTUBE

Слайд 10

РОЛИК НА YOUTUBE

Сразу видим знакомое слово embed (встроить) и код, с уже

РОЛИК НА YOUTUBE Сразу видим знакомое слово embed (встроить) и код, с
знакомыми словами
Для большинства блогов достаточно просто скопировать полностью всю эту строку в тело нового поста и мы увидим в блоге видео ролик…
Обратите внимание, что надо копировать ВСЮ строку… Чтобы в ней, как минимум, в конце было закрытие начального object -

Слайд 11

В ЖЖ?

В жж то же самое, только в начале и конце РЕКОМЕНДУЕТСЯ

В ЖЖ? В жж то же самое, только в начале и конце
добавить тэги

Т.е. тот код со страницы youtube превратится в:

Слайд 12

И КАК ЭТО В ПОСТЕ?

И КАК ЭТО В ПОСТЕ?

Слайд 13

И ПОСЛЕ ОПУБЛИКОВАНИЯ

И ПОСЛЕ ОПУБЛИКОВАНИЯ

Слайд 14

ТЕПЕРЬ ДОПУСТИМ ВЫ НАШЛИ РОЛИК В ЛЕНТЕ

Обратите внимание на вот эту кнопочку

ТЕПЕРЬ ДОПУСТИМ ВЫ НАШЛИ РОЛИК В ЛЕНТЕ Обратите внимание на вот эту кнопочку внизу ролика:
внизу ролика:

Слайд 15

УВИДЕЛИ ЗНАУОМЫЕ СЛОВА? ☺

Копируем эту строку ЦЕЛИКОМ! И выкладываем у себя в

УВИДЕЛИ ЗНАУОМЫЕ СЛОВА? ☺ Копируем эту строку ЦЕЛИКОМ! И выкладываем у себя
посте… (не забывая добавить
И всё…

Слайд 16

ПОПРОБУЕМ ТО-ЖЕ НА RUTUBE

ПОПРОБУЕМ ТО-ЖЕ НА RUTUBE

Слайд 17

ССЫЛКА И КОД

Заметили знакомые слова? Копируем и наслаждаемся ☺

ССЫЛКА И КОД Заметили знакомые слова? Копируем и наслаждаемся ☺

Слайд 18

НАДЕЮСЬ СУТЬ ЯСНА…

Теперь что с аудио… Да то же самое!
Нужен какой-то плейер,

НАДЕЮСЬ СУТЬ ЯСНА… Теперь что с аудио… Да то же самое! Нужен
который позволяет вставлять себя в страницы…

Слайд 19

НАПРИМЕР СЕРВИС HTTP://AUDME.RU/

Заходим, регистрируемся…

НАПРИМЕР СЕРВИС HTTP://AUDME.RU/ Заходим, регистрируемся…

Слайд 20

НАШЛИ ПЕСНЮ… СМОТРИМ…

НАШЛИ ПЕСНЮ… СМОТРИМ…

Слайд 21

НАШЛИ ЗНАКОМЫЕ СЛОВА?

Вставляем и наслаждаемся…
НАШЛИ ЗНАКОМЫЕ СЛОВА? Вставляем и наслаждаемся…
/>

Имя файла: Удобный-блоггинг-для-начинающих-(Урок-7).pptx
Количество просмотров: 215
Количество скачиваний: 0