Download - Удобный блоггинг для начинающих #6
![Page 1: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/1.jpg)
УДОБНЫЙ БЛОГГИНГ ДЛЯ НАЧИНАЮЩИХ (УРОК 6)
VDas.livejournal.com © 2009 presents
![Page 2: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/2.jpg)
ОЧЁМ ТУТ
Что такое SEMAGIC, зачем собсна и что
он даѐт…
Это должен знать каждый, причѐм не
только пользователь ЖЖ…
Пользователи НЕ ЖЖ могут обратиться ко
мне отдельно и я расскажу как, например,
использовать semagic с wordpress и т.д.
![Page 3: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/3.jpg)
ЧТО ЭТО ТАКОЕ…
Возможно обычно вы добавляете пост вот
так:
![Page 4: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/4.jpg)
И ЧТО?
Web интерфейс это не всегда удобно…
Почти нет шоткатов (клавиатурных
сокращений)
Надо лазить по множеству страниц, чтобы
иметь представление о том, что у вас
происходит
Вы многого просто не знаете… Читайте тут и
Вам понравится
![Page 5: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/5.jpg)
НУ, ЛАДНО… ГДЕ ВЗЯТЬ?
http://semagic.livejournal.com/
Скорее всего вам нужно вот это:
![Page 6: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/6.jpg)
ЗАПУСКАЕМ, УСТАНАВЛИВАЕМ…
После этого у вас будет программа,
которую можно запустить…
В первый раз надо будет
зарегистрироваться:
![Page 7: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/7.jpg)
И ВОТ ОН!
![Page 8: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/8.jpg)
ДЛЯ НАЧАЛА – НАСТРОИМ…
![Page 9: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/9.jpg)
ЗАКЛАДКА GENERAL
Show preview –
показать вам пост
перед его отправкой
И установить вашу
временную зону
![Page 10: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/10.jpg)
ЗАКЛАДКА VIEW
Минимизировать после
отправки поста
![Page 11: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/11.jpg)
ЗАКЛАДКА EDITOR
Создавать тэги, если вы
вставляете ссылку
Убирать мусор из
ссылок
Вставлять НЕ html
(поясню, дальше всѐ)
![Page 12: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/12.jpg)
ЗАКЛАДКА MUSIC
Определять какая у
вас играет музыка
перед отправкой поста
Очищать поле музыки,
если не получается
определить что играет
(всѐ будет дальше, не нервничайте)
![Page 13: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/13.jpg)
ЗАКЛАДКА HISTORY
![Page 14: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/14.jpg)
ПОКА ХВАТИТ, ЖМЁМ ОК
Теперь будем смотреть дальше… Вроде
всѐ логично и понятно. Там есть два
режима работы – обычный и для тех, кто
не в курсе слова html
![Page 15: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/15.jpg)
В ЧЁМ ОТЛИЧИЕ?
![Page 16: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/16.jpg)
ИЛИ ВОТ ТАК
Html
Wysiwyg (What You See Is What You Get – что вы видите – то и получите)
![Page 17: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/17.jpg)
РАССМОТРИМ КАК ПОМОЖЕТ НАМ SEMAGIC
1) написать пост
2) красиво его оформить
3) посмотреть что у нас с друзьями
4) отредактировать что-то уже
выложенное
5) некоторая автоматизация
6) тонкости
7) поводы к размышлению и всѐ такое
![Page 18: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/18.jpg)
ПИШЕМ ПОСТ
![Page 19: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/19.jpg)
ЧТО УВИДИМ?
![Page 20: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/20.jpg)
ТЕПЕРЬ ОТРЕДАКТИРУЕМ ЭТОТ ПОСТ
![Page 21: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/21.jpg)
И ЧТО?
![Page 22: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/22.jpg)
ТЕПЕРЬ УДАЛИМ ЭТОТ ПОСТ
![Page 23: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/23.jpg)
ОТСТУПЛЕНИЕ…
Я буду показывать вам как работать в
режиме html.
Ибо: Я люблю писать именно в нѐм
Получается более красивый код (издержки
профессии)
Если вы справитесь с ним – вы справитесь и с
wysiwyg
Если вы разберѐтесь с html – вы сможете писать и НЕ
из semagic
![Page 24: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/24.jpg)
ТЕПЕРЬ НЕМНОГО АВТОМАТИЗАЦИИ
В semagic есть замечательная
вещь «макросы»
Что это такое?
Вы можете на любую
клавиатурную комбинацию (или
через меню) создать куски кода,
который будет вставляться …
Давайте посмотрим подробнее …
![Page 25: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/25.jpg)
МОИ МАКРОСЫ
Это набор моих макросов, который для
меня пока достаточен
![Page 26: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/26.jpg)
ПОСМОТРИМ ЧТО ЗА ОНИ
Сначала еще одно отступление. В
макросах semagic есть одно соглашение:
запись типа [lj0] означает выделенный
текст. Т.е в случае
[lj0] будет иметь значение
«выйдуль»
![Page 27: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/27.jpg)
ИТАК МАКРОС
На кнопки Alt+Ctrl+Shift+V я повесил вот такую
комбинацию:
Это значит взять всѐ что выделено и заключить в эту
конструкцию. Т.е. после нажатия на эту
комбинацию клавиш превратится в
Т.е. добавится значок ©, и весь текс станет наклонным
<i><font style="font-size: xx-small;">©:
</font>[lj0][lj1][lj2][lj3][lj4][lj5][lj6][lj7][lj8][lj9]</i>
![Page 28: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/28.jpg)
МАКРОС
<font style="font-size: xx-small;">via <lj user="[lj0]"></font>
Взять всѐ, что выделено, сделать его маленьким
шрифтом и заключить в тэг «юзер жж». Т.е. мне
достаточно написать или скопировать юзера жж, нажать
комбинацию клавиш и я получу всѐ в единообразном
для моего журнала виде.
![Page 29: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/29.jpg)
МАКРОС
<font style="font-size: xx-small;">via [lj0]</font>
![Page 30: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/30.jpg)
МАКРОС
vspace=5 align=left hspace=10
Сделает отступы к любой картинке и
выровняет всѐ по левому краю. Т.е. берѐм
любую картинку и текст:
Простым нажатием комбинации клавиш…
![Page 31: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/31.jpg)
ПРОДОЛЖЕНИЕ
Ставим курсор в конец тэга картинки,
нажимаем комбинацию клавиш макроса и
получаем:
Выглядит получше, не правда ли
![Page 32: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/32.jpg)
МАКРОС
Т.е. просто в любом месте текста, нажав
комбинацию клавиш – я получу вот такое:
![Page 33: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/33.jpg)
МАКРОС
<lj-embed>[lj0][lj1][lj2][lj3][lj4][lj5][lj6][lj7][lj8][lj9]</lj-embed>
Нужен для вставки видео, скажем с ютуба:
![Page 34: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/34.jpg)
ДАЛЬШЕ
Одним нажатием клавиш превращается в
обрамлѐнный тэгами ЖЖ
![Page 35: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/35.jpg)
ПОЛУЧИТСЯ КАК-ТО ТАК …
![Page 36: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/36.jpg)
ЕЩЕ МАКРОС ДЛЯ ЦИТАТ
<center><div style="overflow:hidden; font-family: Verdana, Geneva,
sans-serif; font-weight: normal; font-variant: normal; text-transform:
none; color: #930; background-color: #FFFFF2; letter-spacing: normal;
text-align: left; vertical-align: middle; word-spacing: normal; margin: auto;
height: auto; width: 80%; font-size: small; border: thin dotted #F60;
padding-top: 10px; padding-right: 5px; padding-bottom: 5px; padding-
left: 40px; background-image: url('адрес картинки кавычек');
background-repeat: no-repeat;">[lj0][lj1][lj2][lj3][lj4][lj5][lj6][lj7][lj8][lj9]<div
align="right">[...]</div><div style="clear:both;"><!--x--
></div></div></center>
(код любезно поправил до нужного мне уровня
tomsoer.livejournal.com)
![Page 37: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/37.jpg)
КАК ОН РАБОТАЕТ?
Просто пометим всѐ что хотим оформить
как цитату
Жмѐм кнопки и одним движением
получаем
![Page 38: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/38.jpg)
СМОТРИМ…
Вот это:
Становится вот этим:
![Page 39: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/39.jpg)
УДОБНО НЕ ТАК ЛИ? СОЗДАДИМ СВОЙ…
![Page 40: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/40.jpg)
ТЕПЕРЬ
При нажатии на Alt+Ctrl+W вокруг
помеченного теста добавится:
![Page 41: Удобный блоггинг для начинающих #6](https://reader033.vdocuments.com.br/reader033/viewer/2022052910/559adb281a28aba6548b47f6/html5/thumbnails/41.jpg)
В СЛЕДУЮЩЕМ УРОКЕ
Продолжение урока по semagic (там
МОРЕ возможностей)
Не знаю… Пишите о чѐм вам интересно…
Ваши предложения…
Здесь могла бы быть реклама
того, кто предоставит какой-
нибудь приз читателям этого
блога…