Создание стилей для HTML с использованием Excel

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

Предлагаемый инструмент позволяет без особых усилий преодолеть проблему перехода от оформления страницы с помощью тегов HTML к оформлению с использованием CSS.

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

В книге удобно иметь столько листов, сколько разделов будет рассматриваться:

• Свойства текста
• Свойства шрифта
• Свойства цвета и фона
• Свойства блока
• Позиционирование

В данном случае рассмотрим только один раздел, поэтому и лист всего один. Тем не менее, ему стоит присвоить имя «ТЕКСТ», чтобы избежать путаницы при добавлении листов других разделов.

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

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

Столбец A в строках с 8 и ниже содержит описание свойств letter-spacing, text-align, text-decoration, text-indent, text-transform, white-space, word-spacing, возможные значения этих свойств, значение по умолчанию. Однородные элементы одинаково форматированы.

В столбце B ячейки, относящиеся к одному описанию объединены.

Пользователь имеет возможность вписать желательное значение (из допустимых) в соответствующую ячейку столбца B, при этом формируется синтаксически безупречная запись пары «свойство-значение».

Это реализуется путем внесения в ячейки столбца A (строки 1…7) формулы, смысл которой: «если значение не пусто, то сцепить (имя свойства, двоеточие, значение, точка с запятой), иначе пусто».

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

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

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

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

В процессе создания таблицы стилей для сайта можно предложить такую последовательность действий:

1. сначала стиль для каждого отдельного элемента отлаживается на единичном экземпляре объекта как локальный;
2. затем отлаженный локальный стиль переносится в раздел стилей страницы и становится глобальный;
3. после того, как все необходимые стили созданы, отлажены, перенесены в раздел стилей, этот раздел целиком переносится в отдельный файл .css, а на странице вместо раздела стилей размещается ссылка, связывающая этот файл со страницей.

Таким образом, каждый web-мастер может создать для себя в Excel собственный файл-конструктор, соответствующий его потребностям и использовать его для написания web-страниц в современном стиле кодирования.