
- •Инструментальные средства разработки html-документов
- •Цель работы
- •2. Создание web-документов
- •3. Применение языка html
- •3.1. Структура документа html
- •3.2. Заголовки и абзацы
- •3.3. Форматирование текста
- •3.4. Списки
- •3.5. Гипертекстовые ссылки
- •3.6. Изображения в html-документе
- •3.7. Создание таблиц в html-документе
- •4. Создание web-документов в редакторе webeditor
- •4.1. Создание и редактирование документа
- •4.2. Вставка элементов в Web-страницу
- •4.3. Применение мастеров и шаблонов
- •Самостоятельные задания
- •6. Контрольные вопросы
- •Литература
- •Содержание
- •400131, Г. Волгоград, пр. Ленина, 28, корп. 1.
4. Создание web-документов в редакторе webeditor
Выполняя предыдущие задания, вы познакомились с возможностями языка HTML для создания Web-документов. Хотя освоение этого языка не очень трудное дело, однако, создание качественных и разнообразных Web-страниц – кропотливая работа, требующая значительных навыков и знаний. Работу по созданию и редактированию Web-страниц можно автоматизировать, используя возможности специализированного редактора Web-страниц– WINsoft WebEditor.
В результате работы с программой WebEditor получается документ HTML, построенный по тем же правилам, что и создаваемый вручную в текстовом редакторе.
Редактор WebEditor обладает рядом очень важных и удобных функций:
Создание и редактирование Web-документов таких форматов, как HTML, JavaScript, VBScript, CSS, PHP, ASP, SQL, XML и Perl.
Автоматическое исправление наиболее частых ошибок, происходящих во время набора кода.
Мощная система поиска и замены текста.
Просмотр полученных Web-документов как через встроенный браузер, так и через внешние браузеры, такие как Microsoft Internet Explorer, Opera, Mozilla Firefox и Netscape.
Мастера, позволяющие ускорить создание популярных элементов Web-страниц: ссылок, изображений, таблиц, списков, линий, цветов.
Удобный и настраиваемый отладчик HTML-документов, позволяющий выявить 99,9% ошибок в коде HTML.
Подсветка синтаксиса популярных языков Web-программирования.
4.1. Создание и редактирование документа
Окно программы WebEditor (рис. 3.1.) представляет собой комбинацию окна редактора и окна браузера. Редактор WebEditor позволяет просмотреть Web-страницу в таком виде, в каком ее представит браузер. Для этого надо щелкнуть на кнопке Просмотр. Нажатие кнопки Редактор открывает окно для создания и редактирования документа HTML.
На панелях инструментов находятся кнопки, соответствующие часто используемым функциям редактора. Это - простейшие операции с текстом, запуск мастеров, вставка различных элементов Web-страницы, установка нужной подсветки синтаксиса. Каждую из панелей можно скрыть или отобразить с помощью меню ВидПанели инструментов.
Рис. 4.1. Окно программы WebEditor
В качестве основного средства форматирования используется панель инструментов Текст, которая содержит:
кнопку Шрифт, щелчком по ней открывается окно диалога Шрифт, в котором можно выбрать гарнитуру, начертание, размер шрифта и цвет символов;
кнопки выбора начертания шрифтов;
кнопки выбора выравнивания текста (с помощью атрибута ALIGN= в теге абзаца <P>);
кнопки форматирования фрагментов текста;
кнопку предварительного форматирования текста;
кнопки выбора заголовков.
Дополнительные элементы форматирования, не вынесенные на панель инструментов, задаются в меню Формат.
На панели инструментов Стандартная находятся кнопки, предназначенные для работы с файлами и текстом, а также для настройки WebEditor.
Панель инструментов "Редактор" предназначена для быстрой вставки дополнительных элементов оформления в Web-страницу с помощью мастеров, а также для вызова дополнительных сервисов WINsoft WebEditor.
Панель Отладчик предназначена для отладки HTML-документов и настройки отладчика. Панель состоит из следующих кнопок:
Запустить отладчик - запуск отладчика для проверки HTML-документов.
Очистить - очистка списка ошибок и предупреждений.
Опции отладчика - настройка работы отладчика.