кстати, и пригодятся знания, полученные нами в главе 2 «Основы веб-программирования с помощью языка HTML»).

Однако кроме, этого в программе CatsHtml имеется несколько Мастеров, позволяющих еще более упростить выполнение ряда действий – таких, как вставка изображений, вставка гиперссылок и т. д. Доступ к Мастерам осуществляется с помощью соответствующих команд меню

Инструменты
. Далее мы рассмотрим некоторые из них.

Мастер вставки картинки

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

Инструменты >
Мастер вставки картинки
. При активизации данной команды на экране отображается окно, которое показано на рис. 3.12.

Рис. 3.12.
Мастер вставки графических изображений

Слева вверху данного окна находится переключатель

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

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

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

Если переключатель

Виды вставок
установлен в положение
Вставить как объект
, то становятся доступными для редактирования параметры, находящиеся в области
Дополнительные настройки (Необязательные)
. Здесь вы можете указать толщину рамки изображения, ввести краткое описание изображения, а также указать его ширину и высоту.

В нижней части окна с помощью переключателя

Указывать путь
нужно определить, какой путь должен быть указан –
Относительный
или
Абсолютный
. О том, что такое относительный и абсолютный путь, мы говорили ранее – в разделе «Форматирование текста, создание таблиц и вставка изображений».

Чтобы вставить изображение в документ в соответствии с установленными настройками, нажмите в окне Мастера кнопку

Вставить
. Кнопка
Отмена
предназначена для выхода из данного режима без вставки графического объекта в документ.

Мастер свойств веб-страницы

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

Инструменты >
Мастер свойств странички
. При активизации данной команды на экране открывается окно, которое показано на рис. 3.13.

Рис. 3.13.
Мастер свойств веб-страницы

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

Например, чтобы озаглавить веб-страницу, вам не нужно вручную набирать теги

<title> </title>
и писать между ними название страницы. Достаточно в окне Мастера установить соответствующий флажок, и в расположенном справа поле с клавиатуры ввести текст заголовка.

Чтобы использовать какое-то изображение в качестве фонового оформления, установите флажок Фон странички и нажмите распложенную справа кнопку

Выбрать
. В результате на экране откроется окно, в котором нужно будет по обычным правилам Windows-приложений указать путь к требуемому файлу. Учтите, что программа поддерживает работу с графическими объектами, сохраненными только в файлах форматов
bmp
,
gif
и
jpg
.

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

Выбрать
и в открывшейся палитре цветов выбрать подходящий цвет.

После нажатия в данном окне кнопки

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

Мастер создания гиперссылок

О важности такого элемента, как гиперссылка, мы уже неоднократно говорили ранее. Также мы уже знаем, как в программе CatsHtml осуществляется вставка гиперссылок с помощью соответствующей кнопки на вкладке

Специальные
(см. рис. 3.6). Однако в программе реализована возможность вставки гиперссылки и другим методом – с помощью соответствующего Мастера, доступ к которому осуществляется с помощью команды главного меню
Инструменты >
Мастер создания ссылки
.

При активизации данной команды на экране отображается окно, изображенное на рис. 3.14.

Рис. 3.14.
Мастер создания ссылок

Возможности программы предусматривают создание трех типов гиперссылок:

• на файл, находящийся на диске;

• на страницу в Интернете;

• на электронный ящик.

В зависимости от того, какую ссылку вы хотите вставить на веб-страницу, установите переключатель

Виды ссылок
в соответствующее положение.

После этого в области

Свойства
следует указать свойства создаваемой гиперссылки. В поле
Ссылка
нужно указать адрес гиперссылки. Если вы хотите сослаться на файл, который находится на жестком диске, то нажмите кнопку
Выбрать
и в открывшемся окне укажите путь к этому файлу. Этот путь полностью отобразится в поле
Ссылка
.

Если переключатель

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

После этого в поле

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

Вы можете сделать так, что гиперссылка будет открываться либо в текущем окне Интернет- обозревателя, либо в новом окне, которое отобразится автоматически. Для этого нужно установить переключатель

При нажатии на ссылку документ
откроется в положение соответственно
В этом же окне
или
В новом окне
. Отметим, что данный переключатель доступен только в том случае, когда переключатель

Добавить отзыв
ВСЕ ОТЗЫВЫ О КНИГЕ В ИЗБРАННОЕ

0

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

Отметить Добавить цитату