Заглавная страница
Избранные статьи
Случайная статья
Познавательные статьи
Новые добавления
Обратная связь

ТОП 10 на сайте

Приготовление дезинфицирующих растворов различной концентрации

Техника нижней прямой подачи мяча.

Франко-прусская война (причины и последствия)

Организация работы процедурного кабинета

Смысловое и механическое запоминание, их место и роль в усвоении знаний

Коммуникативные барьеры и пути их преодоления

Обработка изделий медицинского назначения многократного применения

Образцы текста публицистического стиля

Четыре типа изменения баланса

Задачи с ответами для Всероссийской олимпиады по праву

Мы поможем в написании ваших работ!

ЗНАЕТЕ ЛИ ВЫ?

Влияние общества на человека

Приготовление дезинфицирующих растворов различной концентрации

Практические работы по географии для 6 класса

Организация работы процедурного кабинета

Изменения в неживой природе осенью

Уборка процедурного кабинета

Сольфеджио. Все правила по сольфеджио

Балочные системы. Определение реакций опор и моментов защемления

Главная Избранные Случайная статья Познавательные Новые добавления Обратная связь FAQ

Введение в разработку веб-страниц с помощью Nvu

Стр 1 из 17Следующая ⇒

NVU

Справочные материалы
СОДЕРЖАНИЕ

Введение в разработку веб-страниц с помощью Nvu

1.1.

Введение в интерфейс пользователя

1.2.

Создание нового документа

1.3.

Основы форматирования

1.4.

Вставка рисунков и таблиц

1.5.

Дополнительные стили

1.6.

Публикация документов

Начало работы над новой страницей

2.1.

Создание новой страницы

2.2.

Вкладки - Редактирование нескольких документов

2.3.

Сохранение и просмотр веб-страниц

2.4.

Форматирование абзацев, заголовков и списков

2.5.

Работа со списками

2.6.

Изменение цвета, стиля и шрифта текста

2.7.

Поиск и замена текста

2.8.

Вставка горизонтальных разделителей

2.9.

Вставка специальных символов

2.10.

Вставка элементов HTML и их атрибутов

2.11.

Использование редактора дополнительных свойств

2.12.

Проверка правильности HTML

2.13.

Выбор подходящего режима редактирования

2.14.

Использование строки состояния при форматировании веб-страниц

Использование таблиц стилей для ваших веб-страниц

3.1.

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

3.2.

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

3.3.

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

3.4.

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

Работа с изображениями

4.1.

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

4.2.

Изменение свойств изображения

Работа с оглавлением

5.1.

Вставка оглавления

5.2.

Обновление или удаление оглавления

5.3.

Работа с шаблонами

Указание свойств страницы

6.1.

Свойства страницы и META-теги

6.2.

Указание цветов и фона страницы

Создание ссылок в Nvu

7.1.

Создание ссылок в пределах той же страницы

7.2.

Создание ссылок на другие страницы

7.3.

Добавление XFN информации в ссылки

7.4.

Использование изображений в качестве ссылок

7.5.

Удаление и прерывание ссылок

Публикация веб-страниц с помощью Nvu

8.1.

Публикация документа

8.2.

Обновление опубликованного документа

8.3.

Изменение имени файла или адреса публикации

8.4.

Создание нового сайта публикации

8.5.

Изменение сайта публикации, заданного по умолчанию

8.6.

Удаление сайта публикации

8.7.

Настройки публикации

8.8.

Разрешение общих задач публикации

8.9.

Исправление ошибок публикации

Настройки Nvu

9.1.

Меню "Последние открытые страницы"

9.2.

Редактирование таблиц

9.3.

Редактирование с помощью CSS (каскадные таблицы стилей)

9.4.

Менеджер сайта

9.5.

Шрифты

9.6.

Параметры новой страницы

9.7.

Параметры соединения

9.8.

Проверка орфографии в реальном времени

10.

