Компоновщик SeaMonkey позволяет вам создавать веб-страницы и публиковать их в Интернете. Чтобы использовать Компоновщик, вы не обязаны знать HTML ; использовать его так же легко, как и текстовый редактор.
Кнопки на панели инструментов позволяют вам добавлять списки, таблицы, изображения, ссылки на другие страницы, применять другой цвет и стиль шрифта. При создании документа вы сможете увидеть как выглядит ваш документ при его публикации в Интернете и предоставлять доступ к нему другим пользователям независимо от того, какой браузер или почтовую программу они используют.
Для начала работы с компоновщиком SeaMonkey :
Щелкните по значку компоновщика в левом нижнем углу любого окна SeaMonkey .
Или выберите в пункте меню "Окно" строку "Компоновщик"
Компоновщик SeaMonkey - редактор языка HTML (язык гипертекстовой разметки), позволяющий создавать и редактировать веб-страницы. Компоновщик позволяет работать со страницей в режиме WYSIWYG ("что видишь, то и получаешь"). Это означает, что редактируя страницу, вы видите её так же, как пользователь будет видеть её в браузере. Для работы с Компоновщиком нет необходимости знать язык HTML , поскольку основные элементы разметки доступны при помощи команд меню или панелей инструментов.
Однако при необходимости вы можете редактировать и исходный текст (HTML -код) страницы. Для отображения или редактирования исходного кода HTML , откройте меню Вид, и выберите пункт меню "Исходный код HTML ", или щелкните по вкладке "Исходный код " на панели редактирования в нижней части окна Компоновщика.
Чтобы создать новую веб-страницу используйте один из способов, описанных ниже. Начав работать со страницей,
вы можете добавлять и изменять текст так же, как вы делаете это в текстовом редакторе.
Чтобы создать новую страницу, находясь в окне Навигатора:
Откройте меню "Файл" и выберите пункт "Создать". Из подменю выберите пункт "Страницу Компоновщика". Откроется окно Компоновщика, содержащее пустую страницу.
Чтобы начать редактировать страницу, которую вы просматриваете в Навигаторе:
В окне Навигатора из меню "Файл" выберите пункт "Изменить страницу". Откроется окно Компоновщика, содержащее текущую страницу.
Чтобы создать новую веб-страницу в Компоновщике:
Нажмите кнопку "Создать" на панели инструментов Компоновщика.
Чтобы начать редактировать файл в формате HTML , сохраненный на локальном диске:
Чтобы начать редактировать произвольную веб-страницу:
Компоновщик позволяет легко открыть страницу, с которой вы работали недавно. Для этого откройте меню "Файл" и выберите пункт "Последние открытые страницы". Из открывшегося подменю выберите нужный файл.
Компоновщик может сохранять документы в формате HTML , а также в текстовом формате. Разметка HTML позволяет сохранить форматирование документа, например текстовые выделения (полужирный или курсив), таблицы, ссылки, информацию об изображениях. При сохранении документа в текстовом формате разметка удаляется и сохраняется лишь текст страницы.
Если заголовок для страницы еще не был задан, Компоновщик предложит сделать это. Заголовок страницы отображается в заголовке окна браузера при просмотре страницы, а также в списке закладок, если страница добавлена в него.
Затем Компоновщик предложит ввести имя файла страницы и указать каталог для его сохранения. Убедитесь, что вы не забыли указать в имени файла расширение.html
При сохранении страницы в Компоновщике, все части страницы (HTML , изображения и другие файлы, такие как например звуковые файлы и таблицы стилей), сохраняются локально на жестком диске. Если вы хотите сохранить только HTML -код страницы, вам необходимо изменить для этого настройки сохранения страниц. Обратитесь к разделу Настройки Компоновщика - Компоновщик для получения информации о том как изменить настройки Компоновщика в части сохранения страниц.
Если путь к изображению - абсолютный (начинающийся с "http ://") и вы подсоединены к Интернету, вы сможете видеть это изображение в документе в Компоновщике и Навигаторе. Однако, если путь к изображению в странице - относительный (начинающийся с "file :///"), то вы не увидите изображение в локальной версии документа.
Примечание: При сохранении документа в текстовом формате теряется информация об изображениях и других объектах, включенных в страницу. Эти объекты не отображаются при просмотре текстового файла.
В процессе редактирования документа вы можете вернуться к
последней сохраненной версии файла, выбрав из меню "Файл" пункт "Вернуться к
последнему сохранению". При этом все изменения в документе, сделанные после
последнего сохранения, будут утеряны.
Для просмотра страницу в Навигаторе, чтобы протестировать в ней ссылки:
Из меню "Файл" выберите пункт "Просмотр страницы" (или нажмите кнопку "Просмотр" в панели инструментов Компоновщика). Если вы хотите просмотреть вновь созданную страницу, которую вы еще не успели
сохранить, Компоновщик предложит задать заголовок страницы, а также имя файла и каталог для ее сохранения. Для просмотра страницы будет открыто новое окно Навигатора; при этом окно Компоновщика также останется открытым.
Форматирование веб-страниц. |
В этом разделе:
Чтобы применить форматирование к абзацу:
Примечание переводчика (для пользователей, знакомых с языком HTML ):
При вводе текста в окне Компоновщика
нажатие клавиши Enter
создает в
исходном коде HTML
разрыв строки
(тег
), а не новый "абзац
HTML
" (тег
). При выполнении действий, описанных в разделе "Форматирование абзацев, заголовков и списков", форматирование, как правило, применяется к фрагменту текста, ограниченному тегами "абзаца HTML " или разрыва строки. В большинстве случаев термин абзац, употребляемый в тексте справки, относится к таким фрагментам. Чтобы создать новый "абзац HTML ", необходимо присвоить фрагменту текста форматирование "Абзац" (см. ниже)
Обычный текст:
К фрагменту текста не применяется никакого специального форматирования. Для его отображения браузер будет использовать шрифт, заданный по умолчанию для обычного текста. Фрагмент не отделяется интервалами от предшествующего и последующего текста (если наличие этих интервалов не следует из форматирования предшествующего или последующего абзацев).
Создает новый абзац ("абзац HTML ", тег
). Как правило, абзац отделяется интервалами от предшествующего и последующего текста.
- Заголовок 1 - Заголовок 6:Текст будет отформатирован как заголовок. "Заголовок 1" - самый высокий уровень заголовков, а "Заголовок 6" - самый низкий.
Адрес:
Используется для "подписи" веб-страницы - указания ее автора или контактной информации лица, с которым можно связаться для получения дальнейшей информации (например, адреса электронной почты: [email protected] ).
Вы также можете включить в этот фрагмент дату создания страницы и уведомление об авторских правах. Как правило, фрагмент, отформатированный как "Адрес" размещается в нижней части страницы и отделяется от остального текста линией-разделителем. Навигатор отображает такой текст курсивом.
Заданный формат:
Этот тип форматирования используется для фрагментов исходного текста программ, почтовых сообщений, данных, организованных в столбцы, и т.п. При отображении обычного текста браузер заменяет пробелами символы табуляции и разрыва строки, а также отображает группу пробелов как один пробел. Однако при использовании форматирования "Заданный формат" (тег
) пробелы, символы табуляции и разрыва строки, включенные в исходный текст страницы, отображаются браузером без изменений. Для отображения таких фрагментов используется моноширинный шрифт.
Чтобы отформатировать текст как заголовок:
Чтобы отформатировать текст как список:
* Маркированный:
Каждый элемент такого списка отмечен маркером (например, жирной точкой), как в этом списке.
* Нумерованный:
Элементы списка пронумерованы.
* Термин и Определение:
Как правило, эти два типа элементов используются совместно для создания форматирования, подобного глоссарию. Используйте "Термин" для определяемого термина, а "Определение" - для определения. При отображении браузер размещает текст определения с отступом вправо относительно термина.
Вы можете быстро создать список, выделив несколько строк или абзацев текста и нажав кнопку "Маркированный список" или "Нумерованный список" в панели форматирования.
Чтобы изменить тип списка, параметры маркеров или нумерации:
Для отображения диалогового окна "Свойства списка" щелкните двойным щелчком по маркеру или номеру в списке.
Чтобы выровнять абзац или строку текста (например, по центру или по правому краю):
Примечание: Вы также можете выровнять текст при помощи кнопок в панели форматирования.
Чтобы закончить список и перейти к вводу обычного текста:
Поместите текстовый курсор в конце последнего элемента списка и нажмите клавишу ReturnEnter дважды чтобы закончить список. Новый элемент списка превратится в обычную строку; текст, вводимый в ней, будет отформатирован как обычный текст. Если текстовый курсор находился внутри вложенного списка, каждое нажатие клавиши ReturnEnter вызовет переход к объемлющему списку (на один уровень выше).
Чтобы превратить один или несколько элементов списка в обычный текст:
1. Поместите текстовый курсор внутри нужного элемента списка или выделите несколько элементов.
2. В случае нумерованного списка нажмите кнопку "Нумерованный список" в панели форматирования. В случае маркированного списка нажмите кнопку "Маркированный список" в панели форматирования. Кнопки списка действуют как переключатели состояния - их нажатие превращает обычный текст в элементы списка и, наоборот, элементы списка в обычный текст.
Чтобы разместить текст под элементом списка с тем же отступом:
1. Поместите текстовый курсор внутри нужного элемента списка.
2. Нажмите клавиши Shift +ReturnEnter . Будет создана новая строка, имеющая тот же отступ, что и элемент списка, но не отмеченная маркером.
3. Введите текст, который вы хотите разместить с данным отступом.
4. Нажмите клавиши Shift +ReturnEnter , чтобы создать новый абзац с тем же отступом или нажмите клавишу ReturnEnter , чтобы создать следующий элемент списка.
Вы можете увеличить или уменьшить отступ элементов списка при помощи соответствующих кнопок в панели форматирования. Или же вы можете щелкнуть по элементу списка и нажмите клавишу Tab для увеличения отступа. Нажмите клавишу Shift +Tab для уменьшения отступа.
Чтобы объединить два списка, расположенных рядом:
Чтобы изменить цвет, стиль или шрифт выбранного текста:
Шрифт:
Выберите шрифт из раскрывшегося подменю. Если вы предпочитаете, чтобы создаваемая страница отображалась при помощи шрифтов, заданных в браузере пользователя, выберите "Пропорциональный" или "Моноширинный".
Примечание:
В подменю отображаются не все шрифты, которые присутствуют на вашем компьютере. Шрифты, установленные у вас, не обязательно присутствуют на всех компьютерах, с помощью которых пользователи будут просматривать вашу страницу. Как правило, для оформления страницы следует выбирать те шрифты, которые отображены в подменю "Шрифт". Такие шрифты, как Helvetica , Arial , Times и Courier установлены практически на любом компьютере (или для этих имен шрифтов определены подстановки). Поэтому можно ожидать, что страница, использующая эти шрифты, будет выглядеть сходным образом на большинстве компьютеров. Если вы будете использовать другие шрифты, отображение вашей страницы на различных компьютерах может существенно различаться.
Размер:
Используйте это подменю, чтобы указать относительный размер шрифта или увеличить (уменьшить) размер шрифта для выделенного фрагмента по сравнению с окружающим текстом.
Стиль текста:
Используйте это подменю, чтобы задать начертание шрифта для выделенного текста (полужирный, курсив, подчеркнутый и т.п.) или применить один из типов форматирования, предопределенных стандартом языка
HTML , например "Код" или "Цитата".
Цвет текста:
Выберите цвет для выделенного текста из палитры (она находится в открывшемся диалоговом окне). Если вы знакомы с кодами и названиями цветов, определенными стандартом языка HTML , вы можете непосредственно ввести в строку нужный код или название (например, "#0000ff " или "blue "). Вы можете найти официальный список наименований цветов поддерживаемых в CSS от W 3C здесь, еще один список поддерживаемых имен цветов .
Чтобы изменить цвет фона страницы:
Чтобы быстро присвоить тексту последний ранее использованный цвет, выделите нужный текст и, удерживая клавишу Shift , щелкните по значку "Выбор цвета для текста" в панели форматирования. Эта функция полезна, если вы используете один и тот же цвет для различных фрагментов текста.
Вы также можете задать изображение, которое будет использоваться в качестве фона. См. Указание цветов и фона страницы.
Чтобы удалить все стили текста (полужирный, курсив и т.п.), присвоенные фрагменту текста:
Чтобы продолжить ввод текста, прекратив действие всех стилей текста (например, если до этого вы вводили полужирный текст):
Чтобы найти текст на текущей странице:
С учётом регистра:
С начала страницы:
Чтобы найти и заменить текст на текущей странице:
С учётом регистра:
Установите этот флажок, чтобы искать точное совпадение с введенным образцом с учетом регистра букв. Если флажок не установлен, регистр при поиске не учитывается.
С начала страницы:
Если этот флажок установлен, будет выполнен поиск до конца страницы, а затем с начала страницы до позиции текстового курсора. Если же задано обратное направление поиска (см. ниже), будет выполнен поиск до начала страницы, а затем от её конца до позиции курсора.
Поиск в обратном направлении:
Установите этот флажок, чтобы выполнить поиск от текущей позиции текстового курсора до начала страницы.
Горизонтальные разделители (линии) используются для визуального разделения различных частей документа. Чтобы вставить горизонтальный разделитель в создаваемую страницу:
Вы можете задать высоту и ширину линии (разделителя), а также ее выравнивание и наличие тени.
Ширина:
Введите значение и выберите единицу измерения - "проценты от ширины окна" или "пикселы". Если вы укажете ширину в виде процентов, ширина линии изменяется всякий раз, когда меняется ширина окна Компоновщика или окна браузера.
Высота:
Введите значение высоты разделителя (в пикселах).
3D -Тень:
Установите этот флажок, чтобы придать разделителю "объем" за счет добавления тени.
Выравнивание:
Выберите расположение разделителя по горизонтали (влево, по центру или вправо).
Вы можете выбрать пункт "Показать все теги" из меню "Вид", чтобы отобразить все элементы разметки (теги) HTML в виде желтых прямоугольников. Дважды щелкнув по любому из этих прямоугольников, вы вызовете диалоговое окно редактора дополнительных свойств для данного тега.
Чтобы вставить специальные символы, например символы со знаками диакритики, символы валют, знак охраны авторского права:
Если вы выбрали категорию "Заглавные с диакритическими знаками" или "Строчные с диакритическими знаками", выберите букву, вариант которой с диакритическим знаком вы хотите вставить. (Примечание: не все буквыимеют варианты со знаками диакритики.) Выберите категорию "Общие символы", если вы хотите вставить символы, которые не являются буквами, например символы валют, знак охраны авторского права, дроби и т.п.
Вы можете продолжать работу с документом (или с сообщением электронной почты), не закрывая диалогового окна "Вставка символа" на тот случай, если вам понадобится использовать его вновь.
Если вы знакомы с языком разметки HTML и способны непосредственно работать с исходным кодом веб-страниц, вы можете вставлять в создаваемые страницы дополнительные элементы разметки (теги), атрибуты и сценарии JavaScript . Чтобы работать с HTML -кодом страниц, используйте один из способов, перечисленных ниже:
Примечание:
Чтобы изменить свойства объекта при помощи редактора дополнительных свойств:
HTML -атрибуты: Выберите эту вкладку, чтобы просматривать, добавлять и изменять дополнительные атрибуты элементов (тегов) HTML .
Стилевое оформление: Выберите эту вкладку, чтобы просматривать, добавлять и изменять свойства стилевого оформления CSS (каскадные таблицы стилей), заданные для данного элемента (тега) HTML при помощи атрибута