Примечание

При обычной вставке форматированного текста (например из программы Word), происходит увеличение веса страницы в десятки раз. Так, например, при вставке одного и того же текста из программы Word (использовался форматированный текст со списками) с помощью разных инструментов получились следующие результаты:

Таблица 3.1. Вес страницы, после копирования и вставки одного и того же текста из программы Word.

Инструмент	Общий размер страницы	Вес контента (вес стр - вес шаблона(1КБ))
Вставить	51КБ	50КБ
Вставить только текст	2КБ	1КБ
Вставить только текст + форматирование в визуальном редакторе	3КБ	2КБ
Вставить из Word	12КБ	11КБ

Как видно из приведенных данных вес контента при вставке с сохранением форматирования больше в 50 раз! После форматирования в визуальном редакторе вес страницы увеличился всего в 2 раза. Вес же страницы при использовании инструмента "Вставить из Word" в 5 раз меньше, чем при обычной вставке.

Что плохого в увеличении веса страницы?

• Более тяжелая страница будет дольше загружаться в браузере.

• Избыточные теги портят логическую структуру текста.

• Ухудшают отношение поисковых систем к данной странице.

Печать - посылает на печать содержание рабочей области.

Проверить орфографию - проверяет орфографию в редактируемом файле. После того, как вы нажмете кнопку "Проверить орфографию" появится окно проверки. Вверху окна расположена область с фрагментом текста. Слова, в которых, возможно, допущена ошибка подсвечиваются красным цветом, также данные слова показываются в поле с заголовком "Нет в словаре", расположенном чуть ниже. В поле "заменить на" показывается вариант возможной замены, его можно изменить, выбрав из списка, находящегося ниже, либо указать свой вариант. Для подтверждения замены нужно нажать кнопку "Заменить". Если же указанное слово написано правильно, и вы хотите оставить его без изменений, то нажмите кнопку "Игнорировать". Для отмены проверки нажмите кнопку "Отменить".

Предупреждение

Кнопка "Отмена" полностью отменяет проверку, если были сделаны замены, то они тоже будут отменены.

Рисунок 3.23. Проверка орфографии

Отменить - отменяет последнее действие.

Повторить - повторяет последнее отмененное действие.

Найти - осуществляет поиск слов или словосочетаний в тексте.

Заменить - осуществляет поиск с заменой.

Выделить все - выделяет весь текст в рабочей области.

Убрать форматирование - убирает форматирование с выделенного фрагмента текста.

Развернуть окно редактора - разворачивает визуальный редактор на все окно браузера.

Показать блоки - выделяет блочные элементы на странице.

Справка - открывает окно информации о визуальном редакторе.

Инструменты форматирования

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

Инструменты изменяющие начертание текста:

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

Курсив - выделяет текст курсивом, или снимает курсив с выделенного фрагмента курсивного текста.

Подчеркнутый - подчеркивает текст, или снимает подчеркивание с выделенного фрагмента подчеркнутого текста.

Зачеркнутый - инструмент зачеркивающий текст, или снимающий зачеркивание.

Подстрочный индекс - преобразует тест в подстрочный.

Надстрочный индекс - преобразует тест в надстрочный.

Есть два варианта работы с перечисленными выше инструментами форматирования:

• Выделить уже введенный участок текста и нажать на соответствующую кнопку.

• Щелкнуть кнопку инструмента, затем набрать текст, который нужно выделить, и снова щелкнуть ту же кнопку для отмены форматирования дальнейшего текста.

Создание списков

Вставить/удалить нумерованный список - преобразует выбранный абзац (выделенный абзац, либо абзац в котором находится курсор) в элемент нумерованного списка.

Вставить/удалить маркированный список - преобразует выбранный абзац в элемент маркированного списка.

Важно

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

Рисунок 3.24. Свойства списка

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

Уменьшить отступ - уменьшает отступ слева от абзаца.

Увеличить отступ - увеличивает отступ слева от абзаца.

