Создание таблиц стилей в Nvu

 

Используя CaScadeS можно создавать внутренние или внешние таблицы стилей. Для создания внутренней таблицы стилей:

1. Нажмите на кнопку "Новая таблица".

o Дополнительно: заполните поля "Типы носителей" и "Заголовок" для таблицы стилей.

2. Нажмите "Создать таблицу стилей".

Чтобы создать внешнюю таблицу стилей:

1. Нажмите на кнопку "Новая ссылка".

2. Заполните поле "URL" в панели справа. Новый файл будет создан на локальном компьютере, если он еще не существует.

o Дополнительно: заполните поля "Типы носителей" и "Заголовок" для таблицы стилей.

3. Установите флажок "выберите для создания альтернативной таблицы стилей", если это требуется дополнительно.

Подсказка: Всегда сохраняйте HTML-документ перед применением локальной таблицы стилей. Также сохраняйте документ непосредственно до закрытия редактора CSS.

Подсказка: Используйте кнопку "Обновить" в левой панели, если таблица стилей сразу не загружается.

Создание правил для таблиц стилей

 

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

1. Нажмите на кнопку "Новое правило".

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

o именованный стиль (введите имя класса ниже);

o стиль, применяемый ко всем элементам этого типа (введите тип ниже);

o стиль, применяемый ко всем элементам следующего селектора.

3. Напишите имя правила.

4. Нажмите на кнопку "Создать правило стиля".

Правила могут быть определены с помощью стилевых вкладок (Текст, Фон, Обрамление, Бокс, Звук) в правой панели окна. Чтобы увидеть все установки стилевого правила, выделите правило в левой панели и щелкните по вкладке "Основное" в правой панели. Вкладка "Основное" отображает все установки применительно к текущему правилу.

Работа с таблицами

Вставка таблицы

Таблицы используются для организации текста, данных и изображений в строки и столбцы. Чтобы вставить таблицу:

1. Поместите текстовый курсор в то место, куда вы хотите вставить таблицу.

2. Нажмите кнопку "Таблица" на панели инструментов Nvu. Откроется диалоговое окно "Вставка таблицы".

3. Введите количество строк и столбцов для создаваемой таблицы.

o Введите ширину таблицы (необязательный параметр) и укажите единицы измерения для нее - пикселы или проценты от ширины окна.

4. Введите ширину границы таблицы в пикселах. Укажите 0, если вы хотите, чтобы таблица не имела границы.

Примечание: Для таблицы с границей нулевой ширины Nvu показывает условную границу красной пунктирной линией. Эта линия не отображается при просмотре таблицы в браузере.

5. Чтобы задать дополнительные атрибуты таблицы или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.

6. Нажмте кнопку "OK", чтобы подтвердить заданные параметры и просмотреть таблицу в окне Nvu

О настройке дополнительных параметров таблицы рассказано в разделе Изменение свойств таблицы.

Подсказка: Чтобы создать таблицу внутри ячейки существующей таблицы, используйте пункт "Таблица" меню "Вставка".