Начало работы с Компоновщиком
Создание веб-страницы
Компоновщик - редактор языка HTML (язык гипертекстовой разметки), позволяющий
создавать и редактировать веб-страницы. Компоновщик позволяет работать со
страницей в режиме WYSIWYG ("получаешь то, что видишь"). Это означает,
что редактируя страницу, вы видите ее так же, как пользователь будет видеть
ее в браузере. Для работы с Компоновщиком нет необходимости знать язык HTML,
поскольку основные элементы разметки доступны при помощи команд меню или
панелей инструментов. Однако при необходимости вы можете редактировать и
исходный текст (HTML-код) страницы.
Чтобы создать новую веб-страницу или начать редактировать существующую,
используйте один из способов, описанных ниже. Начав работать со страницей,
вы можете добавлять и изменять текст так же, как вы делаете это в текстовом
редакторе.
Чтобы создать новую страницу, находясь в окне Навигатора:
- Откройте меню "Файл" и выберите пункт "Создать".
Из подменю выберите пункт "Страницу Компоновщика". Откроется окно
Компоновщика, содержащее пустую страницу.
Чтобы начать редактировать страницу, которую вы просматриваете в Навигаторе:
- В окне Навигатора из меню "Файл" выберите пункт "Изменить
страницу". Откроется окно Компоновщика, содержащее копию текущей страницы.
Чтобы создать новую веб-страницу в Компоновщике:
- Нажмите кнопку "Создать" в панели инструментов Компоновщика.
Чтобы начать редактировать файл в формате HTML, сохраненный на локальном
диске:
- Из меню "Окно" выберите пункт "Компоновщик". Откроется
окно Компоновщика.
- Из меню "Файл" выберите пункт "Открыть файл".
- В диалоговом окне "Открыть HTML-файл" выберите файл, который
вы хотите редактировать.
- Нажмите кнопку "Открыть" ("Open"), чтобы открыть
файл для редактирования в окне Компоновщика.
Совет: Вы также можете открывать для редактирования в окне Компоновщика
файлы JavaScript.
Чтобы начать редактировать произвольную веб-страницу:
- Из меню "Окно" выберите пункт "Навигатор".
- Чтобы перейти к нужной странице, введите ее адрес (URL), например www.netscape.com,
в панели адреса и нажмите клавишу Enter (Return в случае MacOS).
- Из меню "Файл" выберите пункт "Редактировать страницу".
Примечание: Имейте в виду, что при сохранении страницы, открытой
в Компоновщике, на локальном диске будет сохранен только HTML-файл. Другие
файлы, включенные в страницу, например изображения и звуковые файлы, сохранены
не будут. Однако если в исходном коде страницы для включенных файлов указаны
абсолютные URL (которые начинаются с "http://"), а компьютер подключен
к Интернету, эти файлы будут отображаться при просмотре сохраненной страницы
в Компоновщике или Навигаторе.
Совет: Компоновщик позволяет легко открыть страницу, с которой
вы работали недавно. Для этого откройте меню "Файл" и выберите пункт
"Последние открытые страницы". Из открывшегося подменю выберите
нужный файл.
[ Вернуться к началу раздела "Начало работы с Компоновщиком" ]
Сохранение и просмотр веб-страниц
Компоновщик может сохранять документы в формате HTML, а также в текстовом
формате. Разметка HTML позволяет сохранить форматирование документа, например
текстовые выделения (полужирный или курсив), таблицы, ссылки, информацию
об изображениях. При сохранении документа в текстовом формате разметка удаляется
и сохраняется лишь текст страницы.
Чтобы сохранить документ в формате HTML:
Чтобы сохранить существующий HTML-файл под другим именем или в другом
каталоге:
- Из меню "Файл" выберите пункт "Сохранить как". В
открывшемся диалоговом окне введите новое имя для файла или выберите другой
каталог для его сохранения
Чтобы сохранить документ в текстовом формате:
- Из меню "Файл" выберите пункт "Экспорт в текстовый формат".
- В открывшемся диалоговом окне введите имя файла и выберите каталог
для его сохранения. Нажмите кнопку "Сохранить" ("Save").
Совет: В процессе редактирования документа вы можете вернуться
к последней сохраненной версии файла, выбрав из меню "Файл" пункт
"Вернуться к последнему сохранению". При этом все изменения в документе,
сделанные после последнего сохранения, будут утеряны.
Примечание: При сохранении документа в текстовом формате теряется
информация об изображениях и других объектах, включенных в страницу. Эти
объекты не отображаются при просмотре текстового файла.
Чтобы просмотреть созданную или измененную страницу в Навигаторе:
- Из меню "Файл" выберите пункт "Просмотр страницы"
(или нажмите кнопку "Просмотр" в панели инструментов Компоновщика).
Если вы хотите просмотреть вновь созданную страницу, которую вы еще не успели
сохранить, Компоновщик предложит задать заголовок страницы, а также имя файла
и каталог для ее сохранения. Для просмотра страницы будет открыто новое окно
Навигатора; при этом окно Компоновщика также останется открытым.
[ Вернуться к началу раздела "Начало работы с Компоновщиком" ]
Форматирование веб-страниц
Форматирование абзацев, заголовков и списков
Чтобы применить форматирование к абзацу:
- В окне Компоновщика поместите текстовый курсор (каретку) в то место, где
должен начаться форматированый текст, или выделите фрагмент текста.
Примечание переводчика (для пользователей, знакомых с языком HTML):
При вводе текста в окне Компоновщика нажатие клавиши Enter создает в исходном
коде HTML разрыв строки (тег <br>), а не новый "абзац HTML" (тег <p>).
При выполнении действий, описанных в разделе "Форматирование абзацев, заголовков
и списков", форматирование, как правило, применяется к фрагменту текста,
ограниченному тегами "абзаца HTML" или разрыва строки. В большинстве случаев
термин абзац, употребляемый в тексте справки, относится к таким фрагментам.
Чтобы создать новый "абзац HTML", необходимо присвоить фрагменту текста форматирование
"Абзац" (см. ниже).
- Из раскрывающегося списка в панели форматирования выберите тип форматирования
для абзаца:
- Обычный текст: К фрагменту текста не применяется никакого
специального форматирования. Для его отображения браузер будет использовать
шрифт, заданный по умолчанию для обычного текста. Фрагмент не отделяется
интервалами от предшествующего и последующего текста (если эти наличие этих
интервалов не следует из форматирования предшествующего или последующего
абзацев).
- Заголовок 1 - Заголовок 6: Текст будет отформатирован
как заголовок. "Заголовок 1" - самый высокий уровень заголовков, а "Заголовок
6" - самый низкий.
- Абзац: Создает новый абзац ("абзац HTML", тег <p>).
Как правило, абзац отделяется интервалами от предшествующего и последующего
текста.
- Адрес: Используется для "подписи" веб-страницы - указания
ее автора или контактной информации лица, с которым можно связаться для получения
дальнейшей информации (например, адреса электронной почты:
user@example.com
). Вы также можете включить в этот фрагмент дату создания страницы и уведомление
об авторских правах. Как правило, фрагмент, отформатированный как "Адрес"
размещается в нижней части страницы и отделяется от остального текста линией-разделителем.
Навигатор отображает такой текст курсивом.
- Заданный формат: Этот тип форматирования используется для
фрагментов исходного текста программ, почтовых сообщений, данных, организованных
в столбцы, и т.п. При отображении обычного текста браузер заменяет пробелами
символы табуляции и разрыва строки, а также отображает группу пробелов как
один пробел. Однако при использовании форматирования "Заданный формат" (тег
<pre>) пробелы, символы табуляции и разрыва строки, включенные в исходный
текст страницы, отображаются браузером без изменений. Для отображения таких
фрагментов используется моноширинный шрифт.
- Цитата: Цитата отображается с отступами слева и справа.
Чтобы отформатировать текст как заголовок:
- Поместите текстовый курсор в любое место фрагмента текста, который
вы хотите отформатировать.
- Используя раскрывающийся список в панели форматирования, выберите из
раскрывающегося списка желаемый уровень заголовка от 1 (наивысший уровень,
самый крупный шрифт) до 6 (самый низкий уровень). Например, используйте "Заголовок
1" для основного заголовка документа, "Заголовок 2" для заголовка следующего
уровня и т.д.
Чтобы отформатировать текст как список:
- Поместите текстовый курсор в любое место строки, которую вы хотите
отформатировать как элемент списка.
- Откройте меню "Формат" и выберите пункт "Список".
- Из подменю выберите тип списка:
- Маркированный: Каждый элемент такого списка отмечен маркером
(например, жирной точкой), как в этом списке.
- Нумерованный: Элементы списка пронумерованы.
- Термин и Определение: Как правило, эти два типа элементов
используются совместно для создания форматирования, подобного глоссарию.
Используйте "Термин" для определяемого термина, а "Определение" - для определения.
При отображении браузер размещает текст определения с отступом вправо относительно
термина.
Совет: Вы можете быстро создать список, выделив несколько строк
или абзацев текста и нажав кнопку "Маркированный список"
или
"Нумерованный список"
в панели форматирования.
Чтобы изменить тип списка, параметры маркеров или нумерации:
- Поместите текстовый курсор в один из элементов списка или выделите
один или несколько элементов.
- Откройте меню "Формат" и выберите пункт "Свойства списка".
- Из раскрывающегося списка выберите тип списка. Из второго раскрывающегося
списка выберите тип нумерации и номер начального элемента (для нумерованного
списка) или тип маркера (для маркированного списка).
- Выберите, следует ли применить сделанные изменения к выбранным элементам
или же ко всему списку.
Чтобы выровнять абзац или строку текста (например, по центру или по правому
краю):
- Поместите текстовый курсор внутри абзаца или строки, которые вы хотите
выровнять.
- Откройте меню "Формат" и выберите пункт "Выровнять";
из подменю выберите способ выравнивания.
Примечание: Вы также можете выровнять текст при помощи
кнопок в панели форматирования.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Работа со списками
Если вы вводите текст, когда текстовый курсор находится внутри одного
из элементов списка, при нажатии клавиши Enter создается новый элемент списка.
Чтобы закончить список и перейти к вводу обычного текста:
- Поместите текстовый курсор в конце последнего элемента списка и нажмите
клавишу Enter (Return в случае MacOS). Будет создан новый элемент списка.
- Нажмите клавишу Enter еще раз. Новый элемент списка превратится в обычную
строку; текст, вводимый в ней, будет отформатирован как обычный текст. Если
текстовый курсор находился внутри вложенного списка, каждое нажатие клавиши
Enter вызовет переход к объемлющему списку (на один уровень выше).
Чтобы превратить один или несколько элементов списка в обычный текст:
- Поместите текстовый курсор внутри нужного элемента списка или выделите
несколько элементов.
- В случае нумерованного списка нажмите кнопку "Нумерованный список"
в панели форматирования. В случае маркированного списка нажмите кнопку "Маркированный
список" в панели форматирования. Кнопки списка действуют как переключатели
состояния - их нажатие превращает обычный текст в элементы списка и, наоборот,
элементы списка в обычный текст.
Чтобы разместить текст под элементом списка с тем же отступом:
- Поместите текстовый курсор внутри нужного элемента списка.
- Нажмите клавиши Shift-Enter (т.е. удерживая клавишу Shift, нажмите
Enter). Будет создана новая строка, имеющая тот же отступ, что и элемент
списка, но не отмеченная маркером.
- Введите текст, который вы хотите разместить с данным отступом.
- Нажмите клавиши Shift-Enter, чтобы создать новый абзац с тем же отступом.
Нажмите клавишу Enter (Return в случае MacOS), чтобы создать следующий элемент
списка.
Чтобы объединить два списка, расположенных рядом:
- Выделите списки, которые вы хотите объединить. Следует выделить все
элементы обоих списков. Если между этими списками находится какой-либо текст,
он также станет частью объединенного списка.
- Нажмите кнопку "Маркированный список" или "Нумерованный
список" в панели форматирования.
Совет: Вы можете увеличить или уменьшить отступ элементов списка
при помощи соответствующих кнопок в панели форматирования.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Изменение цвета, стиля и шрифта текста
Чтобы изменить цвет, стиль или шрифт выбранного текста:
- Выделите текст, к которому вы хотите применить форматирование.
- Откройте меню "Формат" и выберите один из следующих пунктов:
- Шрифт: Выберите шрифт из раскрывшегося подменю. Если вы предпочитаете,
чтобы создаваемая страница отображалась при помощи шрифтов, заданных в браузере
пользователя, выберите "Пропорциональный" или "Моноширинный".
Примечание: В подменю отображаются не все шрифты, которые
присутствуют на вашем компьютере. Шрифты, установленные у вас, не обязательно
присутствуют на всех компьютерах, с помощью которых пользователи будут просматривать
вашу страницу. Как правило, для оформления страницы следует выбирать те шрифты,
которые отображены в подменю "Шрифт". Такие шрифты, как Helvetica,
Arial, Times и Courier установлены практически на любом компьютере (или для
этих имен шрифтов определены подстановки). Поэтому можно ожидать, что страница,
использующая эти шрифты, будет выглядеть сходным образом на большинстве компьютеров.
Если вы будете использовать другие шрифты, отображение вашей страницы на
различных компьютерах может существенно различаться.
- Размер: Используйте это подменю, чтобы указать относительный
размер шрифта или увеличить (уменьшить) размер шрифта для выделенного фрагмента
по сравнению с окружающим текстом.
- Стиль текста: Используйте это подменю, чтобы задать начертание
шрифта для выделенного текста (полужирный, курсив, подчеркнутый и т.п.) или
применить один из типов форматирования, предопределенных стандартом языка
HTML, например "Код" или "Цитата".
- Цвет текста: Выберите цвет для выделенного текста из палитры
(она находится в открывшемся диалоговом окне). Если вы знакомы с кодами и
названиями цветов, определенными стандартом языка HTML, вы можете непосредственно
ввести в строку нужный код или название (например, "#0000ff" или "blue").
Совет: Чтобы быстро присвоить тексту последний ранее использованный
цвет, выделите нужный текст и, удерживая клавишу Shift, щелкните по значку
"Выбор цвета для текста" в панели форматирования. Эта функция полезна,
если вы используете один и тот же цвет для различных фрагментов текста.
Вы также можете изменить цвет фона страницы или задать изображение, которое
будет использоваться в качестве фона. См. Указание цветов и фона страницы.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Удаление стилей текста и прекращение их действия
Чтобы удалить все стили текста (полужирный, курсив и т.п.), присвоенные
фрагменту текста:
- Выделите нужный текст.
- Откройте меню "Формат" и выберите пункт "Убрать все стили
текста".
Чтобы продолжить ввод текста, прекратив действие всех стилей текста (например,
если до этого вы вводили полужирный текст):
- Поместите текстовый курсор в то место, куда вы хотите вводить текст.
- Откройте меню "Формат" и выберите пункт "Прервать стили
текста"s.
- Продолжайте ввод текста. К вновь вводимому тексту не будет применено
никаких стилей текста.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Поиск и замена текста
Чтобы найти текст на текущей странице:
- Поместите текстовый курсор в то место страницы, с которого вы хотите
начать поиск.
- Откройте меню "Правка" и выберите пункт "Найти и заменить".
Откроется диалоговое окно "Найти и заменить".
- Введите текст, который вы хотите найти, в поле "Найти:". Вы
можете задать дополнительные параметры поиска, используя следующие флажки:
- С учетом регистра: Установите этот флажок, чтобы искать
точное совпадение с введенным образцом с учетом регистра букв. Если флажок
не установлен, регистр при поиске не учитывается.
- С начала страницы: Если этот флажок установлен, будет выполнен
поиск до конца страницы, а затем с начала страницы до позиции текстового
курсора. Если же задано обратное направление поиска (см. ниже), будет выполнен
поиск до начала страницы, а затем от ее конца до позиции курсора.
- Поиск в обратном направлении: Установите этот флажок, чтобы
выполнить поиск от текущей позиции текстового курсора до начала страницы.
- Чтобы начать поиск, нажмите кнопку "Найти далее". После того,
как найдено первое совпадение с образцом, вы можете снова нажать кнопку "Найти
далее", чтобы искать следующее совпадение.
- Закончив работу с диалоговым окном поиска и замены, нажмите кнопку
"Закрыть".
Чтобы найти и заменить текст на текущей странице:
- Поместите текстовый курсор в то место страницы, с которого вы хотите
начать поиск.
- Откройте меню "Правка" и выберите пункт "Найти и заменить".
Откроется диалоговое окно "Найти и заменить".
- Введите текст, который вы хотите найти, и текст, на который его следует
заменить, в поля "Найти:" и "Заменить на:" соответственно.
- Вы можете задать дополнительные параметры поиска, используя следующие
флажки:
- С учетом регистра: Установите этот флажок, чтобы искать
точное совпадение с введенным образцом с учетом регистра букв. Если флажок
не установлен, регистр при поиске не учитывается.
- С начала страницы: Если этот флажок установлен, будет выполнен
поиск до конца страницы, а затем с начала страницы до позиции текстового
курсора. Если же задано обратное направление поиска (см. ниже), будет выполнен
поиск до начала страницы, а затем от ее конца до позиции курсора.
- Поиск в обратном направлении: Установите этот флажок, чтобы
выполнить поиск от текущей позиции текстового курсора до начала страницы.
- Нажмите кнопку "Найти далее", чтобы начать или продолжить
поиск. Найденное совпадение с образцом будет выделено.
- Нажмите кнопку "Заменить", чтобы заменить выделенный фрагмент
заданным текстом. Нажмите кнопку "Заменить все", чтобы заменить
все совпадения с образцом.
- Закончив работу с диалоговым окном поиска и замены, нажмите кнопку
"Закрыть".
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Вставка горизонтальных разделителей
Горизонтальные разделители (линии) используются для визуального разделения
различных частей документа. Чтобы вставить горизонтальный разделитель в создаваемую
страницу:
- Поместите текстовый курсор в то место, куда вы хотите вставить разделитель.
- Нажмите кнопку "Разделитель"
в панели инструментов или откройте
меню "Вставка" и выберите пункт "Разделитель".
Задание свойств горизонтального разделителя
Вы можете задать высоту и ширину линии (разделителя), а также ее выравнивание
и наличие тени.
- Дважды щелкните по разделителю. Откроется диалоговое окно "Свойства
горизонтального разделителя".
- Вы можете изменить следующие свойства:
- Ширина: Введите значение и выберите единицу измерения -
проценты от ширины окна или пикселы (экранные точки).
- Высота: Введите значение высоты разделителя (в пикселах).
- 3D-Тень: Установите этот флажок, чтобы придать разделителю
"объем" за счет добавления тени.
- Выравнивание: Выберите расположение разделителя по горизонтали
(влево, по центру или вправо).
- Нажмите кнопку "Использовать по умолчанию", если вы хотите,
чтобы в дальнейшем при создании нового разделителя ему автоматически присваивались
параметры, указанные в диалоговом окне.
- Чтобы задать свойства разделителя вручную, нажмите кнопку "Дополнительно".
Откроется редактор дополнительных свойств (см. раздел Редактор дополнительных свойств.
Совет: Вы можете выбрать пункт "Показать все теги" из
меню "Вид", чтобы отобразить все элементы разметки (теги) HTML в
виде желтых прямоугольников. Дважды щелкнув по любому из этих прямоугольников,
вы вызовете диалоговое окно редактора дополнительных
свойств для данного тега.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Вставка специальных символов
Чтобы вставить специальные символы, например символы со знаками диакритики,
символы валют, знак охраны авторского права:
- Поместите текстовый курсор в то место, куда вы хотите вставить специальный
символ.
- Откройте меню "Вставка" и выберите пункт "Буквы и символы".
Откроется диалоговое окно "Вставка символа".
- Выберите категорию символов.
- Если вы выбрали категорию "Заглавные с диакритическими знаками"
или "Строчные с диакритическими знаками", выберите букву, вариант
которой с диакритическим знаком вы хотите вставить. (Примечание: не все буквы
имеют варианты со знаками диакритики.) Выберите категорию "Общие символы",
если вы хотите вставить символы, которые не являются буквами, например символы
валют, знак охраны авторского права, дроби и т.п.
- Из раскрывающегося списка "Символ" выберите символ, который
вы хотите вставить.
- Нажмите кнопку "Вставка".
Вы можете продолжать работу с документом (или с сообщением электронной
почты в формате HTML), не закрывая диалогового окна "Вставка символа"
на тот случай, если вам понадобится использовать его вновь.
- Закончив работу с диалоговым окном "Вставка символа", нажмите
кнопку "Закрыть".
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Вставка элементов HTML и их атрибутов
Если вы знакомы с языком разметки HTML и способны непосредственно работать
с исходным кодом веб-страниц, вы можете вставлять в создаваемые страницы
дополнительные элементы разметки (теги), атрибуты и сценарии JavaScript.
Чтобы работать с HTML-кодом страниц, используйте один из способов, перечисленных
ниже:
- Поместите текстовый курсор в то место, куда вы хотите вставить HTML-код,
откройте меню "Вставка" и выберите пункт "HTML". В открывшемся
диалоговом окне "Вставка HTML" введите разметку HTML и текст, а
затем нажмите кнопку "Вставка". Содержимое поля ввода будет без
изменений добавлено к исходному коду страницы в выбранном месте.
- Выберите элемент страницы, например таблицу, именованный якорь, изображение,
ссылку или горизонтальный разделитель. Дважды щелкните по нему, чтобы вызвать
диалоговое окно свойств элемента. В этом окне нажмите кнопку "Дополнительно",
чтобы вызвать редактор дополнительных свойств. Вы можете использовать этот
редактор для добавления и изменения атрибутов HTML, а также сценариев JavaScript,
относящихся к данному объекту.
- Откройте меню "Вид" и выберите пункт "HTML-код" или
щелкните по вкладке <HTML> Код в нижней части окна Компоновщика. (Если
вы не видите вкладок в нижней части окна, откройте меню "Вид" и
выберите пункт "Показать/скрыть". Отметьте пункт подменю "Панель
режима редактирования").
Использование редактора дополнительных свойств
Чтобы добавлять атрибуты HTML и сценарии JavaScript к объектам, размещенным
на странице, например таблицам или изображениям, вы можете использовать редактор
дополнительных свойств.
Примечание: Использовать этот режим рекомендуется пользователям,
которые хорошо знакомы с языком HTML, атрибутами тегов и их возможными значениями.
Чтобы изменить свойства объекта при помощи редактора дополнительных свойств:
- Из меню "Вид" выберите пункт "Показать все теги"
или выберите вкладку "Показать все теги" в нижней части окна компоновщика.
В этом режиме редактирования все элементы разметки (теги) представлены желтыми
прямоугольниками.
- Дважды щелкните по прямоугольнику, представляющему нужный объект, чтобы
вызвать его редактор дополнительных свойств. Диалоговое окно редактора дополнительных
свойств имеет три вкладки, на каждой из которых представлены свойства или
атрибуты, заданные для текущего объекта в настоящий момент:
- HTML-Атрибуты: Выберите эту вкладку, чтобы просматривать,
добавлять и изменять дополнительные атрибуты элементов (тегов) HTML.
- Стилевое оформление: Выберите эту вкладку, чтобы просматривать,
добавлять и изменять свойства стилевого оформления CSS (CSS - каскадные таблицы
стилей), заданные для данного элемента (тега) HTML при помощи атрибута <style>.
- События JavaScript: Выберите эту вкладку, чтобы связывать
сценарии JavaScript с различными событиями, определенными для данного элемента.
- Чтобы изменить значение свойства или атрибута на любой из трех вкладок,
выберите из таблицы нужный атрибут. Вы можете изменить значения атрибута,
используя поле "Значение" в нижней части диалогового окна. Чтобы
создать новый атрибут, введите его имя в поле "Атрибут" в нижней
части диалогового окна или выберите имя атрибута из раскрывающегося списка.
Новый атрибут будет автоматически добавлен в таблицу в тот момент, когда
вы начнете ввод текста в поле "Значение". Чтобы удалить атрибут,
выберите его из таблицы и нажмите кнопку "Удалить".
Примечание: Обязательные атрибуты отмечены в списке "Атрибут".
- Закончив работу с редактором дополнительных свойств, нажмите кнопку
"OK".
Помещая значение любого атрибута в исходный код страницы, Компоновщик
автоматически заключает его в кавычки.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Проверка орфографии
Компоновщик всегда проверяет орфографию с начала документа независимо
от положения текстового курсора.
Чтобы проверить орфографию текущей страницы:
- Нажмите кнопку "Орфография" в панели инструментов или откройте
меню "Правка" и выберите пункт "Проверка орфографии".
- Используйте диалоговое окно "Проверка орфографии" для исправления
неправильно набранных слов, а также для добавления слов к текущему словарю
пользователя. Чтобы прекратить проверку орфографии, нажмите кнопку "Закрыть".
- Проверить слово: Проверить орфографию слова, в данный момент
введенного в поле "Заменить на".
- Пропустить и Пропустить все: Пропустить не изменяя
данное слово или все вхождения данного слова в документе.
- Заменить и Заменить все: Заменить на содержимое поля
"Заменить на" данное слово или все вхождения данного слова
в документе.
- Добавить слово: Добавить слово к вашему личному словарю
(словарю пользователя). В дальнейшем это слово будет считаться допустимым,
и Компоновщик не будет предлагать исправить его.
- Изменить: Открыть диалоговое окно "Личный словарь",
при помощи которого можно добавлять новые слова к личному словарю, а также
изменять или удалять слова, находящиеся в словаре.
- Проверить снова: Проверить орфографию с начала документа.
Эта функция полезна, прежде всего, в том случае, когда вы изменили язык для
проверки орфографии и хотите проверить весь документ, используя вновь выбранный
язык.
- Язык: Из раскрывающегося списка выберите язык, словари которого
должны использоваться для проверки орфографии.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Проверка правильности HTML
Прежде чем вы опубликуете документ, разместив его на сервере, следует
проверить его разметку на предмет соответствия стандартам языка HTML. Документы,
отвечающие этим стандартам, с большей степенью вероятности будут корректно
отображаться различными браузерами. Простой просмотр документа в Навигаторе
еще не гарантирует соответствия документа стандартам и его корректного отображения
в других браузерах.
Компоновщик предоставляет простой механизм для проверки того, соответствует
ли ваш документ стандартам языка HTML, опубликованным Консорциумом WWW (World
Wide Web Consortium, W3C). Компоновщик использует онлайновый сервис проверки
HTML, который поддерживается Консорциумом и позволяет проверить на правильность
синтаксис HTML документа, а также предлагает рекомендации по исправлению
ошибок.
Примечание: Для использования этой функции ваш компьютер должен
быть подключен к Интернету.
Чтобы проверить синтаксис HTML вашего документа:
- Откройте меню "Инструменты" и выберите пункт "Проверить
HTML". Если ваш документ содержит несохраненные изменения, Компоновщик
предложит сохранить документ перед проверкой.
- Когда откроется окно Навигатора со страницей сервиса проверки HTML,
нажмите на странице кнопку "Validate this document" (Проверить этот документ).
Примечание: Перед этим вам может понадобиться нажать кнопку "Browse"
(Обзор) на открывшейся странице и выбрать файл вашей веб-страницы на диске.
Примечание переводчика: Результаты проверки будут выданы на английском
языке.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Выбор подходящего режима редактирования
Как правило, для создания и редактирования документа достаточно возможностей,
которые предоставляет режим редактирования по умолчанию ("Обычный").
Однако если вы хотите получить доступ к исходному коду веб-страницы, вы можете
изменить режим редактирования. Компоновщик позволяет легко переключаться
между четырьмя режимами редактирования (способами отображения страницы).
Каждый из режимов позволяет продолжить редактирование документа, однако
разметка HTML отображается в них по-разному.
Перед тем, как изменять режимы редактирования:
Панель режима редактирования находится в нижней части окна Компоновщика
и содержит четыре вкладки:
- Обычный: Это - режим редактирования WYSIWYG, который позволяет
в процессе создания документа видеть то, как он будет отображаться в браузере.
Для удобства редактирования в этом режиме отображаются границы таблиц и значки
именованных якорей. Вся остальная разметка HTML остается скрытой.
- Показать все теги: В этом режиме отображаются все теги HTML
в виде специальных значков (желтых прямоугольников), а также границы таблиц.
Двойной щелчок по значку вызывает диалоговое окно редактора дополнительных свойств для данного
тега.
- <HTML> Код: Этот режим позволяет просматривать и редактировать
исходный код документа на языке HTML. При сохранении документа в этом режиме
происходит переключение в обычный режим.
- Предварительный просмотр: В этом режиме документ отображается
в точности так, как он выглядит в окне Навигатора. Однако ссылки и сценарии
JavaScript не будут действовать в этом режиме.
Примечание: Сценарии JavaScript, фреймы, ссылки и анимированная
графика в формате GIF не действуют ни в одном из режимов редактирования.
Чтобы проверить действие этих элементов, нажмите кнопку "Просмотр"
в панели инструментов. При этом страница будет загружена в отдельное окно
Навигатора.
[ Вернуться к началу раздела "Форматирование веб-страниц" ]
Работа с таблицами
Вставка таблицы
Таблицы используются для организации текста, данных и изображений в строки
и столбцы. Чтобы вставить таблицу:
- Поместите текстовый курсор в то место, куда вы хотите вставить таблицу.
- Нажмите кнопку "Таблица"
в панели инструментов Компоновщика.
Откроется диалоговое окно "Вставка таблицы".
- Введите количество строк и столбцов для создаваемой таблицы.
- Введите ширину таблицы (необязательный параметр) и укажите единицы
измерения для нее - пикселы или проценты от ширины окна.
- Введите ширину границы таблицы (в пикселах); укажите 0, если вы хотите,
чтобы таблица не имела границы.
Примечание: Для таблицы с границей нулевой ширины Компоновщик
отображает условную границу красной пунктирной линией. Эта линия не отображается
при просмотре таблицы в браузере.
- Чтобы задать дополнительные атрибуты таблицы или связать с ней сценарии
JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое
окно редактора дополнительных свойств.
- Нажмте кнопку "OK", чтобы подтвердить заданные параметры и
просмотреть таблицу в окне Компоновщика.
О настройке дополнительных параметров таблицы рассказано в разделе Изменение свойств таблицы.
Совет: Чтобы создать таблицу внутри ячейки существующей
таблицы, используйте пункт "Таблица" меню "Вставка".
[ Вернуться к началу раздела "Работа с таблицами" ]
Изменение свойств таблицы
В этом разделе рассказано, как изменить параметры таблицы в целом, а также
отдельных строк, столбцов и ячеек. Для этого:
- Выделите таблицу или щелкните в любом месте внутри нее.
- Нажмите кнопку "Таблица"
в панели инструментов Компоновщика
или откройте меню "Таблица" и выберите пункт "Свойства таблицы".
Откроется диалоговое окно "Свойства таблицы", которое содержит две
вкладки: "Таблица" и "Ячейки".
- Выберите вкладку "Таблица", чтобы установить следующие параметры:
- Чтобы задать дополнительные атрибуты таблицы или связать с ней сценарии
JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое
окно редактора дополнительных свойств.
- Нажмите кнопку "Применить", чтобы применить сделанные изменения,
не закрывая диалогового окна, или нажмите кнопку "ОК", чтобы подтвердить
сделанные изменения.
Чтобы просмотреть или изменить параметры одной или нескольких ячеек:
- Выделите строку, столбец, ячейку или группу ячеек. Откройте меню "Таблица"
и выберите пункт "Свойства таблицы". Откроется диалоговое окно "Свойства
таблицы".
- Выберите вкладку "Ячейки", чтобы установить следующие параметры:
Примечание: Чтобы задать дополнительные атрибуты таблицы или
связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно".
Откроется диалоговое окно редактора дополнительных
свойств.
- Нажмите кнопку "Применить", чтобы применить сделанные изменения,
не закрывая диалогового окна, или нажмите кнопку "ОК", чтобы подтвердить
сделанные изменения.
Совет: Чтобы изменить цвет текста или цвет фона одной или нескольких
ячеек или таблицы в целом, выберите нужные ячейки или щелкните в любом месте
таблицы. Щелкните по значкам "Выбор цвета для текста" или "Выбор
фонового цвета" в панели форматирования и выберите нужный цвет из открывшейся
палитры.
Совет: Чтобы применить к ячейке цвет фона, который применялся в
последний раз, выделите нужную ячейку и, удерживая клавишу Shift, щелкните
по значку "Выбор фонового цвета" в панели форматирования. Эта функция
полезна в том случае, когда вы хотите присвоить один и тот же цвет отдельным
ячейкам.
[ Вернуться к началу раздела "Работа с таблицами" ]
Добавление и удаление строк, столбцов и ячеек
Компоновщик позволяет легко добавить или удалить одну или несколько ячеек.
Кроме того, вы можете активизировать режим, в котором Компоновщик при добавлениях
и удалениях будет поддерживать исходную прямоугольную структуру таблицы,
при необходимости добавляя ячейки.
Чтобы добавить ячейку, строку или столбец:
- Щелкните в том месте таблицы, куда вы хотите добавить новую ячейку
(или группу ячеек).
- Откройте меню "Таблица" и выберите пункт "Вставить".
- Из подменю выберите элемент таблицы, который вы хотите вставить. (Вы
также можете создать новую таблицу, вложенную в ячейку исходной.)
Чтобы удалить ячейку, строку или столбец:
- Щелкните по ячейке (столбцу, строке), которую вы хотите удалить. Если
вы хотите удалить несколько ячеек (столбцов, строк), выделите нужные ячейки.
Чтобы выделить несколько смежных ячеек, удерживайте клавишу Control (Command
в случае MacOS) и, удерживая нажатой кнопку мыши, проведите курсор мыши над
теми ячейками, которые вы хотите выделить. Чтобы выделить несколько ячеек
в таблице (не обязательно смежных), щелкните по каждой из ячеек, удерживая
нажатой клавишу Control.
- Откройте меню "Таблица" и выберите пункт "Удалить".
- Из подменю выберите элемент таблицы, который вы хотите удалить.
Чтобы объединить ячейку с соседней ячейкой справа:
- Щелкните по левой ячейке, откройте меню "Таблица" и выберите
пункт "Объединить с ячейкой справа".
Чтобы объединить несколько смежных ячеек:
- Выделите группу смежных ячеек, удерживая клавишу Control (Command в
случае MacOS), удерживая нажатой кнопку мыши, и проведя курсор мыши над нужными
ячейками, которые вы хотите выделить.
- Откройте меню "Таблица" и выберите пункт "Объединить выбранные
ячейки".
Чтобы разбить ячейку, полученную объединением нескольких ячеек, на исходные:
- Щелкните по нужной ячейке, откройте меню "Таблица" и выберите
пункт "Разбить ячейки". Все содержимое исходной ячейки будет помещено
в одну из созданных ячеек.
О том, как выделить несмежные ячейки, строки или столбцы подробнее рассказано
в разделе Выбор элементов таблицы.
Изменение поведения по умолчанию редактора таблиц
По умолчанию, когда вы добавляете или удаляете одну или несколько ячеек,
Компоновщик при необходимости добавляет пустые ячейки в конце строк, чтобы
сохранить прямоугольную структуру таблицы. В противном случае вы можете получить
таблицу с различным числом ячеек в строках, которая будет отображаться с
пустыми местами на месте некоторых ячеек или с "неправильным" контуром.
Чтобы изменить поведение по умолчанию редактора таблиц:
- Откройте меню "Правка" и выберите пункт "Настройки".
В левой части диалогового окна выберите категорию "Компоновщик".
- В группе настроек "Редактирование таблиц" установите следующие
параметры:
- Если вы хотите, чтобы Компоновщик автоматически поддерживал прямоугольную
структуру таблицы, установите флажок "Сохранять общую схему таблицы при
вставке или удалении ячеек".
- Выберите поведение клавиши Delete (удалять ячейку целиком или удалять
содержимое ячейки).
- Нажмите клавишу "OK".
См. также Настройки Компоновщика.
[ Вернуться к началу раздела "Работа с таблицами" ]
Выбор элементов таблицы
Вы можете быстро выделить таблицу, ячейку или группу ячеек, используя
один из двух способов:
- Щелкните в нужном месте таблицы, откройте меню "Таблица",
выберите пункт "Выделить" и выберите нужный элемент из подменю.
Например, чтобы выделить всю таблицу, щелкните в любом месте таблице, откройте
меню "Таблица" и выберите "Выделить"/"Таблица".
- Вы также можете выделять элементы таблицы при помощи мыши:
- Чтобы выделить содержимое одной или нескольких ячеек, щелкните
внутри ячейки и, удерживая нажатой кнопку мыши, проведите курсор мыши над
нужными ячейками. Вы можете применить различные виды форматирования текста
(например, стили текста или цвет) к выделенному содержимому.
- Чтобы выделить несколько смежных ячеек, удерживайте клавишу Control
(Command в случае MacOS) и, удерживая нажатой кнопку мыши, проведите курсор
мыши над теми ячейками, которые вы хотите выделить. Вы можете выделить строку
или столбец, начав выделение с первой ячейки строки (столбца) и проведя курсор
по горизонтали (вертикали).
- Чтобы выделить несколько ячеек (не обязательно смежных), удерживая
клавишу Control (Command в случае MacOS), щелкните по нужной ячейке. Продолжая
удерживать клавишу, щелкните по остальным ячейкам, которые вы хотите выделить.
- Чтобы распространить выделение на смежные ячейки: удерживая клавишу
Control или (Command в случае MacOS), щелкните по нужной ячейке. Затем нажмите
клавишу Shift и, удерживая ее, щелкните по любой другой ячейке. Будет выделен
прямоугольный блок ячеек, углами которого являются две эти ячейки. Повторяя
описанную процедуру, вы можете выделить несколько несмежных блоков ячеек.
- Чтобы выделить один или несколько смежных столбцов (строк): удерживая
клавиши Control-Shift (Command-Shift в случае MacOS), а также удерживая нажатой
кнопку мыши, переместите курсор мыши по вертикали (горизонтали), чтобы выделить
первый столбец (строку). Затем, продолжая удерживать клавиши и кнопку, перемещайте
курсор по горизонтали (вертикали), чтобы выделить смежные столбцы (строки).
[ Вернуться к началу раздела "Работа с таблицами" ]
Перемещение, копирование и удаление таблиц
Чтобы переместить, копировать или удалить таблицу, сначала выделите ее:
- Щелкните в любом месте внутри таблицы.
- Откройте меню "Таблица" и выберите пункт "Выделить".
Из подменю выберите пункт "Таблица".
[ Вернуться к началу раздела "Работа с таблицами" ]
Преобразование текста в таблицу
Чтобы преобразовать текст в таблицу:
- Выделите текст, который вы хотите преобразовать. Каждый абзац этого
текста будет преобразован в отдельную строку таблицы.
- Откройте меню "Таблица" и выберите пункт "Создать таблицу
из выделения". Откроется диалоговое окно "Преобразование в таблицу".
- В диалоговом окне выберите символ-разделитель, который будет использоваться
для разделения каждой строки на отдельные ячейки. Вы можете выбрать запятую
или пробел, а также указать другой символ. Если вы выбрали в качестве разделителя
пробел, укажите, должен ли Компоновщик игнорировать дополнительные пробелы,
рассматривая группу пробелов как один разделитель.
- Установите флажок "Удалить символ разделителя", если вы хотите,
чтобы при преобразовании текста в таблицу Компоновщик удалил эти символы.
Сбросьте флажок, если вы хотите, чтобы эти символы были помещены в ячейки
таблицы вместе с остальным текстом.
- Нажмите клавишу "OK".
[ Вернуться к началу раздела "Работа с таблицами" ]
Работа с изображениями
Вставка изображений
Вы можете включать в свои веб-страницы изображения в форматах GIF, JPEG
и PNG. Вы также можете сделать эти изображения ссылками
на другие ресурсы. Когда вы добавляете изображение к веб-странице, Компоновщик
включает в основной HTML-файл страницы путь к файлу изображения или его URL.
Чтобы вставить изображение:
- Поместите текстовый курсор в то место, куда вы хотите вставить изображение.
- Нажмите кнопку "Изображение"
в панели инструментов Компоновщика
или откройте меню "Вставка" и выберите пункт "Изображение".
Откроется диалоговое окно "Свойства изображения".
- В поле "Адрес изображения" введите адрес (URL) изображения
или локальный путь к нему и имя файла. Нажмите кнопку "Выбрать файл",
чтобы выбрать файл, находящийся на локальном диске или в локальной сети.
- Введите альтернативный текст, который будет отображаться вместо изображения
в текстовых браузерах. Кроме того, альтернативный текст может отображаться
и графическими браузерами до полной загрузки изображения или при отключенной
загрузке изображений.
- При необходимости установите прочие параметры, находящиеся на других
вкладках диалогового окна "Свойства изображения". Подробнее об этих
параметрах рассказано в следующем разделе.
Совет: Чтобы быстро вставить изображение, достаточно перетащить
его при помощи мыши в окно Компоновщика из другого приложения или файлового
менеджера. (Эта функция работает при перетаскивании объектов из различных
компонентов Mozilla, например из окна Навигатора. Перетаскивание из других
приложений может работать не во всех операционных системах).
Совет: Если вы хотите поместить разрыв строки между изображением
и последующим текстом (изображениями) того же абзаца, используйте команду
"Разрыв под изображениями" из меню "Вставка".
[ Вернуться к началу раздела "Работа с изображениями" ]
Изменение свойств изображения
Поместив изображение на страницу, в дальнейшем вы можете изменять его
свойства, например высоту и ширину, размер полей, характер размещения текста
по отношению к изображению.
Чтобы просмотреть или изменить свойства изображения:
- Дважды щелкните по изображению или выделите его и нажмите кнопку "Изображение"
в панели инструментов Компоновщика. Откроется диалоговое окно "Свойства
изображения". На различных вкладках этого окна вы можете изменить следующие
параметры:
- Адрес изображения: Введите адрес (URL) изображения или локальный
путь к нему и имя файла. Нажмите кнопку "Выбрать файл", чтобы выбрать
файл, находящийся на локальном диске или в локальной сети.
- Относительный URL: Если этот флажок установлен, Компоновщик
преобразует URL или путь к изображению в относительный URL, определяемый
по отношению к положению основной HTML-страницы. Использование относительных
URL полезно в том случае, когда вы предполагаете в дальнейшем перемещать
созданные страницы, например поместить их на веб-сервер. Группу файлов, ссылающихся
друг на друга при помощи относительных URL, можно перемещать в любое место
на веб-сервере или локальном диске - ссылки останутся работоспособными. Если
этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные)
URL. Как правило, абсолютная адресация используется для внешних ресурсов,
например изображений, находящихся на других веб-серверах. Если вы еще не
сохраняли вновь созданную страницу, этот флажок недоступен.
- Альтернативный текст: Введите текст, который может быть
отображен вместо изображения, например название или краткое описание изображения.
Рекомендуется сопровождать изображения альтернативным текстом. Это может
быть полезно, например, для тех пользователей, которые используют текстовый
браузер или отключают загрузку изображений.
- Не использовать альтернативный текст: Выберите
этот вариант, если изображение не требует альтернативного текста.
- Размеры: Выберите "Исходный размер" (установка
по умолчанию), чтобы видимый размер изображения на странице соответствовал
размеру, заданному в исходном файле. При этом каждый пискел изображения будет
представлен пикселом экрана. Выберите "Задать размер", чтобы самостоятельно
установить размер изображения на странице. Задайте ширину и высоту изображения,
а также единицы измерения (пикселы или проценты от размера окна). Эти параметры
никак не влияют на исходный файл изображения, определяя лишь видимый размер
изображения на странице.
- Соблюдать пропорции: Если вы самостоятельно изменяете видимую
ширину и высоту изображения, это может привести к нарушению пропорций и искажению
изображения. Чтобы избежать этого, установите данный флажок. В этом случае
вам достаточно изменить только один параметр - высоту или ширину изображения.
Второй параметр будет подобран автоматически, чтобы сохранить пропорции изображения.
- Расположение текста по отношению к изображению: Если вы
размещаете изображение рядом с текстом, выберите нужный вариант расположения
из раскрывающегося списка. Для вашего удобства варианты, представленные в
списке, снабжены значками, иллюстрирующими расположение текста.
- Поля: Задайте расстояние, отделяющее изображение от других
элементов страницы, окружающих его (например, от текста). Вы также можете
окружить изображение границей - сплошной черной линией и задать ее ширину
в пикселах. Чтобы удалить границу, задайте для нее нулевую ширину.
- Карта изображения: Нажмите кнопку "Убрать", чтобы
удалить любую информацию о карте изображения.
- Чтобы задать дополнительные атрибуты изображения или связать с ним
сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое
окно редактора дополнительных свойств.
- Нажмите кнопку "ОК", чтобы подтвердить сделанные изменения.
[ Вернуться к началу раздела "Работа с изображениями" ]
Указание свойств страницы
Свойства страницы и META-теги
Используйте диалоговое окно "Свойства страницы" для того, чтобы
задать общие свойства страницы - заголовок, имя автора и краткое описание
документа. Когда ваша страница будет размещена на веб-сайте, поисковые машины
смогут использовать эту информацию при индексации страницы. Вы также можете
просмотреть эту информацию для страницы, загруженной в Навигатор, выбрав
пункт "Информация о странице" из меню "Вид".
- В окне Компоновщика откройте меню "Формат" и выберите пункт
"Заголовок и свойства страницы".
- Укажите любые из перечисленных свойств:
- Заголовок: Введите заголовок страницы. Этот текст будет отображаться
в заголовке окна браузера при просмотре вашей страницы. Заголовки страниц
отображаются в меню закладок, а также в списках страниц, формируемых поисковыми
машинами в ответ на запрос. Кроме того, поисковые машины активно используют
заголовки для оценки степени соответствия страницы запросу. Поэтому важно
подобрать заголовок, который адекватно отражает содержание вашей страницы.
- Автор: Введите имя лица, создавшего документ. Это облегчит
поиск документа в Интернете по имени автора.
Совет: Если вы укажете имя автора в настройках Компоновщика, оно будет
автоматически включаться в каждую создаваемую страницу.
- Описание: Введите краткое описание содержания страницы.
Вы также можете ввести в это поле ключевые слова, отражающие ее содержание.
Поисковые машины используют описание при индексации страницы, а также при
определении ее соответствия запросу.
[ Вернуться к началу раздела "Указание свойств
страницы" ]
Указание цветов и фона страницы
Вы можете задать для создаваемой страницы цвет фона или фоновое изображение.
Кроме того, вы можете задать цвета, которые будут использоваться браузером
при отображении текста и ссылок на странице.
Чтобы задать цвета и фон для создаваемой страницы:
- В окне Компоновщика откройте меню "Формат" и выберите пункт
"Цвета и фон страницы".
- Укажите любые из перечисленных свойств:
- Цвета пользователя по умолчанию: Выберите этот вариант, если
вы хотите, чтобы страница отображалась с использованием цветов, установленных
в браузере пользователя.
- Установить цвета: Выберите этот вариант, если вы хотите
задать цвета для текста, ссылок и фона страницы. Для каждого элемента нажмите
кнопку и выберите нужный цвет из палитры. Образцы выбранных цветов для каждого
элемента отображаются в правой части диалогового окна.
- Фоновое изображение: Если вы хотите использовать изображение
в качестве фона для страницы, введите в это поле адрес (URL) или путь к нужному
изображению. Нажмите "Выбрать файл", чтобы выбрать файл, находящийся
на локальном диске или в локальной сети.
Примечание: Браузер заполняет фоновым изображением всю
страницу, при необходимости используя его повторяющиеся копии. При использовании
фонового изображения цвет, выбранный для фона, не имеет значения.
- Относительный URL: Если этот флажок установлен, Компоновщик
преобразует URL или путь к изображению в относительный URL, определяемый
по отношению к положению страницы. Использование относительных URL позволяет
переместить группу файлов, ссылающихся друг на друга, в любое место на веб-сервере
или локальном диске - ссылки останутся работоспособными. Если этот флажок
сброшен, в качестве адресов будут использоваться полные (абсолютные) URL.
Как правило, абсолютная адресация используется для внешних ресурсов, например
изображений, находящихся на других веб-серверах. Если вы еще не сохраняли
вновь созданную страницу, этот флажок недоступен.
Примечание: Чтобы задать дополнительные атрибуты изображения или
связать с ним сценарии JavaScript, нажмите кнопку "Дополнительно".
Откроется диалоговое окно редактора дополнительных
свойств.
Вы также можете задать в настройках Компоновщика цвета и фон по умолчанию, которые будут
использоваться каждый раз при создании новой страницы.
[ Вернуться к началу раздела "Указание свойств
страницы" ]
Создание ссылок
Создание ссылок в пределах той же страницы
Чтобы создать ссылку на другое место той же страницы, например ссылку,
позволяющую перейти от одного раздела к другому, вы должны сначала создать
именованный якорь (специальный элемент, отмечающий определенное место
страницы). Затем вы должны создать ссылку, указывающую на этот якорь.
Чтобы создать именованный якорь:
- Поместите текстовый курсор в то место, где вы хотите создать якорь,
или выделите фрагмент текста.
- Нажмите кнопку "Якорь"
в панели инструментов Компоновщика
или или откройте меню "Вставка" и выберите пункт "Якорь с именем".
Откроется диалоговое окно "Свойства якоря с именем".
- Введите уникальное (для данной страницы) имя в поле "Имя якоря"
(длиной до 30 символов). Если вы используете пробелы в имени якоря,
они будут преобразованы в символы подчеркивания (_). Если вы выделили
фрагмент текста на шаге 1, этот текст будет автоматически помещен в поле
"Имя якоря".
- Нажмите кнопку "ОК". Местоположение якоря в вашем
документе будет отмечено специальным значком:

Чтобы создать ссылку, позволяющую перейти к именованному якорю:
- Выделите текст или изображение, которые вы хотите сделать ссылкой.
- Нажмите кнопку "Ссылка" в панели инструментов Компоновщика
или или откройте меню "Вставка" и выберите пункт "Ссылка".
Откроется диалоговое окно "Свойства ссылки".
- Если вы хотите создать ссылку на именованный якорь, выберите имя
этого якоря из раскрывающегося списка "Объект ссылки". В этом списке
перечислены все именованные якоря, а также все заголовки (см. ниже), присутствующие
на данной странице. Перед именем якоря в списке добавляется символ #.
- Если вы еще не создали именованных якорей на странице, вы можете
создать ссылку на один из заголовков, находящихся на странице (отформатированных
как Заголовок 1 - Заголовок 6). Для этого выберите нужный заголовок из раскрывающегося
списка "Объект ссылки". Помимо именованных якорей, в этом списке
перечислены все заголовки, находящиеся на странице. При создании ссылки на
заголовок Компоновщик автоматически создает для него именованный якорь.
- Нажмите кнопку "ОК".
Примечание: Чтобы протестировать созданную ссылку, откройте меню
"Файл" и выберите пункт "Просмотр страницы" или нажмите
кнопку "Просмотр" в панели инструментов Компоновщика. Откроется
новое окно Навигатора, в котором вы можете проверить работу ссылок на вашей
странице.
[ Вернуться к началу раздела "Создание ссылок" ]
Создание ссылок на другие страницы
Вы можете включать в свою страницу ссылки на другие страницы, находящиеся
на вашем компьютере, в локальной сети вашей организации, а также размещенные
в Интернете.
Вы можете быстро создать ссылку на странице, перетащив при помощи мыши
ссылку или закладку из другого окна Mozilla. Например, вы можете перетащить
в окно Компоновщика ссылку со страницы, загруженной в Навигатор, или из текста
почтового сообщения, закладку из личной панели Навигатора, адрес текущей
страницы из панели адреса.
Чтобы создать ссылку на другую страницу:
- Поместите текстовый курсор в то место, где вы хотите создать ссылку
или выделите текст или изображение, которые вы хотите сделать ссылкой.
- Нажмите кнопку "Ссылка" в панели инструментов Компоновщика
или откройте меню "Вставка" и выберите пункт "Ссылка".
Откроется диалоговое окно "Свойства ссылки".
- Задайте параметры ссылки:
- Текст ссылки: Если при создании ссылки вы выделили фрагмент
текста или изображение, здесь будет приведен выделенный текст или адрес (URL)
изображения. В противном случае вы должны ввести в это поле текст, который
будет использоваться как ссылка.
- Объект ссылки: Введите путь к локальному файлу или адрес
(URL) страницы в Интернете, на которые вы хотите создать ссылку. Нажмите
кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном
диске или в локальной сети. Чтобы точно воспроизвести URL страницы в Интернете,
вы можете скопировать его из панели адреса Навигатора. Чтобы создать ссылку
на именованный якорь или заголовок, находящийся на той же странице, используйте
раскрывающийся список "Объект ссылки".
- Относительный URL: Если этот флажок установлен, Компоновщик
преобразует URL или путь к страницы в относительный URL, определяемый по
отношению к положению создаваемой страницы. Использование относительных URL
полезно в том случае, когда вы предполагаете в дальнейшем перемещать созданные
страницы, например поместить их на веб-сервер. Группу файлов, ссылающихся
друг на друга при помощи относительных URL, можно перемещать в любое место
на веб-сервере или локальном диске - ссылки останутся работоспособными. Если
этот флажок сброшен, в качестве адресов будут использоваться полные (абсолютные)
URL. Как правило, абсолютная адресация используется для ссылок на внешние
ресурсы, находящиеся на других веб-серверах. Если вы еще не сохраняли вновь
созданную страницу, этот флажок недоступен.
Совет: Чтобы скопировать URL, на который указывает ссылка
на веб-странице в Навигаторе, щелкните по ссылке правой кнопкой мыши (щелкните
по ссылке, удерживая нажатой клавишу Command в случае MacOS) и выберите из
всплывающего меню пункт "Копировать ссылку".
- Чтобы задать дополнительные атрибуты ссылки или связать с ней сценарии
JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое
окно редактора дополнительных свойств.
- Нажмите кнопку "ОК".
- Чтобы протестировать созданную ссылку, откройте меню "Файл"
и выберите пункт "Просмотр страницы" или нажмите кнопку "Просмотр"
в панели инструментов Компоновщика. Откроется новое окно Навигатора, в котором
вы можете проверить работу ссылок на вашей странице.
[ Вернуться к началу раздела "Создание ссылок" ]
Использование изображений в качестве ссылок
Вы можете использовать изображения, включенные в вашу страницу, в качестве
ссылок. Когда пользователь при просмотре страницы щелкает по такому изображению,
браузер переходит к той странице, на которую указывает ссылка. Чтобы создать
ссылку, связанную с изображением:
- Выделите нужное изображение на странице.
- Нажмите кнопку "Ссылка"
в панели инструментов Компоновщика
или или откройте меню "Вставка" и выберите пункт "Ссылка".
Откроется диалоговое окно "Свойства ссылки".
- В диалоговом окне создайте ссылку на
именованный якорь или заголовок на той же странице или на другую страницу, находящуюся на локальном
компьютере или в Интернете.
Совет: Перетащите изображение-ссылку со страницы, загруженной в
Навигатор, в окно Компоновщика, чтобы скопировать на создаваемую страницу
изображение вместе со ссылкой.
Примечание: Изображение-ссылка может быть окружено цветной линией
(в окне Компоновщика эта линия имеет синий цвет, а при просмотре в Навигаторе
- цвет, установленный вами для ссылок). Чтобы удалить эту линию, откройте
диалоговое окно "Свойства изображения" и задайте нулевое значение
в поле "Сплошная граница" на вкладке "Внешний вид".
[ Вернуться к началу раздела "Создание ссылок" ]
Удаление и прерывание ссылок
Чтобы удалить ссылку:
- Выделите текст ссылки (в окне Компоновщика ссылки подчеркнуты и отображаются
синим цветом) или изображение-ссылку.
- Откройте меню "Формат" и выберите пункт "Убрать ссылки".
При этом текст или изображение сохранятся, однако перестанут быть ссылками.
Если вы вводите текст, поместив курсор внутрь ссылки или в ее конец, вводимый
текст также будет ссылкой. Чтобы прервать ссылку и вводить текст, который
не является ее частью:
- Откройте меню "Формат" и выберите пункт "Прервать ссылку".
[ Вернуться к началу раздела "Создание ссылок" ]
Публикация страниц в Интернете
Если страницы, созданные вами, хранятся на локальном компьютере, их можете
просматривать только вы. Компоновщик позволяет разместить (опубликовать)
созданные страницы на удаленном компьютере - веб-сервере, где они будут доступны
другим пользователям Интернета. Когда вы запускаете процесс публикации, Компоновщик
автоматически копирует (загружает) созданные вами страницы на сервер. Чтобы
найти сервер, на котором вы можете опубликовать свои страницы, или узнать
нужные настройки, свяжитесь с вашим Интернет-провайдером или системным администратором.
Публикация документа
Чтобы опубликовать документ на веб-сервере:
- Откройте HTML-документ, который вы хотите опубликовать, или создайте
новый документ в Компоновщике.
- Откройте меню "Файл" и выберите пункт "Опубликовать".
Если вы ранее задали сайт по умолчанию для публикации данной страницы, Компоновщик
автоматически загрузит страницу на этот сайт.
- Если вы еще не задали сайт по умолчанию для публикации данной страницы,
Компоновщик откроет вкладку "Параметры" диалогового окна "Публикация
страницы". Дополнительная информация об установке этих параметров приведена
в разделе Publish Page - Settings.
- Если вы еще не сохраняли данный документ, Компоновщик откроет вкладку
"Опубликовать" диалогового окна "Публикация страницы",
где вы сможете задать имя файла для документа. Дополнительная информация
об установке этих параметров приведена в разделе Publish
Page - Publish.
- Чтобы просмотреть опубликованную страницу, введите адрес странице на
веб-сервере в панель адреса Навигатора. Протестируйте работоспособность ссылок
и убедитесь в том, что все изображения, включенные в страницу, отображаются
корректно.
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Как избежать неработающих ссылок и "потерянных" изображений
- Убедитесь, что файлы веб-страниц, создаваемые вами, имеют расширение
.HTML. Убедитесь, что файлы изображений имеют расширения .JPG, .GIF или
.PNG (в зависимости от типа файла). Не используйте в именах файлов пробелов
и других специальных символов. Используйте короткие имена файлов, состоящие
только из строчных латинских букв и цифр.
- Если включенные изображения корректно отображаются при просмотре локальной
страницы, но отсутствуют при просмотре страницы, опубликованной на веб-сервере,
в Компоновщике откройте диалоговое окно свойств для каждого изображения.
Убедитесь, что в начале адреса (URL) изображения удален фрагмент file:///
(или задано использование относительных URL). Сделав необходимые исправления,
опубликуйте страницы снова.
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Обновление опубликованного документа
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Обновление имени файла и места публикации
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Создание нового сайта для публикации
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Изменение сайта для публикации по умолчанию
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Удаление сайта для публикации
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Параметры публикации
Публикация страницы - Опубликовать
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Публикация страницы - Параметры
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Настройки публикации
[ Вернуться к началу раздела "Публикация страниц
в Интернете" ]
Настройки Компоновщика
В этом разделе описаны общие настройки Компоновщика, которые доступны
в категории "Компоновщик" диалогового окна "Настройки".
Чтобы просмотреть или изменить эти настройки:
- Откройте меню "Правка" и выберите пункт "Настройки".
- В диалоговом окне "Настройки" выберите категорию "Компоновщик".
При необходимости щелкните по небольшому значку слева от этой категории,
чтобы развернуть список подкатегорий.
Настройки Компоновщика - Компоновщик
Настройки Компоновщика позволяют установить параметры, относящиеся к сохранению
файлов, редактированию таблиц и некоторые другие. Эти параметры действуют
для всех документов, с которыми вы работаете в Компоновщике.
Чтобы просмотреть или изменить эти настройки:
- Откройте меню "Правка" и выберите пункт "Настройки".
- В диалоговом окне "Настройки" выберите категорию "Компоновщик".
- Последние открытые страницы: Введите максимальное число страниц,
которое должно отображаться в подменю "Последние открытые страницы"
меню "Файл" Компоновщика.
- При сохранении файлов:
- Сохранять оригинальное форматирование: Если выбран этот вариант,
Компоновщик не изменяет исходного форматирования HTML-кода при сохранении
страницы. В частности, все группы пробелов, разрывы строк, символы табуляции
и т.п. сохраняются без изменений. Выбор этого варианта затрагивает только
внутреннее представление страницы (HTML-код) и не влияет на ее отображение
в браузере.
- Переформатирование HTML-кода: Если выбран этот вариант,
Компоновщик изменяет форматирование HTML-кода при сохранении страницы для
того, чтобы облегчить его восприятие при распечатке или чтении с экрана.
При этом могут быть удалены лишние пробелы, добавлены отступы, длинные строки
могут быть разбиты на короткие и т.п. Выбор этого варианта затрагивает только
внутреннее представление страницы (HTML-код) и не влияет на ее отображение
в браузере.
- Редактирование таблиц:
- Сохранять общую схему таблицы при вставке или удалении ячеек:
Установите этот флажок, если вы хотите, чтобы при вставке или удалении ячеек
Компоновщик автоматически поддерживал прямоугольную структуру таблицы, добавляя
при необходимости пустые ячейки в конце строк. В противном случае вы можете
получить таблицу с различным числом ячеек в строках, которая будет отображаться
с пустыми местами на месте некоторых ячеек или с "неправильным" контуром.
- Клавиша Delete: Выберите действие, которое должно выполняться
для выделенных ячеек таблицы при нажатии клавиши Delete.
- Редактирование с помощью CSS:
- Использовать стили CSS вместо HTML-элементов и атрибутов:
(для опытных пользователей). Если этот флажок установлен, для форматирования
страницы вместо традиционных тегов HTML в ее исходном коде будут по возможности
применяться стили CSS. Например, для полужирного шрифта вместо <b></b>
будет использоваться <span style="font-weight: bold;"></span>.
[ Вернуться к началу раздела "Настройки Компоновщика" ]
Настройки Компоновщика - Параметры новой страницы
Здесь вы можете задать цвета и фон, которые будут использоваться для каждой
вновь создаваемой страницы.
Чтобы просмотреть или изменить эти настройки:
- Откройте меню "Правка" и выберите пункт "Настройки".
- В диалоговом окне "Настройки" выберите категорию "Компоновщик"
и подкатегорию "Параметры новой страницы". При необходимости щелкните
по небольшому значку слева от категории "Компоновщик", чтобы развернуть
список подкатегорий.
- Автор: Введите свое имя.
- Цвета пользователя по умолчанию: Выберите этот вариант,
если вы хотите, чтобы создаваемые вами страницы отображалась с использованием
цветов, установленных в браузере пользователя.
- Установить цвета: Выберите этот вариант, если вы хотите
задать цвета для текста, ссылок и фона страницы. Для каждого элемента нажмите
кнопку и выберите нужный цвет из палитры. Образцы выбранных цветов для каждого
элемента отображаются в правой части диалогового окна.
- Фоновое изображение: Если вы хотите использовать
какое-либо изображение в качестве фона для всех создаваемых страниц, введите
в это поле адрес (URL) или путь к нужному изображению. Нажмите "Выбрать
файл", чтобы выбрать файл, находящийся на локальном диске или в локальной
сети.
Примечание: Браузер заполняет фоновым изображением всю страницу,
при необходимости используя его повторяющиеся копии. При использовании фонового
изображения цвет, выбранный для фона не имеет значения.
Чтобы изменить имя автора, заданное для созданной страницы: в окне Компоновщика
откройте меню "Формат" и выберите пункт "Заголовок и свойства
страницы".
Чтобы изменить цвета и фон, заданные для созданной страницы: в окне Компоновщика
откройте меню "Формат" и выберите пункт "Цвета и фон страницы".
[ Вернуться к началу раздела "Настройки Компоновщика" ]
Настройки Компоновщика - Публикация
[ Вернуться к началу раздела "Настройки Компоновщика" ]
28 Мая 2002