Веб-Самоделкин. Как самому создать сайт быстро и профессионально - Алексей Гладкий

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

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

Автоматизация некоторых действий с помощью Мастеров

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Мастер создания опроса

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