новичкам-блоггерам и новичкам-пользователям ПК

Как разместить Powerpoint-презентацию на сайте

Как разместить Powerpoint-презентацию на сайте

Автор урока: Евгений Попов

Если у Вас есть powerpoint-презентация, которую нужно разместить на сайте, то в этом уроке Вы найдете одно из решений данной задачи.

Для этого мы воспользуемся специальным сервисом slideshare, который возьмет всю работу по преобразованию и хранению презентации в свои руки, а нам лишь останется взять код и поместить его в страницу сайта.

 

http://www.slideshare.net/

 

 

 

СКАЧАТЬ УРОК: powerpoint_presentation_site_avi.zip

 

Серия сообщений "*** ПОЛЕЗНОСТИ БЛОГЕРАМ ***":
Часть 1 - Видео. Как создать и настроить дневник на liveinternet
Часть 2 - БЛИНГИ (на прозрачном фоне)
...
Часть 66 - КРАСИВЫЕ ЖИВЫЕ КАРТИНКИ
Часть 67 - Анимационные и блестящие картинки с кодами
Часть 68 - Как разместить Powerpoint-презентацию на сайте

Учебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид: <img src="http:…" align="left" hspace="20" />
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align="left" hspace="20" vspace="15" />

Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

Вставить две и более картинки горизонтально:
<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
<font face="Monotype Corsiva" size="+1">Ваш текст</font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>

5. Как сделать бегущую строку?

Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево
Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо
Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю

6. Как сделать бегущую картинку?


 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудьСкользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди <ul><br /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

9. Как сохранить текст таким, как вы написали?

"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

11. Как дать ссылку на свой дневник или любой адрес?

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

12. Как скрыть часть текста (убрать под кат) ?

Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...

F.A.Q. по ли.ру

Эти ссылки взяты из сообщества Сама_овца - буду читать", чтоб постепенно разобраться, что тут и как.А этот пост будут у меня для обучения.Этакое собрание самых распространенных вопросов на Лиру.Общие вопросы
Что такое "блог"?
Правила пользования сервисом дневников
Краткий словарь Лирушника
"Официальный" FAQ (не все разделы заполнены)

---

Звёзды и отношения (симпатии и антипатии)
Звездный статус на Li.Ru или Все звёзды
Всё про симпатии и антипатии

---

Всё про специальные коды
Все специальные коды (из официального faq-ка)
Ещё про коды
Шпаргалки по HTML
16 основных названий цветов, используемых во всех браузерах.
Как оформить ссылку?
Как сделать картинку, рисунок или фотографию ссылкой?

---

Подписи для пользователей ЛиРу и ЖЖ
Как сделать ссылку на пользователя ЛиРу? Как сделать ЛиРушную подпись?
Как сделать ссылку на ЖЖ-юзера?

---

Советы по оформлению
Как вставить картинку в эпиграф?
Как разместить текст или картинку слева, справа или посередине?
Как размещать текст и картинки в одной строке?
Параметры для html-кода изображения
Свойства картинки при загрузке в расширенном редакторе
Бегущая строка и как её настроить
Картинка вместо сплошного фона

---

Советы по ведению дневника
Как писать сообщение? (простой редактор)
Как создать свое сообщество?
Как пользоваться простым и расширеным редакторами?
Что делать, если не меняется дизайн?
Как создать рубрики?
Как создать голосование?
Как убрать уведомления ЛиРу на почту?
Как закрыть дневник от посторонних?
Как удалять свои записи?
Как убрать удалившихся из списков ПЧ и друзей?
Как создать сообщение с большим количеством картинок?
Добавление в дневник сообщений по почте. Как это делать и зачем это нужно? (Часть1, текстовый формат)

---

Полезные советы
Программа-клиент для работы с ЛиРу. Как уменьшить размер базы данных?
Как читать более 500 человек?
Как повернуть фотографию?
Как избавиться от красных глаз на фото?
Как избавиться от ненужных приглашений?
Как избавиться от всей рекламы на ЛиРу?
Как избавиться от всей рекламы в ЖЖ? (3 способа для всех браузеров)
Как отключить микроблоги?
Как создать пост только с картинкой?
Как создать пост из MS World 2007? (от -Kunzite- )

