Начало работы с Компоновщиком

 

В этом разделе:

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

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

 

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

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

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

Чтобы создать новую страницу, находясь в окне Навигатора:

Чтобы начать редактировать страницу, которую вы просматриваете в Навигаторе:

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

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

  1. Из меню "Инструменты" выберите пункт "Компоновщик". Откроется окно Компоновщика.
  2. Из меню "Файл" выберите пункт "Открыть файл".
  3. В диалоговом окне "Открыть HTML-файл" выберите файл, который вы хотите редактировать.
  4. Нажмите кнопку "Открыть" ("Open"), чтобы открыть файл для редактирования в окне Компоновщика.

Совет: Вы также можете открывать для редактирования в окне Компоновщика файлы JavaScript.

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

  1. Из меню "Инструменты" выберите пункт "Навигатор".
  2. Чтобы перейти к нужной страинце, введите ее адрес (URL), например www.netscape.com, в панели адреса и нажмите клавишу Enter (Return в случае MacOS).
  3. Из меню "Файл" выберите пункт "Изменить страницу".

    Примечание: Имейте в виду, что при сохранении страницы, открытой в Компоновщике, на локальном диске будет сохранен только HTML-файл. Другие файлы, включенные в страницу, например изображения и звуковые файлы, сохранены не будут. Однако если в исходном коде страницы для включенных файлов указаны абсолютные URL (которые начинаются с "http://"), а компьютер подключен к Интернету, эти файлы будут отображаться при просмотре сохраненной страницы в Компоновщике или Навигаторе.

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

Вернуться к началу раздела "Начало работы с Компоновщиком" ]

 

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

Компоновщик может сохранять документы в формате HTML, а также в текстовом формате. Разметка HTML позволяет сохранить форматирование документа, например текстовые выделения (полужирный или курсив), таблицы, ссылки, информацию об изображениях. При сохранении документа в текстовом формате разметка удаляется и сохраняется лишь текст страницы.

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

Чтобы сохранить существующий HTML-файл под другим именем или в другом каталоге:

Чтобы сохранить документ в текстовом формате:

  1. Из меню "Файл" выберите пункт "Экспорт в текстовый формат".
  2. В открывшемся диалоговом окне введите имя файла и выберите каталог для его сохранения. Нажмите кнопку "Сохранить" ("Save").

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

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

Чтобы просмотреть созданную или измененную страницу в Навигаторе:

Вернуться к началу раздела "Начало работы с Компоновщиком" ]

 


Форматирование веб-страниц

 

В этом разделе:

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

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

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

Удаление стилей текста и прекращение их действия

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

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

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

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

Проверка орфографии

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

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

 

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

Чтобы применить форматирование к абзацу:

  1. В окне Компоновщика поместите текстовый курсор (каретку) в абзац, которому вы хотите присвоить форматирование или выделите фрагмент текста.
    Примечание переводчика (для пользователей, знакомых с языком HTML): При вводе текста в окне Компоновщика нажатие клавиши Enter создает в исходном коде HTML разрыв строки (тег <br>), а не новый "абзац HTML" (тег <p>). При выполнении действий, описанных в разделе "Форматирование абзацев, заголовков и списков", форматирование, как правило, применяется к фрагменту текста, ограниченному тегами "абзаца HTML" или разрыва строки. В большинстве случаев термин абзац, употребляемый в тексте справки, относится к таким фрагментам. Чтобы создать новый "абзац HTML", необходимо присвоить фрагменту текста форматирование "Абзац" (см. ниже).
  2. Из раскрывающегося списка в панели форматирования выберите тип форматирования для абзаца:

Чтобы отформатировать текст как заголовок:

  1. Поместите текстовый курсор в любое место фрагмента текста, который вы хотите отформатировать.
  2. Используя раскрывающийся список в панели форматирования, выберите из раскрывающегося списка желаемый уровень заголовка от 1 (наивысший уровень, самый крупный шрифт) до 6 (самый низкий уровень). Например, используйте "Заголовок 1" для основного заголовка документа, "Заголовок 2" для заголовка следующего уровня и т.д.

