Текстовый объект

Этап 3 - Создание Страниц >

Текстовый объект

Previous pageReturn to chapter overviewNext page
Кликните, чтобы развернуть/уменьшить

Текст — очень важный элемент содержимого Сайта. Значительная часть содержимого сайтов состоит из Текста (помимо Изображений, Видеозаписей и Flash-анимаций).

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

Чтобы привлечь посетителей на Сайт и убедить их в том, что представленные материалы достойны их внимания, текст должен быть адаптирован для размещения в Интернете. Пишите увлекательно и по существу. Разбейте текст на короткие предложения и абзацы, чтобы его было легко читать и чтобы он выглядел менее объемистым. Особое внимание уделите форматированию; полужирный шрифт и курсив, заголовки и подзаголовки следует использовать аккуратно и единообразно.

Пользователей обычно привлекают продуманные сайты. Можно запросто отпугнуть посетителей, разместив на Сайте текст с большим количеством ошибок, использовав неудобную компоновку Сайта, затруднив чтение текста и т. п.

После этого краткого, но важного замечания о стиле написания в Интернет, WebSite X5 помогает набирать тексты с помощь. встроенного редактора и предоставляет все необходимые команды для форматирования. Текст, созданный в других программах, можно вставить путем обычного Копирования и Вставки.

Более того, WebSite X5 позволяет создавать текст, отображаемый на вкладках: практичный и удобный способ организации информации на небольшой площади, например, на странице сайта.

 

Команды для создания текстового объекта описаны в разделах Контент и Стиль вкладок.

Кликните, чтобы развернуть/уменьшитьСправка: Команды в разделе Контент

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

В текстовом редакторе доступны следующие команды и возможности:

Вырезать [CTRL+X] - Копировать [CTRL+X] - Вставить [CTRL+V]

Эти команды вырезают, копируют и вставляют выбранный текст. Текст при вставке теряет все форматирование (жирный, наклонный и т.д.), примененное в исходном докумнте. Но эти же возможности есть во встроенном редакторе.

Специальная вставка

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

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

Отмена [CTRL+Z] - Восстановить [ALT+CAPS+BACKSPACE]

Эти команды отменяют или заново выполняют последнюю проведенную операцию.

Вставить ссылку [CTRL+L]

Эта команда формирует ссылку на выбранные слова. Ссылку можно задать в окне Ссылка, когда оно откроется.

Вставить изображение

К тексту можно добавить изображение (формата JPG, GIF, PNG или BMP). Кликнув мышью по треугольнику по кнопки Вставить изображение, можно получить отображение подменю со следующими позициями: Изображение из файла... и Изображение из онлайн-библиотеки....

Посредством окна, открытого с помощью команды Изображение из онлайн-библиотеки..., отображается коллекция, содержащая более 400000 бесплатных изображений, среди которых легко выбрать те, которые вы хотите импортировать.

Размер Изображения, вставляемого в Объект «Текст», автоматически изменяется под размер Ячейки таблицы макета страницы. Если размер изображения нужно изменить, выделите его и используйте «ручки» выделения для изменения размера. Особую компоновку страницы можно задать, работая с Объектом «Изображение» в окне Изображение объекта.

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

Включить HTML-код

Эта опция позволяет добавлять текст в виде HTML-кода прямо в Страницу. При работе в режиме HTML символы < и > не интерпретируются как «меньше» и «больше», но текст между ними интерпретируется как HTML-тег.

Настройки реакции на мышь

К тексту можно применить эффект прокрутки. Настройки прокрутки задаются в окне Реакция на мышь.

Выровнять контент по ширине ячейки

Эта функция редактора моделирует представление текста в зависимости от размера ячейки таблицы макета страницы, в которой он находится.

Фон светлый/темный

Этот параметр задает темный или светлый цвет для фона редактора: это может быть полезно для работы с текстом, который написан на белом или другом бледном фоне.

 

Тип шрифта - размер шрифта

Можно выбрать тип шрифта (фонт) для текста и его размер.

Выпадающее меню предлагает все шрифты, установленные на используемом компьютере, а также все веб- и Google шрифты, встроенные посредством окна Предпочтения | Веб-шрифт. Типы шрифтов легко различить посредством соответствующих значков:

Шрифты Google шрифты, встроенные посредством окна Предпочтения | Веб-шрифт программы WebSite X5 и связанные с сервером Google.

Веб-шрифты шрифты, встроенные посредством окна Предпочтения | Веб-шрифт программы WebSite X5 и опубликованные на сервере веб-сайта.

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

Полужирный [CTRL+B] - Курсив [CTRL+I] - Подчеркнутый [CTRL+U] - Штрих [CTRL+T]

