Создание веб - страниц с Компоновщиком SeaMonkey.

Компоновщик SeaMonkey позволяет вам создавать веб-страницы и публиковать их в Интернете. Чтобы использовать Компоновщик, вы не обязаны знать HTML; использовать его так же легко, как и текстовый редактор.

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

Для начала работы с компоновщиком SeaMonkey:

Щелкните по значку компоновщика в левом нижнем углу любого окна SeaMonkey.

Или выберите в пункте меню "Окно" строку "Компоновщик"

 

 

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

 

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

 

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

вы можете добавлять и изменять текст так же, как вы делаете это в текстовом редакторе.

 

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

- Откройте меню "Файл" и выберите пункт "Создать". Из подменю выберите пункт "Страницу Компоновщика". Откроется окно Компоновщика, содержащее пустую страницу.

 

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

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

 

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

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

 

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

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

 

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

1. Из меню "Окно" выберите пункт "Навигатор".
2. Чтобы перейти к нужной странице, введите ее адрес (URL), например www.mozilla.org, в панели адреса и нажмите клавишу ReturnEnter.
3. Из меню "Файл" выберите пункт "Редактировать страницу".

Совет:

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

 

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

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

 

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

- Из меню "Файл" выберите пункт "Сохранить" или нажмите кнопку "Сохранить" на панели инструментов Компоновщика.

Если заголовок для страницы еще не был задан, Компоновщик предложит сделать это. Заголовок страницы отображается в заголовке окна браузера при просмотре страницы, а также в списке закладок, если страница добавлена в него.

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

 

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

- Из меню "Файл" выберите пункт "Сохранить как". В открывшемся диалоговом окне введите новое имя для файла или выберите другой каталог для его сохранения.

 

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

 

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

 

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

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

 

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

Совет:

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

Для просмотра страницу в Навигаторе, чтобы протестировать в ней ссылки:

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

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

 

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

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

1. Форматирование абзацев, заголовков и списков
2. Работа со списками
3. Изменение цвета, стиля и шрифта текста
4. Удаление стилей текста и прекращение их действия
5. Поиск и замена текста
6. Вставка горизонтальных разделителей
7. Вставка специальных символов
8. Вставка элементов HTML и их атрибутов
9. Проверка правильности HTML
10. Выбор подходящего режима редактирования

 

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

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

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

   Примечание переводчика (для пользователей, знакомых с языком HTML):

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

2. Из раскрывающегося списка в панели форматирования выберите тип форматирования для абзаца:

- Обычный текст:

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

- Абзац:

Создает новый абзац ("абзац HTML", тег <p>). Как правило, абзац отделяется интервалами от предшествующего и последующего текста.
- Заголовок 1 - Заголовок 6:

Текст будет отформатирован как заголовок. "Заголовок 1" - самый высокий уровень заголовков, а "Заголовок 6" - самый низкий.

- Адрес:

Используется для "подписи" веб-страницы - указания ее автора или контактной информации лица, с которым можно связаться для получения дальнейшей информации (например, адреса электронной почты: user@example.com).

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

- Заданный формат:

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

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

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

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

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

* Маркированный:

Каждый элемент такого списка отмечен маркером (например, жирной точкой), как в этом списке.

* Нумерованный:

Элементы списка пронумерованы.

* Термин и Определение:

Как правило, эти два типа элементов используются совместно для создания форматирования, подобного глоссарию. Используйте "Термин" для определяемого термина, а "Определение" - для определения. При отображении браузер размещает текст определения с отступом вправо относительно термина.

Совет:

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

 

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

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

Совет:

Для отображения диалогового окна "Свойства списка" щелкните двойным щелчком по маркеру или номеру в списке.

 

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

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

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

 

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

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

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

 

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

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

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

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

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

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

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

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

Совет:

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

 

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

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

 

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

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

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

- Шрифт:

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

Примечание:

В подменю отображаются не все шрифты, которые присутствуют на вашем компьютере. Шрифты, установленные у вас, не обязательно присутствуют на всех компьютерах, с помощью которых пользователи будут просматривать вашу страницу. Как правило, для оформления страницы следует выбирать те шрифты, которые отображены в подменю "Шрифт". Такие шрифты, как Helvetica, Arial, Times и Courier установлены практически на любом компьютере (или для этих имен шрифтов определены подстановки). Поэтому можно ожидать, что страница, использующая эти шрифты, будет выглядеть сходным образом на большинстве компьютеров. Если вы будете использовать другие шрифты, отображение вашей страницы на различных компьютерах может существенно различаться.

- Размер:

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

- Стиль текста:

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

HTML, например "Код" или "Цитата".

- Цвет текста:

Выберите цвет для выделенного текста из палитры (она находится в открывшемся диалоговом окне). Если вы знакомы с кодами и названиями цветов, определенными стандартом языка HTML, вы можете непосредственно ввести в строку нужный код или название (например, "#0000ff" или "blue"). Вы можете найти официальный список наименований цветов поддерживаемых в CSS от W3C здесь , еще один список поддерживаемых имен цветов здесь .

 

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