Чтобы отформатировать текст как список:

  1. Поместите текстовый курсор в любое место строки, которую вы хотите отформатировать как элемент списка.
  2. Откройте меню "Формат" и выберите пункт "Список".
  3. Из подменю выберите тип списка:

Совет: Вы можете быстро создать список, выделив несколько строк или абзацев текста и нажав кнопку "Маркированный список" или "Нумерованный список" в панели форматирования.

Чтобы изменить тип списка, параметры маркеров или нумерации:

  1. Поместите текстовый курсор в один из элементов списка или выделите один или несколько элементов.
  2. Откройте меню "Формат" и выберите пункт "Свойства списка".
  3. Из раскрывающегося списка выберите тип списка. Из второго раскрывающегося списка выберите тип нумерации и номер начального элемента (для нумерованного списка) или тип маркера (для маркированного списка).
  4. Выберите, следует ли применить сделанные изменения к выбранным элементам или же ко всему списку.

Чтобы выровнять абзац или строку текста (например, по центру или по правому краю):

  1. Поместите текстовый курсор внутри абзаца или строки, которые вы хотите выровнять.
  2. Откройте меню "Формат" и выберите пункт "Выровнять"; из подменю выберите способ выравнивания.

Примечание: Вы также можете выровнять текст при помощи кнопок в панели форматирования.

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

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

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

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

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

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

  1. Поместите текстовый курсор внутри нужного элемента списка.
  2. Нажмите клавиши Shift-Enter (т.е. удерживая клавишу Shift, нажмите Enter). Будет создана новая строка, имеющая тот же отступ, что и элемент списка, но не отмеченная маркером.
  3. Введите текст, который вы хотите разместить с данным отступом.
  4. Нажмите клавиши Shift-Enter, чтобы создать новый абзац с тем же отступом. Нажмите клавишу Enter (Return в случае MacOS), чтобы создать следующий элемент списка.

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

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

Совет: Вы можете увеличить или уменьшить отступ элементов списка при помощи соответствующих кнопок в панели форматирования.

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

Чтобы изменить цвет, стиль или шрифт выбранного текста:

  1. Выделите текст, к которому вы хотите применить форматирование.
  2. Откройте меню "Формат" и выберите один из следующих пунктов:

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

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

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

Удаление стилей текста и прекращение их действия

Чтобы удалить все стили текста (полужирный, курсив и т.п.), присвоенные фрагменту текста:

  1. Выделите нужный текст.
  2. Откройте меню "Формат" и выберите пункт "Убрать все стили текста".

Чтобы продолжить ввод текста, прекратив действие всех стилей текста (например, если до этого вы вводили полужирный текст):

  1. Поместите текстовый курсор в то место, куда вы хотите вводить текст.
  2. Откройте меню "Формат" и выберите пункт "Прервать стили текста"s.
  3. Продолжайте ввод текста. К вновь вводимому тексту не будет применено никаких стилей текста.

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

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

  1. Поместите текстовый курсор в то место страницы, с которого вы хотите начать поиск.
  2. Откройте меню "Правка" и выберите пункт "Найти и заменить". Откроется диалоговое окно "Найти и заменить".
  3. Введите текст, который вы хотите найти, в поле "Найти:". Вы можете задать дополнительные параметры поиска, используя следующие флажки:
  4. Чтобы начать поиск, нажмите кнопку "Найти далее". После того, как найдено первое совпадение с образцом, вы можете снова нажать кнопку "Найти далее", чтобы искать следующее совпадение.
  5. Закончив работу с диалоговым окном поиска и замены, нажмите кнопку "Закрыть".

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

  1. Поместите текстовый курсор в то место страницы, с которого вы хотите начать поиск.
  2. Откройте меню "Правка" и выберите пункт "Найти и заменить". Откроется диалоговое окно "Найти и заменить".
  3. Введите текст, который вы хотите найти, и текст, на который его следует заменить, в поля "Найти:" и "Заменить на:" соответственно.
  4. Вы можете задать дополнительные параметры поиска, используя следующие флажки:
  5. Нажмите кнопку "Найти далее", чтобы начать или продолжить поиск. Найденное совпадение с образцом будет выделено.
  6. Нажмите кнопку "Заменить", чтобы заменить выделенный фрагмент заданным текстом. Нажмите кнопку "Заменить все", чтобы заменить все совпадения с образцом.
  7. Закончив работу с диалоговым окном поиска и замены, нажмите кнопку "Закрыть".

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

