кстати, и пригодятся знания, полученные нами в главе 2 «Основы веб-программирования с помощью языка HTML»).
Однако кроме, этого в программе CatsHtml имеется несколько Мастеров, позволяющих еще более упростить выполнение ряда действий – таких, как вставка изображений, вставка гиперссылок и т. д. Доступ к Мастерам осуществляется с помощью соответствующих команд меню
Инструменты
. Далее мы рассмотрим некоторые из них. Для добавления на веб-страницу графических изображений полезно использовать специальный механизм, вызываемый с помощью команды главного меню
Инструменты >
Мастер вставки картинки
. При активизации данной команды на экране отображается окно, которое показано на рис. 3.12. Рис. 3.12.
Мастер вставки графических изображений Слева вверху данного окна находится переключатель
Виды вставок
, с помощью которого следует указать, каким образом должно быть вставлено выбранное изображение – как отдельный объект или в качестве фонового изображения (значения соответственно Вставить как объект
и Вставить как фон
). После этого нужно указать путь к файлу изображения. Вначале из раскрывающегося списка выбирается диск, на котором находится этот файл, а затем правее указывается конкретный каталог. Содержимое каталога отображается слева (под полем, в котором указан диск), и для выбора требуемого файла нужно выделить его щелчком мыши.
Справа вверху окна демонстрируется изображение, на котором в списке установлен курсор. Таким образом, щелкая мышью на всех файлах выбранного каталога, вы можете просмотреть каждое изображение и выбрать наиболее подходящее из них.
Если переключатель
Виды вставок
установлен в положение Вставить как объект
, то становятся доступными для редактирования параметры, находящиеся в области Дополнительные настройки (Необязательные)
. Здесь вы можете указать толщину рамки изображения, ввести краткое описание изображения, а также указать его ширину и высоту. В нижней части окна с помощью переключателя
Указывать путь
нужно определить, какой путь должен быть указан – Относительный
или Абсолютный
. О том, что такое относительный и абсолютный путь, мы говорили ранее – в разделе «Форматирование текста, создание таблиц и вставка изображений». Чтобы вставить изображение в документ в соответствии с установленными настройками, нажмите в окне Мастера кнопку
Вставить
. Кнопка Отмена
предназначена для выхода из данного режима без вставки графического объекта в документ. Мастер свойств веб-страницы
В программе реализована возможность определения основных свойств веб-страницы с помощью соответствующего Мастера, вызываемого с помощью команды главного меню
Инструменты >
Мастер свойств странички
. При активизации данной команды на экране открывается окно, которое показано на рис. 3.13. Рис. 3.13.
Мастер свойств веб-страницы Смысл данного Мастера состоит в том, чтобы максимально быстро задать основные свойства страницы: фоновый рисунок, цвет шрифта и фонового оформления, заголовок страницы, цвета ссылок (причем отдельно можно указать цвет активной и помещенной ссылки), и т. д.
Например, чтобы озаглавить веб-страницу, вам не нужно вручную набирать теги
<title> </title>
и писать между ними название страницы. Достаточно в окне Мастера установить соответствующий флажок, и в расположенном справа поле с клавиатуры ввести текст заголовка. Чтобы использовать какое-то изображение в качестве фонового оформления, установите флажок Фон странички и нажмите распложенную справа кнопку
Выбрать
. В результате на экране откроется окно, в котором нужно будет по обычным правилам Windows-приложений указать путь к требуемому файлу. Учтите, что программа поддерживает работу с графическими объектами, сохраненными только в файлах форматов bmp
, gif
и jpg
. Что касается выбора цветов для элементов веб-страницы (ссылок, шрифта и др.), то для этого нужно установить соответствующий флажок, затем нажать расположенную справа кнопку
Выбрать
и в открывшейся палитре цветов выбрать подходящий цвет. После нажатия в данном окне кнопки
Вставить
в программный код веб-страницы будут автоматически внесены соответствующие изменения. С помощью кнопки Отмена
осуществляется выход из данного режима без сохранения и применения выполненных изменений. Мастер создания гиперссылок
О важности такого элемента, как гиперссылка, мы уже неоднократно говорили ранее. Также мы уже знаем, как в программе CatsHtml осуществляется вставка гиперссылок с помощью соответствующей кнопки на вкладке
Специальные
(см. рис. 3.6). Однако в программе реализована возможность вставки гиперссылки и другим методом – с помощью соответствующего Мастера, доступ к которому осуществляется с помощью команды главного меню Инструменты >
Мастер создания ссылки
. При активизации данной команды на экране отображается окно, изображенное на рис. 3.14.
Рис. 3.14.
Мастер создания ссылок Возможности программы предусматривают создание трех типов гиперссылок:
• на файл, находящийся на диске;
• на страницу в Интернете;
• на электронный ящик.
В зависимости от того, какую ссылку вы хотите вставить на веб-страницу, установите переключатель
Виды ссылок
в соответствующее положение. После этого в области
Свойства
следует указать свойства создаваемой гиперссылки. В поле Ссылка
нужно указать адрес гиперссылки. Если вы хотите сослаться на файл, который находится на жестком диске, то нажмите кнопку Выбрать
и в открывшемся окне укажите путь к этому файлу. Этот путь полностью отобразится в поле Ссылка
. Если переключатель
Виды ссылок
установлен в положение Ссылка на страничку в инете
или Ссылка на электронный ящик
, то кнопка Выбрать
становится недоступной. В этом случае адрес гиперссылки нужно ввести с клавиатуры или вставить из буфера обмена в поле Ссылка
. После этого в поле
Текст ссылки
нужно ввести текст, который на текущей странице будет преобразован в гиперссылку. Иначе говоря, при щелчке мышью на данном тексте будет открываться гиперссылка. Вы можете сделать так, что гиперссылка будет открываться либо в текущем окне Интернет- обозревателя, либо в новом окне, которое отобразится автоматически. Для этого нужно установить переключатель
При нажатии на ссылку документ
откроется в положение соответственно В этом же окне
или В новом окне
. Отметим, что данный переключатель доступен только в том случае, когда переключатель