---

Сохраняем музыку и видео с ЛиРу и других сайтов
Как сохранить видео с ЛиРу?
Как скачать музыку и/или видео с last.fm, imeem.com, myspace.com и прочих подобных сайтов?
Самый простой способ сохранить видео и музыку с ЛиРу.
Ищем и сохраняем музыку с ЛиРу.

---

Размещаем музыку и видео на ЛиРу
Как загрузить видео на ЛиРу?
Самый простой способ вставки в дневник видео с YouTube и аналогичных сервисов
Как разместить ролик с YouTube сразу в высоком качестве?
Как разместить видео на ЛиРу и добиться наилучшего результата?
Как разместить видео на ЛиРу и добиться наилучшего результата? (Версия 2.0)
Как добавить музыку в сообщение?
Самый простой способ вставить в сообщение проигрыватель с музыкой
Куда загрузить большой mp3 файл и получить прямую ссылку на него?
Ещё одно место для размещения mp3 файлов.
Конструктор для плеера с музыкой и видео для ЛиРу и ЖЖ
Проще простого размещаем ролик с Youtube (3 способа)
Как разместить плеер с ЛиРу в виде ссылки?
Как разместить на ЛиРу видео с другого сайта?
Как разместить на ЛиРу видео с самых популярных зарубежных видеохостингов?

---

Делаем баннеры и кнопки
Как сделать кнопку-баннер для эпиграфа и/или графы «О себе»?
Как разместить код банера в сообщении?
Как сделать текстовые кнопки? Как их размещать?
Как оформлять текстовые кнопки?
Как добавить кнопки Яндекс-Блогов?

---

Разные вопросы и ответы на них
Что делать, если Вашего блога нет в рейтинге Яндекса?
Как определить старый ник пользователя ЛиРу?
Как сделать форму для почтовой подписки на ваш дневник?
Как сделать так, чтобы пост больше не комментировали?
Как удалить анкету для знакомства?
Как сделать так, чтобы при заходе на ЛиРу не играла музыка?

---

База знаний по ЛиРу
Всё про LiRu-Talk (от dandr ).
Виды комментариев на ЛиРу.
Зачем нужны ссылки под заголовком сообщения в дневнике?
Все способы добавить сообщение в дневник через браузер
Немного о статистике блогов на ЛиРу
Как закрыть статистику паролем?

---

ЛиРу и OpenID
Глава 1. Теоретическая.
Глава 2. Всё про OpenID на ЖЖ.
Глава 3. Использования OpenID на некоторых сайтах.
Дополнение. Видеоролик.

---

Как транслировать блог с ЛиРу?
Как транслировать блог с ЛиРу на ЖЖ?
Как транслировать блог с ЛиРу на Маил.Ру?
Как транслировать блог с ЛиРу на Яндекс?
Как транслировать блог с ЛиРу на ЛиРу?
Как транслировать блог с ЛиРу на Diary.Ru?
Как транслировать закрытые блоги?
Как перенести все записи с ЖЖ на ЛиРу или наоборот?

---

Цикл «Все настройки ЛиРу в
картинках»
Часть 1. «Общие настройки»
Часть 2. «Личные данные»
Часть 3. «Подписки на обновления»
Часть 4. «Почтовые уведомления»
Часть 5. «Основные настройки»
Часть 6. «Настройки профиля»
Часть 7. Меняем mail, пароль или ник
Часть 8. «Список Друзей»
Часть 9. «Группы друзей»
Часть 10.«Настройки дизайна»

• Глава 1. Цвет фона
• Глава 2. Картинка фона
• Глава 3. Цвет текста и рамок
• Глава 4. Параметры шрифтов
• Глава 5. Управление схемами оформления

---

Полезные советы от Станислава Шульги (Gatekeeper ):
Как выжить на Лиру. Часть 1
Как выжить на Лиру. Часть 2. Оформление дневника.
Как выжить на Лиру. Часть 3. Симпы и пчелки
Как выжить на Лиру. Часть 4. О пиаре.
Как выжить на Лиру. Часть 5. О статистике.
Как выжить на Лиру. Сводный постинг