Горизонтальные разделители (линии) используются для визуального разделения различных частей документа. Чтобы вставить горизонтальный разделитель в создаваемую страницу:

  1. Поместите текстовый курсор в то место, куда вы хотите вставить разделитель.
  2. Нажмите кнопку "Разделитель" в панели инструментов или откройте меню "Вставка" и выберите пункт "Разделитель".

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

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

  1. Дважды щелкните по разделителю. Откроется диалоговое окно "Свойства горизонтального разделителя".
  2. Вы можете изменить следующие свойства:
  3. Нажмите кнопку "Использовать по умолчанию", если вы хотите, чтобы в дальнейшем при создании нового разделителя ему автоматически присваивались параметры, указанные в диалоговом окне.
  4. Чтобы задать свойства разделителя вручную, нажмите кнопку "Дополнительно". Откроется редактор дополнительных свойств (см. раздел Редактор дополнительных свойств.

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

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

Чтобы вставить специальные символы, например символы со знаками диакритики, символы валют, знак охраны авторского права:

  1. Поместите текстовый курсор в то место, куда вы хотите вставить специальный символ.
  2. Откройте меню "Вставка" и выберите пункт "Буквы и символы". Откроется диалоговое окно "Вставка символа".
  3. Выберите категорию символов.
  4. Из раскрывающегося списка "Символ" выберите символ, который вы хотите вставить.
  5. Нажмите кнопку "Вставка".

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

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

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

Если вы знакомы с языком разметки HTML и способны непосредственно работать с исходным кодом веб-страниц, вы можете вставлять в создаваемые страницы дополнительные элементы разметки (теги), атрибуты и сценарии JavaScript. Чтобы работать с HTML-кодом страниц, используйте один из способов, перечисленных ниже:

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

Чтобы добавлять атрибуты HTML и сценарии JavaScript к объектам, размещенным на странице, например таблицам или изображениям, вы можете использовать редактор дополнительных свойств.

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

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

  1. Из меню "Вид" выберите пункт "Показать все теги" или выберите вкладку "Показать все теги" в нижней части окна компоновщика. В этом режиме редактирования все элементы разметки (теги) представлены желтыми прямоугольниками.
  2. Дважды щелкните по прямоугольнику, представляющему нужный объект, чтобы вызвать его редактор дополнительных свойств. Диалоговое окно редактора дополнительных свойств имеет три вкладки, на каждой из которых представлены свойства или атрибуты, заданные для текущего объекта в настоящий момент:
  3. Чтобы изменить значение свойства или атрибута на любой из трех вкладок, выберите из таблицы нужный атрибут. Вы можете изменить значения атрибута, используя поле "Значение" в нижней части диалогового окна. Чтобы создать новый атрибут, введите его имя в поле "Атрибут" в нижней части диалогового окна или выберите имя атрибута из раскрывающегося списка. Новый атрибут будет автоматически добавлен в таблицу в тот момент, когда вы начнете ввод текста в поле "Значение". Чтобы удалить атрибут, выберите его из таблицы и нажмите кнопку "Удалить".

    Примечание: Обязательные атрибуты отмечены в списке "Атрибут".

  4. Закончив работу с редактором дополнительных свойств, нажмите кнопку "OK".

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

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

Проверка орфографии

Компоновщик всегда проверяет орфографию с начала документа независимо от положения текстового курсора.

Чтобы проверить орфографию текущей страницы:

  1. Нажмите кнопку "Орфография" в панели инструментов или откройте меню "Правка" и выберите пункт "Проверка орфографии".
  2. Используйте диалоговое окно "Проверка орфографии" для исправления неправильно набранных слов, а также для добавления слов к текущему словарю пользователя. Чтобы прекратить проверку орфографии, нажмите кнопку "Закрыть".

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

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

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

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

Примечание переводчика: Данная функция доступна только на английском языке.

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

  1. Откройте меню "Правка" и выберите пункт "Проверить HTML". Если ваш документ содержит несохраненные изменения, Компоновщик предложит сохранить документ перед проверкой.
  2. Когда откроется окно Навигатора со страницей сервиса проверки HTML, нажмите на странице кнопку "Validate this document" (Проверить этот документ).

Вернуться к началу раздела "Форматирование веб-страниц" ]

 

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

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