Делают символы выделенного текста жирными, курсивными, подчеркнутыми и зачеркнутыми.

Цвет текста - Цвет фона для текста

Можно выбрать цвет выделенного текста или его фона.

Восстановить формат

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

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

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

Отменить отступ / Отступ

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

Выровнять по левому краю - Выровнять по центру - Выровнять по правому краю - Выровнять по ширине

Выделенный текст можно выравнивать по левому краю, по правому, по центру или по ширине.

Выровнять текст по правому краю - По умолчанию - Выровнять текст по левому краю

Эти опции активны при вставке изображения в текст. Изображение можно вставить обычным образом, т. е. как слово (по умолчанию), или отобразить текст сбоку от изображения, а именно слева или справа от него.

Нажмите правую кнопку мыши, чтобы отобразить всплывающее меню с этими командами: Отмена, Вырезать, Копировать, Вставить, Специальная вставка и Выделить все.

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

Закладки для различных текстов, созданных вами, показаны внизу рабочей области.

По умолчанию есть только одна закладка под названием «Текст 1»: если вы не будете добавлять других текстов, то новые закладки не появятся. Чтобы добавить новый текст, нажмите на кнопку справа от других закладок или щелкните правой кнопкой мыши на закладках и воспользуйтесь одной из команд раскрывающего меню:

Добавить вкладку— добавляет новую закладку (и активирует соответствующий закладке текст), теперь можно задать закладке название в открывающемся окне.
Переименовать активную вкладку...— открывает окно, где можно изменить название текущей закладки.

Закладки нужно называть осмысленно и правильно, поскольку эти названия автоматически появляются на кнопках, используемых для навигации по различным текстам при выборе Вкладки - Горизонтальные или Вкладки - Вертикальные в качестве Режим отображения.

Удалить активную вкладку— удаляет текущую закладку и относящийся к ней текст.
Переместить активную вкладку влево / Переместить активную вкладку вправо— меняет порядок закладок, перемещая их влево или вправо. Можно также переносить закладки мышкой, чтобы выстроить в нужном порядке.
Кликните, чтобы развернуть/уменьшитьСправка: Команды в разделе Стиль вкладок

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

Прежде всего, нужно задать параметр Режим отображения текстового файла, это может быть:

Вкладки - Горизонтальные— это похоже на обычный шкаф-каталог: контент показан в файлах, которые можно просматривать, используя закладки, расположенные горизонтально сверху или снизу.

Вкладки - Вертикальные— это похоже на дневник, где контент показан в файлах, которые можно просматривать, используя закладки, расположенные вертикально слева или справа.

Слайд-шоу— это похоже на слайд-шоу, где можно прокручивать текстовые файлы стрелками, но нет никаких кнопок с именами файлов.

Доступные возможности зависят от типа Режим отображения который вы выбрали

для Вкладки - Горизонтальные и Вкладки - Вертикальные графику можно задать в Кнопки навигации со следующими параметрами:

Положение— здесь задается положение кнопок для навигации между текстовыми файлами:  сверху или снизу для Вкладки - Горизонтальные, и слева или справа для Вкладки - Вертикальные.
Стиль— задает стиль кнопок навигации.
Шрифт— задает шрифт, стиль и размер для текста.
Размер— можно задать ширину и высоту кнопок в пикселах. Оставьте Сохранять пропорции выбранным, если хотите сохранить соотношение высоты и ширины (форм-фактор).

Используйте параметры в разделе Цвет для Вкладки - Горизонтальные и Вкладки - Вертикальные:

Текст/Фон/Цвет рамки— задает цвет текста, фона и границ кнопок для навигации по текстовым файлам.
Активный текст/ Активный фон— задает цвет текста и фона для кнопок навигации при наведении мыши.

Для Слайд-шоу варианты для показа графики Кнопки навигации следующие:

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

Параметры в Общие применимы ко всем режимам отображения:

Высота кадра— если этот параметр активен, можно задать в пикселах высоту текстового файла.

Этот объект автоматически принимает высоту самого длинного текста: когда вы задаете Высота кадра, у всех текстовых файлов, которые оказываются длиннее установленной высоты, появляется полоса прокрутки.

Автовоспроизведение [сек]— если выбран этот параметр, можно задать, сколько секунд будет отображаться текстовый файл прежде, чем появится следующий.
Внутреннее поле— здесь задается размер полей в пикселах (расстояние между границей и содержимым текстового файла).
Эффект— указывает, как текстовые файлы появляются в окне.

 

 


Лучшая практика:

-

Как использовать веб-шрифты


Родственные темы:

-

Стандартные и веб-шрифты