var a=0;

  function scrollTop(s)
{
    var b=a+s;
  document.getElementById('dock').scrollTop=b;
  a=b;
    if(b==document.getElementById('dock').scrollHeight) {
        clearInterval(t);
    }

}
  function scrollBottom(s)
{
    var b=a-s;
  document.getElementById('dock').scrollTop=b;
  a=b;
  if(b==0) {
        clearInterval(t);
    }
}

  function goRight(s)
{
t=setInterval('scrollBottom(2);',20);
}
  function goLeft(s)
{
t=setInterval('scrollTop(2);',20);
}
                            

2. Форматирование текста

Для начала небольшое обращение к людям, которые наполняют сайты.

Уважаемые, не пытайтесь использовать все возможности визуального редактора в одном тексте. Не стоит текст перекрашивать, использовать разные размеры шрифта. Вам может показаться это красивым, но поверьте – это испортит впечатление о сайте. На этапе разработки дизайна Вашего сайта, прорабатываются все текстовые стили, и выход за рамки этих стилей влечет за собой нарушение общей стилистики сайта.

И ещё. Не вставляйте большие катринки – "распертый" сайт – это ужасно!

Теперь приступим к работе с текстом в визуальном редакторе.

Как и любой другой текстовый редактор, наш «визивиг» предлагает два варианта:

  1. Вставка уже отформатированного текста из буфера обмена
  2. Набор и форматирование текста прямо в окне редактора

1. Вставка отформатированного текста

Текст можно вставить, скопировав его из Word, с сайта, или ещё откуда-нибудь.

Но что происходит при вставке? Мы уже знаем, что наш редактор переписывает отформатированный текст в формат HTML. При вставке текста, происходит автоматическая конвертация, с которой редактор, увы, не всегда хорошо справляется. Не будем углубляться в причины. Скажем лишь, что это вовсе не оттого что он плохо написан, а скорей оттого, что языки веб-програмирования не рассчитаны на написание таких сложных программ.

Итак, нам ничего не остается, как отформатировать текст заново.

Чтобы избавиться от сюрпризов, соблюдаем такую последовательность:

  1. Вставляем текст - Ctrl+V или кнопка
  2. Очищаем текст от ненужного мусора, особенно это касается текста из Word - жмем кнопку
  3. Сохраняем нашу страницу -
  4. Открываем снова и приступаем к форматированию текста.

     

Убираем пустые строки

Как видим, редактор посчитал нужным повставлять уйму пустых строк, особенно там, где они не нужны.

Бороться с этим очень просто:

Ставим курсор на последнюю из ненужных пустых строк, и нажимаем клавишу Backspace столько раз, сколько ненужных строк. И так по всему тексту.

Расставляем абзацы и переносы строк

Для того чтобы перенести текст в новый абзац (с новой строки с межстрочным отступом), ставим курсор в нужное место, и нажимаем клавишу Enter. Для переноса на новую строку без отступа жмем Shift+Enter.

Заголовки и начертание шрифта

Текст который должен быть заголовком переносим на новую строку, выделяем (тройной клик выделает всю строку или абзац), и выбираем из выпадающего списка  необходимый заголовок – Heading 1-6. Чтобы отменить заголовок, выделяем текст и выбираем из того же списка Paragraph.

Некоторые важные слова и словосочетания, особенно те, которые являются ключевыми, стоит выделить полужирным начертанием. Выделяем слово, и жмем кнопку , повторное нажатие отменяет жир.

Также есть возможность выделить текст курсивом, подчеркнутым и зачеркнутым – соответствующие кнопки на панели редактора.

Выравнивание и отступы

Любой абзац или заголовок можно выровнять по левому, правому краю, по центру и по ширине страницы с помощью соответствующих кнопок .

Для того чтобы увеличить отступ от левого края, выделяем абзац и жмем кнопу , можно несколько раз, если мало. Для уменьшения отступа жмем .

Нумерованные и ненумерованные списки

При вставке текста, со списками возникает больше всего проблем. При очистке они превращаются в нечто несуразное. Но это легко исправить.

1. Нумерованные списки

Довольно часто вставляются как надо, но если вдруг, список покорежило, ставим курсор в начале первого пункта, и нажимаем кнопку , если она конечно не нажата. Далее ставим курсор в начале следующего пункта, и жмем клавишу Backspace до тех пор, пока он не окажется в конце предыдущего пункта, на той же строчке. После этого жмем клавишу Enter, и он оказывается на своем месте. Такую же операцию проделываем с остальными пунктами списка.

2. Ненумерованные списки

Со вставкой ненумерованных списков обычно возникает больше проблем.

Принцип форматирования такой же как и с нумерованными, только оперируем кнопкой . Кроме того, после очистки, визуальный редактор имеет привычку добавлять в начало каждого пункта символ-булит и пробелы. От них нужно избавиться.

2. Набор и форматирование текста в редакторе

С этим вариантом все гораздо проще. В общем, в данном случае мы используем редактор по назначению, и он в итоге выдает именно то, что мы хотели.

Принципы форматирования такие же, как и при вставке текста, см. выше ↑

 

Каким же способом пользоваться?

Ответ очевиден: лучше набирать текст прямо в текстовом редакторе, или в блокноте, который не поддерживает никакого форматирования кроме переноса строк.

Но если текст уже готов, конечно, лучше его скопировать и вставить, но придется потом ещё над ним поработать.

 

ВНИМАНИЕ:Весьма полезный совет!

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

Копируем текст и вставляем в текстовый документ (Блокнот). Таким образом мы избавляемся от лишнего форматирования, которое в итоге все-равно нужно переделывать. Из Блокнота опять копируем и вставляем уже в редактор.

Так как переносы строк остались, нам будет просто пройтись по тексту, и отформатировать его как нужно.

На этом, пожалуй, остановимся.

Конечно, визуальный редактор имеет гораздо больше возможностей, таких как вставка изображения, ссылки, таблицы, flash, но это тема следующей статьи.

 
 
 
Не пустим.
Вход только для клиентов.