Перед тем, как изменять режимы редактирования:

Панель режима редактирования находится в нижней части окна Компоновщика и содержит четыре вкладки:

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

Вернуться к началу раздела "Форматирование веб-страниц" ]

 


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

 

В этом разделе:

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

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

Добавление и удаление строк, столбцов и ячеек

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

Перемещение, копирование и удаление таблиц

Преобразование текста в таблицу

 

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

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

  1. Поместите текстовый курсор в то место, куда вы хотите вставить таблицу.
  2. Нажмите кнопку "Таблица" в панели инструментов Компоновщика. Откроется диалоговое окно "Вставка таблицы".
  3. Введите количество строк и столбцов для создаваемой таблицы.
  4. Введите ширину границы таблицы (в пикселах); укажите 0, если вы хотите, чтобы таблица не имела границы.

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

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

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

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

Вернуться к началу раздела "Работа с таблицами" ]

 

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

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

  1. Выделите таблицу или щелкните в любом месте внутри нее.
  2. Нажмите кнопку "Таблица" в панели инструментов Компоновщика или откройте меню "Таблица" и выберите пункт "Свойства таблицы". Откроется диалоговое окно "Свойства таблицы", которое содержит две вкладки: "Таблица" и "Ячейки".
  3. Выберите вкладку "Таблица", чтобы установить следующие параметры:
  4. Чтобы задать дополнительные атрибуты таблицы или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.
  5. Нажмите кнопку "Применить", чтобы применить сделанные изменения, не закрывая диалогового окна, или нажмите кнопку "ОК", чтобы подтвердить сделанные изменения.

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

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

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

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

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

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

Вернуться к началу раздела "Работа с таблицами" ]

 

Добавление и удаление строк, столбцов и ячеек

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

Чтобы добавить ячейку, строку или столбец:

  1. Щелкните в том месте таблицы, куда вы хотите добавить новую ячейку (или группу ячеек).
  2. Откройте меню "Таблица" и выберите пункт "Вставить".
  3. Из подменю выберите элемент таблицы, который вы хотите вставить. (Вы также можете создать новую таблицу, вложенную в ячейку исходной.)

Чтобы удалить ячейку, строку или столбец:

  1. Щелкните по ячейке (столбцу, строке), которую вы хотите удалить. Если вы хотите удалить несколько ячеек (столбцов, строк), выделите нужные ячейки. Чтобы выделить несколько смежных ячеек, удерживайте клавишу Control (Command в случае MacOS) и, удерживая нажатой кнопку мыши, проведите курсор мыши над теми ячейками, которые вы хотите выделить. Чтобы выделить несколько ячеек в таблице (не обязательно смежных), щелкните по каждой из ячеек, удерживая нажатой клавишу Control.
  2. Откройте меню "Таблица" и выберите пункт "Удалить".
  3. Из подменю выберите элемент таблицы, который вы хотите удалить.

Чтобы объединить ячейку с соседней ячейкой справа:

Чтобы объединить несколько смежных ячеек:

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

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