Настройка интерфейса Nvu

10.1.

Настройка панелей инструментов

10.2.

Клавиатурные сокращения Nvu

10.3.

Описание меню Nvu

Введение в интерфейс пользователя

Меню "Файл" содержит пункты для всех важнейших операций возможных в Nvu. Для получения детального описания всех пунктов меню, ознакомьтесь с разделом Описание меню Nvu этой справки. Панель инструментов Nvu состоит из:

· Панели компоновки

· Панели форматирования

· Панели вкладок

· Панели режимов редактирования

· Строки состояния

Панель компоновки

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

Панель форматирования

Панель форматирования очень важный инструмент редактирования веб-страниц в Nvu. С помощью панели форматирования вы можете менять вид параграфов, выбирать шрифт, менять цвет шрифтов и фона, уменьшать или увеличивать и выделять блоки текста. Так же вы можете создавать нумерованные и маркированные списки, выравнивать текст влево, вправо и по центру. Чтобы узнать, что делает конкретная кнопка, поместите курсор мыши над ней и в появившейся подсказке появится описание ее функции.

Панель вкладок

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

Строка состояния

Строка состояния Nvu показывает позицию курсора относительно иерархии тэга <html>. Вы можете легко редактировать/назначать свойства любого специфического тэга в строке состояния щелкнув по нему правой кнопкой мыши и выбрав нужную опцию. Щелчок левой кнопкой мыши по тегу в строке состояния - выделит текст внутри этого тега.

Создание нового документа

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

Так же, вы можете создать новый документ используя шаблоны. Шаблоны позволяют сделать управление сайтом гораздо проще, вам нужно будет редактировать только тест для каждой отдельной страницы и не беспокоиться о дизайне, поскольку он контролируется шаблоном. Мы не будем здесь углубляться в использование шаблонов, подробно этот вопрос рассмотрен в разделе Работа с шаблонами этой справки.

Основы форматирования

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

Текст примера

Corbett National Park

Corbett National Park, named in the memory of Jim Corbett, was created in 1938 and was the first national park to be established in Asia. It is situated in the northern state of Uttranchal in India. It has an area of 512 sq. km. The combined area of Corbett National Park, Sonandi Wildlife sanctuary and Reserve Forest areas summing up to 1288 sq. km. constitute a bigger project called Corbett Tiger Reserve.

The most famous animals of Corbett National Park are the Bengal Tiger and the Asiatic elephant. It is also a home to other animals like etc etc. Situated at the junction of the Garhwal and Kumaon hill regions it also boasts of the combination of cultures of people of both regions.

Jim Corbett

Jim Corbett, (1825-19), lived in Kaladhungi. His house has been converted into a museum by the government as a dedication to his life and times. He was a naturalist, conservationalist and an avid photographer. Born on 25th July 1875, he grew up in Kaladhungi and Nanital. After fighiting for the British army in the WWI, he came back to India and settled in Kaladhungi with his sister, Maggie. He was called up several times by village people and the government to get rid of man-eating tigers and leopards.

Visiting Corbett National Park

General Information

Altitude: 385-1100m above sea level

Annual Rainfall: 1400mm - 2800mm

Temperature range: 4C in winter to 42C in summer.

Open for tourists from 15 November to 15 June.

Getting there:

The head quarters of Corbett Tiger Reserver are at Ramnagar. By road it is connected to Delhi, Moradabad, Bareilly and Nanital. State transport buses ply from Delhi, Moradabad and Haldwani to Ramnagar. By rail tourists can reach Ramnagar by taking a train from New Delhi.

Форматирование текста

Первое, что мы будем делать это заголовки и подзаголовки. Выделите текст "Corbett National Park" вверху документа и щелкните по выпадающему меню Обычный текст на Панели форматирования и выберите Заголовок 1. Текст будет оформлен стилем по умолчанию для заголовка первого уровня. Аналогично, выделите текст "Visiting Corbett National Park" и сделайте го заголовком второго уровня.

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

