УДОБНЫЙ БЛОГГИНГ ДЛЯ НАЧИНАЮЩИХ (УРОК 6)

VDas.livejournal.com © 2009 presents

ОЧЁМ ТУТ

Что такое SEMAGIC, зачем собсна и что

он даѐт…

Это должен знать каждый, причѐм не

только пользователь ЖЖ…

Пользователи НЕ ЖЖ могут обратиться ко

мне отдельно и я расскажу как, например,

использовать semagic с wordpress и т.д.

ЧТО ЭТО ТАКОЕ…

Возможно обычно вы добавляете пост вот

так:

И ЧТО?

Web интерфейс это не всегда удобно…

Почти нет шоткатов (клавиатурных

сокращений)

Надо лазить по множеству страниц, чтобы

иметь представление о том, что у вас

происходит

Вы многого просто не знаете… Читайте тут и

Вам понравится

НУ, ЛАДНО… ГДЕ ВЗЯТЬ?

http://semagic.livejournal.com/

Скорее всего вам нужно вот это:

ЗАПУСКАЕМ, УСТАНАВЛИВАЕМ…

После этого у вас будет программа,

которую можно запустить…

В первый раз надо будет

зарегистрироваться:

И ВОТ ОН!

ДЛЯ НАЧАЛА – НАСТРОИМ…

ЗАКЛАДКА GENERAL

Show preview –

показать вам пост

перед его отправкой

И установить вашу

временную зону

ЗАКЛАДКА VIEW

Минимизировать после

отправки поста

ЗАКЛАДКА EDITOR

Создавать тэги, если вы

вставляете ссылку

Убирать мусор из

ссылок

Вставлять НЕ html

(поясню, дальше всѐ)

ЗАКЛАДКА MUSIC

Определять какая у

вас играет музыка

перед отправкой поста

Очищать поле музыки,

если не получается

определить что играет

(всѐ будет дальше, не нервничайте)

ЗАКЛАДКА HISTORY

ПОКА ХВАТИТ, ЖМЁМ ОК

Теперь будем смотреть дальше… Вроде

всѐ логично и понятно. Там есть два

режима работы – обычный и для тех, кто

не в курсе слова html

В ЧЁМ ОТЛИЧИЕ?

ИЛИ ВОТ ТАК

Html

Wysiwyg (What You See Is What You Get – что вы видите – то и получите)

РАССМОТРИМ КАК ПОМОЖЕТ НАМ SEMAGIC

1) написать пост

2) красиво его оформить

3) посмотреть что у нас с друзьями

4) отредактировать что-то уже

выложенное

5) некоторая автоматизация

6) тонкости

7) поводы к размышлению и всѐ такое

ПИШЕМ ПОСТ

ЧТО УВИДИМ?

ТЕПЕРЬ ОТРЕДАКТИРУЕМ ЭТОТ ПОСТ

И ЧТО?

ТЕПЕРЬ УДАЛИМ ЭТОТ ПОСТ

ОТСТУПЛЕНИЕ…

Я буду показывать вам как работать в

режиме html.

Ибо: Я люблю писать именно в нѐм

Получается более красивый код (издержки

профессии)

Если вы справитесь с ним – вы справитесь и с

wysiwyg

Если вы разберѐтесь с html – вы сможете писать и НЕ

из semagic

ТЕПЕРЬ НЕМНОГО АВТОМАТИЗАЦИИ

В semagic есть замечательная

вещь «макросы»

Что это такое?

Вы можете на любую

клавиатурную комбинацию (или

через меню) создать куски кода,

который будет вставляться …

Давайте посмотрим подробнее …

МОИ МАКРОСЫ

Это набор моих макросов, который для

меня пока достаточен

ПОСМОТРИМ ЧТО ЗА ОНИ

Сначала еще одно отступление. В

макросах semagic есть одно соглашение:

запись типа [lj0] означает выделенный

текст. Т.е в случае

[lj0] будет иметь значение

«выйдуль»

ИТАК МАКРОС

На кнопки Alt+Ctrl+Shift+V я повесил вот такую

комбинацию:

Это значит взять всѐ что выделено и заключить в эту

конструкцию. Т.е. после нажатия на эту

комбинацию клавиш превратится в

Т.е. добавится значок ©, и весь текс станет наклонным

<i><font style="font-size: xx-small;">©:

</font>[lj0][lj1][lj2][lj3][lj4][lj5][lj6][lj7][lj8][lj9]</i>

МАКРОС

<font style="font-size: xx-small;">via <lj user="[lj0]"></font>

Взять всѐ, что выделено, сделать его маленьким

шрифтом и заключить в тэг «юзер жж». Т.е. мне

достаточно написать или скопировать юзера жж, нажать

комбинацию клавиш и я получу всѐ в единообразном

для моего журнала виде.

МАКРОС

<font style="font-size: xx-small;">via [lj0]</font>

МАКРОС

vspace=5 align=left hspace=10

Сделает отступы к любой картинке и

выровняет всѐ по левому краю. Т.е. берѐм

любую картинку и текст:

Простым нажатием комбинации клавиш…

ПРОДОЛЖЕНИЕ

Ставим курсор в конец тэга картинки,

нажимаем комбинацию клавиш макроса и

получаем:

Выглядит получше, не правда ли

МАКРОС

Т.е. просто в любом месте текста, нажав

комбинацию клавиш – я получу вот такое:

МАКРОС

<lj-embed>[lj0][lj1][lj2][lj3][lj4][lj5][lj6][lj7][lj8][lj9]</lj-embed>

Нужен для вставки видео, скажем с ютуба:

ДАЛЬШЕ

Одним нажатием клавиш превращается в

обрамлѐнный тэгами ЖЖ

ПОЛУЧИТСЯ КАК-ТО ТАК …

ЕЩЕ МАКРОС ДЛЯ ЦИТАТ

<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)

КАК ОН РАБОТАЕТ?

Просто пометим всѐ что хотим оформить

как цитату

Жмѐм кнопки и одним движением

получаем

СМОТРИМ…

Вот это:

Становится вот этим:

УДОБНО НЕ ТАК ЛИ? СОЗДАДИМ СВОЙ…

ТЕПЕРЬ

При нажатии на Alt+Ctrl+W вокруг

помеченного теста добавится:

В СЛЕДУЮЩЕМ УРОКЕ

Продолжение урока по semagic (там

МОРЕ возможностей)

Не знаю… Пишите о чѐм вам интересно…

Ваши предложения…

Здесь могла бы быть реклама

того, кто предоставит какой-

нибудь приз читателям этого

блога…