Изменение поведения по умолчанию редактора таблиц

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

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

  1. Откройте меню "Правка" и выберите пункт "Настройки". В левой части диалогового окна выберите категорию "Компоновщик".
  2. В группе настроек "Редактирование таблиц" установите следующие параметры:
  3. Нажмите клавишу "OK".

См. также Настройки Компоновщика.

Вернуться к началу раздела "Работа с таблицами" ]

 

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

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

Вернуться к началу раздела "Работа с таблицами" ]

 

Перемещение, копирование и удаление таблиц

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

  1. Щелкните в любом месте внутри таблицы.
  2. Откройте меню "Таблица" и выберите пункт "Выделить". Из подменю выберите пункт "Таблица".

 

Вернуться к началу раздела "Работа с таблицами" ]

 

Преобразование текста в таблицу

Чтобы преобразовать текст в таблицу:

  1. Выделите текст, который вы хотите преобразовать. Каждый абзац этого текста будет преобразован в отдельную строку таблицы.
  2. Откройте меню "Таблица" и выберите пункт "Создать таблицу из выделения". Откроется диалоговое окно "Преобразование в таблицу".
  3. В диалоговом окне выберите символ-разделитель, который будет использоваться для разделения каждой строки на отдельные ячейки. Вы можете выбрать запятую или пробел, а также указать другой символ. Если вы выбрали в качестве разделителя пробел, укажите, должен ли Компоновщик игнорировать дополнительные пробелы, рассматривая группу пробелов как один разделитель.
  4. Установите флажок "Удалить символ разделителя", если вы хотите, чтобы при преобразовании текста в таблицу Компоновщик удалил эти символы. Сбросьте флажок, если вы хотите, чтобы эти символы были помещены в ячейки таблицы вместе с остальным текстом.
  5. Нажмите клавишу "OK".

Вернуться к началу раздела "Работа с таблицами" ]

 


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

 

В этом разделе:

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

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

 

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

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

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

  1. Поместите текстовый курсор в то место, куда вы хотите вставить изображение.
  2. Нажмите кнопку "Изображение" в панели инструментов Компоновщика или откройте меню "Вставка" и выберите пункт "Изображение". Откроется диалоговое окно "Свойства изображения".
  3. В поле "Адрес изображения" введите адрес (URL) изображения или локальный путь к нему и имя файла. Нажмите кнопку "Выбрать файл", чтобы выбрать файл, находящийся на локальном диске или в локальной сети.
  4. Введите альтернативный текст, который будет отображаться вместо изображения в текстовых браузерах. Кроме того, альтернативный текст может отображаться и графическими браузерами до полной загрузки изображения или при отключенной загрузке изображений.
  5. При необходимости установите прочие параметры, находящиеся на других вкладках диалогового окна "Свойства изображения". Подробнее об этих параметрах рассказано в следующем разделе.

Совет: Чтобы быстро вставить изображение, достаточно перетащить его при помощи мыши в окно Компоновщика из другого приложения или файлового менеджера. (Эта функция работает при перетаскивании объектов из различных компонентов Mozilla, например из окна Навигатора. Перетаскивание из других приложений может работать не во всех операционных системах).

Совет: Если вы хотите поместить разрыв строки между изображением и последующим текстом (изображениями) того же абзаца, используйте команду "Разрыв под изображениями" из меню "Вставка".

Вернуться к началу раздела "Работа с изображениями" ]

 

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

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

Чтобы просмотреть или изменить свойства изображения:

  1. Дважды щелкните по изображению или выделите его и нажмите кнопку "Изображение" в панели инструментов Компоновщика. Откроется диалоговое окно "Свойства изображения". На различных вкладках этого окна вы можете изменить следующие параметры:
  2. Чтобы задать дополнительные атрибуты изображения или связать с ним сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.
  3. Нажмите кнопку "ОК", чтобы подтвердить сделанные изменения.

Вернуться к началу раздела "Работа с изображениями" ]

 


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

 