Так же, вы можете оформить отдельные слова или фразы, используя кнопки полужирный (B), курсивный (I) или подчеркнутый (U) на Панели форматирования, чтобы сделать так же, как это сделано здесь. Некоторые другие опции форматирования для вашего доступны через Панель форматирования или из меню "Формат" на панели меню. Попробуйте использовать эти опции, их изучение поможет вам в будущем. Если у вас что-то нарушится, не беспокойтесь, нажмите сочетание клавиш "Ctrl+Z" это отменит ваше предыдущее действие. Для получения более полных сведений обо всех возможностях форматирования текста веб-страниц с помощью Nvu смотрите раздел Форматирование этой справки.

На данной стадии, ваш тест примера должен выглядеть так:

Corbett National Park

Corbett National Park, named in the memory of Jim Corbett, was created in 1938 and was the first national park to be established in Asia. It is situated in the northern state of Uttranchal in India. It has an area of 512 sq. km. The combined area of Corbett National Park, Sonandi Wildlife sanctuary and Reserve Forest areas summing up to 1288 sq. km. constitute a bigger project called Corbett Tiger Reserve.

The most famous animals of Corbett National Park are the Bengal Tiger and the Asiatic elephant. It is also a home to other animals like etc etc. Situated at the junction of the Garhwal and Kumaon hill regions it also boasts of the combination of cultures of people of both regions.

Jim Corbett

Visiting Corbett National Park

General Information

Altitude: 385-1100m above sea level

Annual Rainfall: 1400mm - 2800mm

Temperature range: 4C in winter to 42C in summer.

Open for tourists from 15 November to 15 June.

Getting there:

Вставка рисунков и таблиц

Изображения, таблицы и формы могут быть вставлены/созданы в вашем документе при помощи Панели компоновки. Попробуйте вставить таблицу и скопировать основную информацию о Corbett National Park в нее. Щелкните по кнопке " Таблица " на Панели компоновки и выберите с помощью мыши таблицу состоящую из 5 строк и 2 столбцов. Щелчек по пятой строке во втором столбце создаст таблицу в вашем документе.

Чтобы заполнить ячейки таблицы текстом примера, просто вырежьте ("Ctrl+X") текст и вставьте ("Ctrl+V") его в нужную ячейку таблицы. После того как вы проделаете это, таблица должна выглядеть так:

Altitude	85-1100m above sea level
Annual Rainfall	1400mm - 2800mm
Temperature range	4C in winter to 42C in summer
Open for tourists	15 November to 15 June
Getting there	The head quarters of Corbett Tiger Reserver are at Ramnagar. By road it is connected to Delhi, Moradabad, Bareilly and Nanital. State transport buses ply from Delhi, Moradabad and Haldwani to Ramnagar. By rail tourists can reach Ramnagar by taking a train from New Delhi.

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

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

Дополнительные стили

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

Публикация документов

Вы можете опубликовать ваши документы с помощью встроенного в Nvu Менеджера сайта. Вы можете управлять его видимостью нажатием клавиши "F9".

В Менеджер сайта вносятся изменения, по этому данный раздел будет доработан после завершения доработки Менеджера сайта.

Создание новой страницы

Nvu это редактор HTML (Hypertext Markup Language, язык разметки гипертекста), который позволяет создавать и редактировать веб-страницы. Nvu визуальный WYSIWYG редактор (What You See Is What You Get, что видите, то и получите), это означает, что в процессе создания вы знаете, как будет выглядеть страница для посетителя. Теперь нет необходимости учить HTML, поскольку большинство основных функций HTML доступны как команды в меню и на панели инструментов.

Nvu также позволяет редактировать исходный HTML-код, если вам это требуется. Для просмотра и редактирования исходного кода, откройте меню "Вид" и выберите "HTML-код" или щелкните вкладку "HTML-код" на панели редактирования внизу окна Nvu.

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