Цитата - выделяет выбранный абзац в цитату.

Инструменты выравнивания текста

По левому краю - выравнивает выделенный абзац(абзацы) по левому краю.

По центру - выравнивает выделенный абзац(абзацы) по центру.

По правому краю - выравнивает выделенный абзац(абзацы) по правому краю.

По ширине - выравнивает выделенный абзац(абзацы) по ширине страницы.

Управление гиперссылками

Вставить/редактировать ссылку - преобразует выделенный текст в гиперссылку.

После того, как вы щелкните по данной кнопке, появится окошко редактирования ссылки (см. рисунок).

Рисунок 3.25. Редактирование ссылки

В окне редактирования ссылки вы увидите 3 вкладки:

• Информация ссылки - основные параметры ссылки.

• Цель - в этой вкладке указывается место открытия ссылки.

• Расширенный - в этой вкладке можно указать дополнительные настройки ссылки.

Перед началом создания ссылки нужно понимать какая ссылка Вам нужна. Условно ссылки можно разделить на несколько видов:

• Внутренняя ссылка - это ссылки на страницы вашего сайта.

• Внешняя ссылка - ссылки на страницы в сети.

• Якорь - ссылки внутри текущей страницы (например возвращение в начало страницы)

• Email - ссылка на адрес электронной почты, открывающая почтовый клиент.

• Ссылка на файл - ссылки на документы Microsoft Office, архивы.

Во вкладке информация:

• "Тип ссылки". Из выпадающего списка выберите одно из следующих значений:

Рисунок 3.26. Тип ссылки

1. URL. Выберите этот пункт, если вы хотите создать внутреннюю ссылку, внешнюю ссылку или ссылку на файл.

2. Якорь. Выберите для создания ссылки на якорь текущей страницы. Если на странице нет ни одного якоря, то сначала вам нужно создать якорь, с помощью инструмента "Создать/редактировать якорь".

3. Email. Оформляйте адреса электронной почты этой ссылкой.

Рисунок 3.27. Создание ссылки на электронную почту.

Если вы выберите пункт Email из выпадающего списка "Тип ссылки", то увидите форму, показанную на рисунке 9. В поле "Адрес эл. почты" укажите email (это поле обязательно для заполнения). Можете также написать заголовок и тело сообщения.

• Протокол. Здесь выберите пункт "http://", если создаете внешнюю ссылку и "<другое>" для создания внутренней ссылки.

• URL. В этом поле укажите адрес страницы. Если вы делаете внутреннюю ссылку, то можно найти нужный файл на сервере, нажав кнопку "Посмотреть на сервере"

Вкладка Цель

Определяет, где будет открыта ссылка. Для того, чтобы сделать открытие ссылки в новом окне, нужно выбрать в выпадающем списке пункт "Новое окно". По умолчанию ссылка открывается в том же окне.

Убрать ссылку - убирает гиперссылку. Поставьте курсор на текст гиперссылки и щелкните данный инструмент.

Вставить/редактировать якорь - создает якорь на странице. Необходим для создания ссылки внутри одной страницы. Установите курсор в нужное место, затем щелкните по кнопке якорь, в окне "Свойства якоря" введите имя нового якоря и нажмите "ОК".

Рисунок 3.28. Свойства якоря

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

Поставьте курсор в то место на странице, где должна быть картинка. Нажмите на кнопку "Картинка", после чего откроется окно "Свойства изображения" (см. рисунок).

Рисунок 3.29. Свойства изображения

В поле "URL" Вы можете указать адрес картинки в интернете. Либо воспользуйтесь кнопкой "Посмотреть на сервере", если изображение было предварительно загружено на сайт. В поле "Альтернативный текст" запишите текст, который будет показан в случае, если картинка не будет загружена. Поля "Ширина" и "Высота" задают размеры изображения на странице (если Вы измените размеры в этих полях, то размеры самого изображения не изменятся, они останутся прежние, поэтому лучше воспользоваться "Редактором изображений").