|
Рассмотрим интерфейс редактирования страницы, которую я сейчас наполняю:
 |
| (некоторые элементы интерфейса, которые нам пока не нужны - я затенил) |
Рассмотрим нижнюю часть страницы
Здесь мы можем заметить три некторых графических конструкции.
Рассмотрим внимательней одну них них:
 |
Вот это и есть единичный логический блок, из которых строится страница, – тег. |
Каждый тег имеет характерную рамочку, снабженную элментами управления:
 |
1: Пометить объект
|
Каждый раз, когда нам нужно выполнить какую-либо операцию с тегом (например: перенести, изменить его тип, удалить и т.п.), мы сначала помечаем его.
Помеченный тег выглядит вот так:
 |
Для удобства (теги могут быть большими) подсвечиваются "точечки" сразу и в низу и вверху рамки. |
|
2: Пометить позицю
|
Для выполнения парных операций (например: перенос тега из одного места в другое), мы помечаем как переносимый тег (см. пункт выше), так и позицию, куда он будет перенесен.
Помеченная позиция выглядит вот так:
|
В один момент времени могут быть помечены: не более одного объекта (тега) и одной позиции.
|
|
3: Сохранить
|
Мы можем сохранить результат редактирования текстовых полей тегов, нажав на эту иконку с изображением дискеты.
Любая из этих "дискет" сохраняет ВСЕ открытые для редактирования текстовые поля на странице:
Вы можете отредактировать несколько тегов, и за одну операцию (нажав на любой "дискетке") все сразу сохранить.
|
Сохраненная информация не отображается сразу на сайте, эти данные записываются только в базу.
Для публикации изменений нужно нажать кнопку "Публиковать страницу" в меню редактирования.
|
|
4: Отменить последнюю операцию
|
Откат в этой системе работает только на один шаг. Тем не менее, даже он достаточно часто выручает при ошибочных действиях.
|
Откат также, как и "Сохранить", имеет действие для всей редактируемой страницы.
|
|
5: Удалит тег.
|
Удаляется тот тег, на иконке которого мы кликаем (вместе со всеми вложенными).
|
6: Свернуть и развернуть тег.
|
 |
Вот так помечается развернутый тег (или тег, который будет развернут после перезагрузки страницы). |
 |
Вот так помечается свернутый тег (или тег, который будет свернут после перезагрузки страницы). |
При редактировании достаточно объемных текстов, теги, содержащие вложенные, могут занимать на странице много места.
Чтобы уменьшить, как время обновления страницы, так и ее размер, "не нужные" в данный момент блоки можно свернуть:
 |
Свернутый тег. |
Для сворачивания (разворачивания) тегов мы кликаем на указанном значке и нажимаем кнопку "Сохранить".
|
За один раз можно свернуть и развернуть несколько тегов.
|
|
Сворачивание и разворачивание имеет значение только для отображения на странице редактирования. На сайте все теги отображаются вне зависимости от их свернутости.
|
|
7: На верх страницы
|
Нажав на эту кнопку мы всего навсего "прыгаем" на верх страницы, и тем самым экономим время на вращение колесика мышки для скроллинга.
|
8: Повторить тег
|
Эта функция очень удобна при последовательном наполнении страницы одинаковыми элементами, чтобы не выбирать каждый раз один и тотже из меню.
Новый тег при этом появляется пустым.
|
9: Копировать тег
|
Отличается от предыдущей операции тем, что копируется все наполнение тега (вместе с вложениями).
Этот пункт "родился" путем копирования 8-го с последующим редактированием.
|
Подчеркнем еще раз, что все манипуляции в интерфейсе редактирования не отображаются сразу на сайте. Изменения становятся видны посетителям только, после нажания кнопки "Публиковать страницу".
|
Подробнее о вложенных тегах.
Подготавливая этот параграф, я вставил в него сначала абзац , вот как это выглядело:
Тег под названием "абзац" был вложен в тег под названием "параграф". Степень вложенности тегов не ограничивается. То есть, можно во внутрь "абзаца" вставить "список", а во внутрь "элемента списка" вставить "ссылку" и т.д.
На самом деле, "параграф" не является тегом верхнего уровня, на картинке это не показано, но он вложен в тег "наполнение страницы".
Вот пример более сложной структуры:
Если бы мы захотели "список" не вставить в "абзац", а разместить его после, то выглядело бы это так:
Теперь самое время рассмотреть меню, в верхней части страрицы...
В верхней части страницы расположено меню редактирования.
Рассмотрим каждую группу в отдельности:
|
"Выбор элемента"
|
Наполняемая нами страница состоит из: абзацев, списков, таблиц, иллюстраций, и проч. Для того, чтобы добавить на сраницу новый элемент (тег), его нужно выбрать из выпадающего списка:
|
"Выбранный элемент"
|
...после выбора типа нового элемента и его позиции, нажимаем одну из кнопок:
 |
"вставить", |
|
или "добавить". |
Если мы хотим создать сразу несколько однотипных элементов, то указываем их число в форме, с названием "в количестве ".
|
"Операции с объектом"
|
Если мы хотим, что-нибудь сделать с тегом, то мы сначала его помечаем, а потом, делаем с ним, то, что написано на одной из кнопок.
Кнопка "Изменить тип", заставит тег поменять свой тип на выбранный в меню "Выбор элемента".
Кнопка, "копировать", заставит появиться копию выбранного тега, сразу же после него. Если нужно будет его потом куда-то перенести, то...
|
"Парные операции"
|
...мы можем перемещать теги друг относительно друга, как угодно, лишь бы новая структура имела хоть какой-то смысл.
Единственное, что мы не сможем сделать, так это перенести тег во внутрь самого себя... (Хотя после прочтения одного из произведений Пелевина, я все больше задумываюсь над этим...)
Особенности интерфейса управления структурой сайта
Интерфейс управления структурой сайта так же предлагает манипуляцию деревом тегов, только каждый тег уже обозначает здесь целую страницу сайта. (Заданная структура тегов будет потом определять структуру его меню.)
Логика управления деревом в этом интерфейсе почти аналогична интерфейсу управления страницей с той только разницей, что вместо выбора типа элемента из фиксированного списка, нам предлагается написать его название самостоятельно.
|
Под "именем нового элемента" понимается имя будущего html-файла. (Название нужно писать только латиницей, ибо ссылка на него может состоять (таковы правила) только из ограниченного набора символов, русские буквы в который не входят.
|
|