Чтобы создать новую страницу в Nvu:

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

Чтобы начать редактировать файл в формате HTML, сохраненный на локальном диске:

1. Откройте Nvu.

2. В меню Файл выберите пункт Открыть файл. Вы увидите диалоговое окно "Открыть HTML-файл"

3. На вашем жестком диске выберите файл, который вы хотите редактировать.

4. Нажмите кнопку "Открыть", чтобы открыть файл для редактирования в Nvu.

Чтобы начать редактировать произвольную веб-страницу:

1. Откройте Nvu

2. Щелкните по меню Файл и выберите пункт "Открыть адрес в Интернете...". Вы увидите диалог "Новый документ".

3. Чтобы перейти к нужной странице, введите ее адрес (URL) в строку адреса (например, http://www.nvu.com) и нажмите кнопку "Открыть". Выбранная страница будет открыта в Nvu.

Nvu так же позволяет создавать документы в XHTML формате. Для этого отметьте опцию "Создать XHTML документ" в диалоговом окне Новый документ.

Подсказка: Nvu позволяет легко открыть страницу, над которой вы недавно работали. Для этого откройте меню "Файл" и выберите пункт "Последние открытые страницы". В открывшемся подменю выберите нужный файл.

Работа со списками

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

1. Поместите текстовый курсор в конце последнего элемента списка и нажмите клавишу Enter (Return в случае MacOS). Будет создан новый элемент списка.

2. Нажмите клавишу Enter еще раз. Новый элемент списка превратится в обычную строку. Текст, вводимый в ней, будет отформатирован как обычный текст. Если текстовый курсор находился внутри вложенного списка, каждое нажатие клавиши Enter вызовет переход к объемлющему списку (на один уровень выше).

Чтобы превратить один или несколько элементов списка в обычный текст:

1. Поместите текстовый курсор внутри нужного элемента списка или выделите несколько элементов.

2. В случае нумерованного списка нажмите кнопку "Нумерованный список" в панели форматирования. В случае маркированного списка нажмите кнопку "Маркированный список" в панели форматирования. Кнопки списка действуют как переключатели состояния - их нажатие превращает обычный текст в элементы списка и, наоборот, элементы списка в обычный текст.

Чтобы добавить текст под элементом списка с тем же отступом:

1. Поместите текстовый курсор внутри нужного элемента списка.

2. Нажмите клавиши Shift+Enter (т.е. удерживая клавишу Shift, нажмите Enter). Будет создана новая строка, имеющая тот же отступ, что и элемент списка, но не отмеченная маркером.

3. Введите текст, который вы хотите разместить с данным отступом.

4. Нажмите клавиши Shift+Enter, чтобы создать новый абзац с тем же отступом. Нажмите клавишу Enter (Return в случае MacOS), чтобы создать следующий элемент списка.

Подсказка: Вы можете увеличить или уменьшить отступ элементов списка при помощи соответствующих кнопок на панели форматирования. Иначе, щелкните в любом месте элемента списка и нажмите Tab, чтобы создать отступ на один уровень. Нажмите Shift+Tab чтобы убрать отступ на один уровень.

Чтобы объединить два списка, расположенных рядом:

1. Выделите списки, которые вы хотите объединить. Следует выделить все элементы обоих списков. Если между этими списками находится какой-либо текст, он также станет частью объединенного списка.

2. Нажмите кнопку "Маркированный список" или "Нумерованный список" в панели форматирования.

Поиск и замена текста

Чтобы найти текст на текущей странице:

1. Поместите текстовый курсор в то место страницы, с которого вы хотите начать поиск.

2. Откройте меню "Правка" и выберите пункт "Найти и заменить". Откроется соответствующее диалоговое окно.

3. Введите текст, который вы хотите найти, в поле "Найти:". Вы можете задать дополнительные параметры поиска, используя следующие флажки:

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

o С начала страницы: Если этот флажок установлен, будет выполнен поиск до конца страницы, а затем с начала страницы до позиции текстового курсора. Если же задано обратное направление поиска (см. ниже), будет выполнен поиск до начала страницы, а затем от ее конца до позиции курсора.

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

4. Чтобы начать поиск, нажмите кнопку "Найти далее". После того, как найдено первое совпадение с образцом, вы можете снова нажать кнопку "Найти далее", чтобы искать следующее совпадение.

5. Закончив работу с диалоговым окном поиска и замены, нажмите кнопку "Закрыть".

Чтобы найти и заменить текст на текущей странице:

1. Поместите текстовый курсор в то место страницы, с которого вы хотите начать поиск.

2. Откройте меню "Правка" и выберите пункт "Найти и заменить". Откроется соответствующее диалоговое окно.

3. Введите текст, который вы хотите найти, и текст, на который его следует заменить, соответственно в поля "Найти:" и "Заменить на:".

4. Вы можете задать дополнительные параметры поиска, используя следующие флажки:

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

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

7. Закончив работу с диалоговым окном поиска и замены, нажмите кнопку "Закрыть".

Задание свойств горизонтального разделителя

Вы можете задать высоту и ширину линии (разделителя), а также ее выравнивание и наличие тени.

1. Дважды щелкните по разделителю. Откроется диалоговое окно "Свойства горизонтального разделителя".

2. Вы можете изменить следующие свойства:

o Ширина: Введите значение и выберите единицу измерения - проценты от ширины окна или пикселы (экранные точки). Если вы выберите процентное значение, ширина разделителя будет изменяться при изменении размеров окна Nvu или браузера.

o Высота: Введите значение высоты разделителя в пикселах.

o 3D-Тень: Установите этот флажок, чтобы придать разделителю "объем" за счет добавления тени.

o Выравнивание: Выберите расположение разделителя по горизонтали (влево, по центру или вправо).

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

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

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

Проверка правильности HTML

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

Nvu предоставляет простой механизм для проверки того, соответствует ли ваш документ стандартам языка HTML, опубликованным Консорциумом WWW (World Wide Web Consortium, W3C). Nvu использует онлайновый сервис проверки HTML, который поддерживается Консорциумом и позволяет проверить на правильность синтаксис HTML-документа, а также предлагает рекомендации по исправлению ошибок.

Примечание: Для использования этой функции ваш компьютер должен быть подключен к Интернету.

Чтобы проверить синтаксис HTML вашего документа:

1. Откройте меню "Инструменты" и выберите пункт "Проверить HTML". Если ваш документ содержит несохраненные изменения, Nvu предложит сохранить документ перед проверкой.

2. Nvu откроет дополнительное окно с результатами проверки вашей страницы программой W3C Validation Service.

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

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

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

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

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

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

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

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

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

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

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

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

Изменение свойств таблицы

В этом разделе рассказано, как изменить параметры таблицы в целом, а также отдельных строк, столбцов и ячеек. Для этого:

1. Выделите таблицу или щелкните в любом месте внутри нее.

2. Нажмите кнопку "Таблица" на панели инструментов Nvu или откройте меню "Таблица" и выберите пункт "Свойства таблицы". Откроется диалоговое окно "Свойства таблицы", которое содержит две вкладки: "Таблица" и "Ячейки".

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

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

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

o Выравнивание таблицы: Выберите из раскрывающегося списка тип выравнивания таблицы по горизонтали.

o Заголовок: Выберите из раскрывающегося списка положение заголовка таблицы.

o Цвет фона: Нажмите на кнопку, чтобы выбрать из палитры цвет фона таблицы или оставьте фон прозрачным, в этом случае будет виден фон страницы.

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

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

Чтобы просмотреть или изменить параметры одной или нескольких ячеек:

1. Выделите строку, столбец, ячейку или группу ячеек. Откройте меню "Таблица" и выберите пункт "Свойства таблицы". Откроется диалоговое окно "Свойства таблицы".

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

o Выделение: Из раскрывающегося списка выберите тип выделенной области - ячейку, строку или столбец. Используйте кнопки "Предыдущая" и "Следующая", чтобы выделить другие ячейки, строки или столбцы.

o Размер: Введите высоту и ширину для выделенных элементов, а также задайте единицы измерения - пикселы или проценты от размера таблицы.

o Выравнивание содержимого: Выберите тип выравнивания по вертикали и горизонтали для содержимого выделенных ячеек.

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

o Разбивка на строки: Выберите из раскрывающегося списка "Не разбивать на строки", чтобы запретить разбивку на строки текста в ячейке (за исключением явно указанного разрыва строки или начала нового абзаца). Выберите "Разбить на строки", чтобы разрешить разбивку текста на строки.

o Цвет фона: Нажмите на кнопку, чтобы выбрать из палитры цвет фона ячейки или оставьте фон прозрачным.

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

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

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

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

Выбор элементов таблицы

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

· Щелкните в нужном месте таблицы, откройте меню "Таблица", выберите пункт "Выбрать" и выберите нужный элемент из подменю. Например, чтобы выделить всю таблицу, щелкните в любом месте таблице, откройте меню "Таблица" и выберите "Выбрать", а затем "Таблица".

· Вы также можете выделять элементы таблицы при помощи мыши:

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

o Чтобы выделить несколько смежных ячеек, удерживайте клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS) и, удерживая нажатой кнопку мыши, проведите курсор мыши над теми ячейками, которые вы хотите выделить. Вы можете выделить строку или столбец, начав выделение с первой ячейки строки (столбца) и проведя курсор по горизонтали (вертикали).