В этом разделе:

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

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

 

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

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

  1. В окне Компоновщика откройте меню "Формат" и выберите пункт "Заголовок и свойства страницы".
  2. Укажите любые из перечисленных свойств:

Вернуться к началу раздела "Указание свойств страницы" ]

 

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

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

Чтобы задать цвета и фон для создаваемой страницы:

  1. В окне Компоновщика откройте меню "Формат" и выберите пункт "Цвета и фон страницы".
  2. Укажите любые из перечисленных свойств:

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

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

Вернуться к началу раздела "Указание свойств страницы" ]


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

 

В этом разделе:

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

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

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

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

 

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

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

Чтобы создать именованный якорь:

  1. Поместите текстовый курсор в то место, где вы хотите создать якорь, или выделите фрагмент текста.
  2. Нажмите кнопку "Якорь" в панели инструментов Компоновщика или или откройте меню "Вставка" и выберите пункт "Якорь с именем". Откроется диалоговое окно "Свойства якоря с именем".
  3. Введите уникальное (для данной страницы) имя в поле "Имя якоря" (длиной до 30 символов). Если вы используете пробелы в имени якоря, они будут преобразованы в символы подчеркивания (_). Если вы выделили фрагмент текста на шаге 1, этот текст будет автоматически помещен в поле "Имя якоря".
  4. Нажмите кнопку "ОК". Местоположение якоря в вашем документе будет отмечено специальным значком:

Чтобы создать ссылку, позволяющую перейти к именованному якорю:

  1. Выделите текст или изображение, которые вы хотите сделать ссылкой.
  2. Нажмите кнопку "Ссылка" в панели инструментов Компоновщика или или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".
  3. Нажмите кнопку "ОК".

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

Вернуться к началу раздела "Создание ссылок" ]

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

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

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

Чтобы создать ссылку на другую страницу:

  1. Поместите текстовый курсор в то место, где вы хотите создать ссылку или выделите текст или изображение, которые вы хотите сделать ссылкой.
  2. Нажмите кнопку "Ссылка" в панели инструментов Компоновщика или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".
  3. Задайте параметры ссылки:

    Совет: Чтобы скопировать URL, на который указывает ссылка на веб-странице в Навигаторе, щелкните по ссылке правой кнопкой мыши (щелкните по ссылке, удерживая нажатой клавишу Command в случае MacOS) и выберите из всплывающего меню пункт "Копировать ссылку".

  4. Чтобы задать дополнительные атрибуты ссылки или связать с ней сценарии JavaScript, нажмите кнопку "Дополнительно". Откроется диалоговое окно редактора дополнительных свойств.
  5. Нажмите кнопку "ОК".
  6. Чтобы протестировать созданную ссылку, откройте меню "Файл" и выберите пункт "Просмотр страницы" или нажмите кнопку "Просмотр" в панели инструментов Компоновщика. Откроется новое окно Навигатора, в котором вы можете проверить работу ссылок на вашей странице.

Вернуться к началу раздела "Создание ссылок" ]

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

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

  1. Выделите нужное изображение на странице.
  2. Нажмите кнопку "Ссылка" в панели инструментов Компоновщика или или откройте меню "Вставка" и выберите пункт "Ссылка". Откроется диалоговое окно "Свойства ссылки".
  3. В диалоговом окне создайте ссылку на именованный якорь или заголовок на той же странице или на другую страницу, находящуюся на локальном компьютере или в Интернете.

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

Примечание: Изображение-ссылка может быть окружено цветной линией (в окне Компоновщика эта линия имеет синий цвет, а при просмотре в Навигаторе - цвет, установленный вами для ссылок). Чтобы удалить эту линию, откройте диалоговое окно "Свойства изображения" и задайте нулевое значение в поле "Сплошная граница" на вкладке "Внешний вид".

Вернуться к началу раздела "Создание ссылок" ]

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