1. Щелкните где-либо по странице.
2. Щелкните по значку цвета фона на панели инструментов Форматирования.
3. Выберите цвет фона из диалогового окна выбора цвета фона.
4. Нажмите кнопку OK.

Совет:

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

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

 

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

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

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

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

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

 

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

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

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

- С учётом регистра:

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

- С начала страницы:

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

- Поиск в обратном направлении:

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

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

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

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

   - С учётом регистра:

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

   - С начала страницы:

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

   - Поиск в обратном направлении:

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

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

 

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

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

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

 

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

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

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

   - Ширина:

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

   - Высота:

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

   - 3D-Тень:

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

   - Выравнивание:

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

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

Совет:

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

 

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

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

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

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

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

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

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

 

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

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

1. - Поместите текстовый курсор в то место, куда вы хотите вставить HTML-код или выделите текст, который вы хотите редактировать, откройте меню "Вставка" и выберите пункт "HTML". В открывшемся диалоговом окне "Вставка HTML" введите разметку HTML и текст, а затем нажмите кнопку "Вставить". Содержимое поля ввода будет без изменений добавлено к исходному коду страницы в выбранном месте.
2. - Выберите элемент страницы, например таблицу, именованный якорь, изображение, ссылку или горизонтальный разделитель. Дважды щелкните по нему, чтобы вызвать диалоговое окно свойств элемента. В этом окне нажмите кнопку "Дополнительно", чтобы вызвать редактор дополнительных свойств. Вы можете использовать этот редактор для добавления и изменения атрибутов HTML, а также сценариев JavaScript, относящихся к данному объекту.
3. - Откройте меню "Вид" и выберите пункт "Исходный код HTML" или щелкните по вкладке "<HTML> Исходный код" в нижней части окна Компоновщика. (Если вы не видите вкладок в нижней части окна, откройте меню "Вид" и выберите пункт "Показать/скрыть". Отметьте пункт подменю "Панель режимов редактирования").

Примечание:

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

 

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

1. Из меню "Вид" выберите пункт "HTML-теги" или выберите вкладку "<TD>HTML-теги" в нижней части окна компоновщика. В этом режиме редактирования все элементы разметки (теги) представлены желтыми прямоугольниками.
2. Дважды щелкните по прямоугольнику, представляющему нужный объект, чтобы вызвать его окно его свойств.
3. Нажмите кнопку "Дополнительно" чтобы вызвать диалоговое окно редактора дополнительных свойств. На ней имеются три вкладки, на каждой из которых представлены свойства или атрибуты, заданные для текущего объекта в настоящий момент:

4. - HTML-атрибуты: Выберите эту вкладку, чтобы просматривать, добавлять и изменять дополнительные атрибуты элементов (тегов) HTML.

   - Стилевое оформление: Выберите эту вкладку, чтобы просматривать, добавлять и изменять свойства стилевого оформления CSS (каскадные таблицы стилей), заданные для данного элемента (тега) HTML при помощи атрибута <style>. Более подробная информация об использовании стилей CSS в Компоновщике, обратитесь к разделу Настройки Компоновщика - Компоновщик

   - События JavaScript: Выберите эту вкладку, чтобы связывать сценарии JavaScript с различными событиями, определенными для данного элемента.

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

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

6. Чтобы изменения в окне редактора дополнительных свойств вступили в силу, нажмите кнопку "OK".
7. Чтобы закончить работу с редактором дополнительных свойств, нажмите кнопку "OK".

 

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

 

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

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

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

Примечание:

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

 

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

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

 

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

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

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

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

* Откройте меню "Вид" и выберите пункт "Показать/скрыть". Убедитесь, что в подменю отмечен пункт "Панель режимов редактирования".

 

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

1. Обычный режим редактирования: Это - режим редактирования WYSIWYG, который позволяет в процессе создания документа видеть то, как он будет отображаться в браузере. Для удобства редактирования в этом режиме отображаются границы таблиц и значки именованных якорей. Вся остальная разметка HTML остается скрытой.
2. HTML-теги: В этом режиме отображаются все теги HTML в виде специальных значков (желтых прямоугольников, а также границы таблиц.
3. Исходный код HTML: Этот режим позволяет просматривать и редактировать исходный код документа на языке HTML. При сохранении документа в этом режиме происходит переключение в обычный режим.
4. Предварительный просмотр: В этом режиме документ отображается в точности так, как он выглядит в окне Навигатора. Однако ссылки и сценарии JavaScript не будут действовать в этом режиме.

 

Примечание:

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

 

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

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

Copyright © 2006 -2012; A.D. Sorokin; http://electrosad.ru

@mail

В начало

При полном или частичном использовании материалов ссылка на "electrosad.ru" обязательна.