Веб-Самоделкин. Как самому создать сайт быстро и профессионально
Шрифт:
Как мы уже могли убедиться, процесс создания веб-страниц в программе 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. Мастер создания ссылок
Возможности программы предусматривают создание трех типов гиперссылок:
• на файл, находящийся на диске;
• на страницу в Интернете;
• на электронный ящик.
В зависимости от того, какую ссылку вы хотите вставить на веб-страницу, установите переключатель Виды ссылок в соответствующее положение.
После этого в области Свойства следует указать свойства создаваемой гиперссылки. В поле Ссылка нужно указать адрес гиперссылки. Если вы хотите сослаться на файл, который находится на жестком диске, то нажмите кнопку Выбрать и в открывшемся окне укажите путь к этому файлу. Этот путь полностью отобразится в поле Ссылка.
Если переключатель Виды ссылок установлен в положение Ссылка на страничку в инете или Ссылка на электронный ящик, то кнопка Выбрать становится недоступной. В этом случае адрес гиперссылки нужно ввести с клавиатуры или вставить из буфера обмена в поле Ссылка.