Чтобы удалить ссылку:

  1. Выделите текст ссылки (в окне Компоновщика ссылки подчеркнуты и отображаются синим цветом) или изображение-ссылку.
  2. Откройте меню "Формат" и выберите пункт "Убрать ссылки". При этом текст или изображение сохранятся, однако перестанут быть ссылками.

Если вы вводите текст, поместив курсор внутрь ссылки или в ее конец, вводимый текст также будет ссылкой. Чтобы прервать ссылку и вводить текст, который не является ее частью:

  1. Откройте меню "Формат" и выберите пункт "Прервать ссылку".

Вернуться к началу раздела "Создание ссылок" ]


Публикация страниц в Интернете

Если страницы, созданные вами, хранятся на локальном компьютере, их можете просматривать только вы. Компоновщик позволяет разместить (опубликовать) созданные страницы на удаленном компьютере - веб-сервере, где они будут доступны другим пользователям Интернета. Когда вы запускаете процесс публикации, Компоновщик автоматически копирует (загружает) созданные вами страницы на сервер. Чтобы найти сервер, на котором вы можете опубликовать свои страницы, или узнать нужные настройки, свяжитесь с вашим Интернет-провайдером или системным администратором.

 

В этом разделе:

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

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

Обновление имени файла и места публикации

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

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

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

Параметры публикации

 

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

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

  1. Откройте HTML-документ, который вы хотите опубликовать, или создайте новый документ в Компоновщике.
  2. Откройте меню "Файл" и выберите пункт "Опубликовать". Если вы ранее задали сайт по умолчанию для публикации данной страницы, Компоновщик автоматически загрузит страницу на этот сайт.
  3. Чтобы просмотреть опубликованную страницу, введите адрес странице на веб-сервере в панель адреса Навигатора. Протестируйте работоспособность ссылок и убедитесь в том, что все изображения, включенные в страницу, отображаются корректно.

Вернуться к началу раздела "Публикация страниц в Интернете" ]

Как избежать неработающих ссылок и "потерянных" изображений

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

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

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

Обновление имени файла и места публикации

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

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

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

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

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

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

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

Параметры публикации

 

В этом разделе:

Публикация страницы - Опубликовать

Публикация страницы - Параметры

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

 

Публикация страницы - Опубликовать

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

Публикация страницы - Параметры

Вернуться к началу раздела "Публикация страниц в Интернете" ]

 

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

Вернуться к началу раздела "Публикация страниц в Интернете" ]


Настройки Компоновщика

В этом разделе описаны общие настройки Компоновщика, которые доступны в категории "Компоновщик" диалогового окна "Настройки". Чтобы просмотреть или изменить эти настройки:

  1. Откройте меню "Правка" и выберите пункт "Настройки".
  2. В диалоговом окне "Настройки" выберите категорию "Компоновщик". При необходимости щелкните по небольшому значку слева от этой категории, чтобы развернуть список подкатегорий.

 

В этом разделе:

Настройки Компоновщика - Компоновщик

Настройки Компоновщика - Параметры новой страницы

Настройки Компоновщика - Публикация

 

Настройки Компоновщика - Компоновщик

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

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

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

Вернуться к началу раздела "Настройки Компоновщика" ]

Настройки Компоновщика - Параметры новой страницы

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

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

  1. Откройте меню "Правка" и выберите пункт "Настройки".
  2. В диалоговом окне "Настройки" выберите категорию "Компоновщик" и подкатегорию "Параметры новой страницы". При необходимости щелкните по небольшому значку слева от категории "Компоновщик", чтобы развернуть список подкатегорий.

Чтобы изменить имя автора, заданное для созданной страницы: в окне Компоновщика откройте меню "Формат" и выберите пункт "Заголовок и свойства страницы".

Чтобы изменить цвета и фон, заданные для созданной страницы: в окне Компоновщика откройте меню "Формат" и выберите пункт "Цвета и фон страницы".

Вернуться к началу раздела "Настройки Компоновщика" ]

Настройки Компоновщика - Публикация

Вернуться к началу раздела "Настройки Компоновщика" ]


28 Мая 2002