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

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

Назначение и функциональные возможности программы

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

Основные функциональные возможности программы можно сформулировать следующим образом.

• Формирование и редактирование любых веб-страниц со вставкой всех необходимых элементов (текст, графические объекты, таблицы, анимационные эффекты, и др.).

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

• Открытие файла с автоматической перекодировкой для внесения и последующего сохранения необходимых изменений.

• Изменение кодировки документа, что позволяет успешно работать с файлами, созданными под управлением не только Windows, но и других операционных систем.

• Ведение разнообразной работы с текстовыми данными.

• Автоматические формирование и ведение журнала недавно открываемых документов, что позволяет быстро вернуться к работе с любым из них.

• Быстрый и удобный поиск данных в соответствии с предварительно заданными параметрами.

• Использование разных вариантов представлений текущего документа.

• Формирование и администрирование веб-страниц с помощью технологий не только языка HTML, но и языка РНР, а также с применением Java-технологий.

Помимо перечисленных, возможности программы HtmlPad предусматривают решение и ряда других задач, наличие которых обусловлено потребностями конкретного пользователя.

Пользовательский интерфейс и инструментарий программы

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

Рис. 4.1. Интерфейс программы HtmlPad

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

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

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

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

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

Кстати

Если в данный момент открыто несколько документов в разных рабочих окнах, то для выбора этих документов используйте соответствующие вкладки, которые находятся внизу интерфейса. Поскольку на рис. 4.1 открыто только одно рабочее окно, то и вкладка тоже одна – она называется Document.html (по имени файла документа).

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

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

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

Настройка программы и подготовка ее к работе

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

Для перехода в режим настройки параметров программы предназначена команда главного меню Сервис ► Параметры. При активизации данной команды на экране открывается окно, изображенное на рис. 4.2.

Рис. 4.2. Настойка параметров программы

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

В разделе Запуск, содержимое которого показано на рис. 4.2, осуществляется настройка параметров запуска программы. Иначе говоря, здесь вы можете определить, каким образом программа должна вести себя сразу после ее запуска. Например, она может автоматически сразу после запуска создать файл того типа, который вы укажете в настройках. Для этого нужно установить флажок Создавать новый файл указанного типа – в результате станет доступным для редактирования расположенный ниже переключатель. Если он установлен в положение Пустой файл, то в находящемся справа раскрывающемся списке нужно выбрать тип файла, который будет создан (например, HTML-документ, текстовый файл, XML-документ, Java-приложение, и т.д.). Отметим, что по умолчанию программа после запуска автоматически создает пустой HTML-документ (на рис. 4.1 этот документ имеет название Document1.html).

Однако программа может создать после запуска не только пустой документ указанного типа, но и документ на основании шаблона. Дело в том, что в программе имеется набор шаблонов для создания разных документов. Чтобы документ на основании подходящего шаблона создавался автоматически сразу после запуска программы, нужно установить переключатель в положение По шаблону, и в расположенном справа раскрывающемся списке выбрать требуемый шаблон (Стандартный документ HTML, Словарь терминов, Вопрос-ответ, Форма отправки сообщения, Пустой скрипт РНР, и др.). Если, например, вы выберете в данном поле значение Стандартный документ HTML, то после запуска программы в ее рабочем окне будет автоматически сгенерирован следующий код (рис. 4.3).

Рис. 4.3. Создание стандартного HTML-документа

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