o Чтобы выделить несколько ячеек (не обязательно смежных), удерживая клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS), щелкните по нужной ячейке. Продолжая удерживать клавишу, щелкните по остальным ячейкам, которые вы хотите выделить.

o Чтобы распространить выделение на смежные ячейки: удерживая клавишу Ctrl (Windows, Linux or Unix) или Command (Mac OS), щелкните по нужной ячейке. Затем нажмите клавишу Shift и, удерживая ее, щелкните по любой другой ячейке. Будет выделен прямоугольный блок ячеек, углами которого являются две эти ячейки. Повторяя описанную процедуру, вы можете выделить несколько несмежных блоков ячеек.

o Чтобы выделить один или несколько смежных столбцов (строк): удерживая клавиши Ctrl+Shift (Windows, Linux or Unix) или Command+Shift (Mac OS), а также удерживая нажатой кнопку мыши, переместите курсор мыши по вертикали (горизонтали), чтобы выделить первый столбец (строку). Затем, продолжая удерживать клавиши и кнопку, перемещайте курсор по горизонтали (вертикали), чтобы выделить смежные столбцы (строки).

Работа с изображениями

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

Вы можете включать в свои веб-страницы изображения в форматах GIF, JPEG, BMP и PNG (Portable Network Graphics) Вы также можете сделать эти изображения ссылками. Когда вы добавляете изображение к веб-странице, Nvu включает в основной HTML-файл страницы путь к файлу изображения или его URL.

Примечание: Если вы планируете публиковать ваши страницы в сети, то лучше не использовать изображения в формате BMP.

Подсказка: Прежде чем вставить изображения в страницу, лучше сначала сохранить или опубликовать ее. Это позволит Nvu использовать относительные ссылки на изображения при их добавлении.

Чтобы вставить изображение:

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

2. Нажмите кнопку "Изображение" на панели инструментов Nvu или откройте меню "Вставка" и выберите пункт "Изображение". Откроется диалоговое окно "Свойства изображения".

3. В поле "Адрес изображения" введите адрес (URL) изображения или локальный путь к нему и имя файла. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.