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

Нижняя часть вкладки, в свою очередь, состоит из трех вкладок: HTML, CSS и Прочее. На вкладке Прочее указывается цвет, которым в программном коде будут помечаться парные скобки – при условии, если на вкладке Общие будет установлен флажок Подсвечивать парные скобки (см. рис. 5.5). Что касается вкладок HTML и CSS, то здесь вы можете настроить цветовое оформление и начертание шрифта каждого элемента программного кода (теги, текстовый контент, комментарии и т.д.). Для этого нужно щелкнуть мышью на соответствующем образце кода, и в открывшемся окне выполнить требуемые настройки.

Содержимое вкладки Документ показано на рис. 5.7.

Рис. 5.7. Настройка программы, вкладка Документ

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

В программе реализована возможность автоматической проверки правильности и корректности программного кода веб-документа перед его просмотром в окне Интернет-обозревателя. Настройка такой проверки осуществляется на вкладке Проверка, содержимое которой показано на рис. 5.8.

Рис. 5.8. Настройка программы, вкладка Проверка

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

Программа NeonHtml автоматически ведет историю некоторых программных событий. В частности, она формирует журнал недавно просмотренных документов, что позволяет получить к ним ускоренный доступ, ведет историю поисковых запросов, ввода URL-адресов, и т. д. При желании вы можете полностью или частично удалить все подобные сведения, а также настроить журнал недавно просмотренных документов. Для этого в настройках программы предназначена вкладка История, содержимое которой показано на рис. 5.9.

Рис. 5.9. Настройка программы, вкладка История

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

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

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

Если на вкладке Система установить флажок Встроить в системное меню, то в контекстном меню, вызываемом нажатием правой кнопки мыши на ярлыке файлов формата Html, CSS или JavaScript, будет присутствовать команда Редактировать в NeonHtml, с помощью которой можно будет сразу перейти в режим редактирования данного файла средствами программы NeonHtml.

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

Как создать новый веб-документ?

Чтобы начать работу над новой веб-страницей, ее необходимо вначале создать. Вы можете это сделать как из стартового (см. рис. 5.1), так и из главного (см. рис. 5.2) окна программы. В первом случае нужно воспользоваться кнопками Новая страница, Заготовка или Пустой, во втором – соответствующими командами подменю Файл ► Новый. Дальнейший порядок действий будет одинаков. Поскольку со стартовым окном мы уже познакомились ранее, в данном разделе мы будем оперировать командами подменю Файл ► Новый.

Чтобы создать новую веб-страницу в соответствии с заданными параметрами, выполните команду главного меню Файл ► Новый ► Веб-страница. При активизации данной команды на экране отображается окно, изображенное на рис. 5.10.

Рис. 5.10. Настройка параметров веб-страницы

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

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

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

Ранее мы уже отмечали: для того, чтобы сайт был успешным, необходимо не только его создать, но и обеспечить ему рекламу, продвижение и «раскрутку». Одним из самых распространенных приемов продвижения сайтов является использование ключевых слов, по которым сайт будет отбираться поисковыми машинами при получении соответствующих запросов от пользователей. Эти ключевые слова, разделенные запятой, вы можете ввести в поле Ключевые слова через запятую.

В поле Автор можно указать сведения о разработчике данного документа. Если для оформления веб-страницы предполагается использовать стили, то в поле Относительный путь к файлу стиля CSS можно указать путь к файлу стиля, который будет использоваться для оформления. Для заполнения данного поля нужно нажать расположенную справа от него кнопку, и в открывшемся окне указать требуемый путь.

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

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

Завершается ввод исходных параметров создаваемой веб-страницы нажатием в данном окне кнопки ОК. В листинге 4.1 представлен программный код веб-страницы, который автоматически сгенерируется при применении параметров, представленных на рис. 5.10.

Листинг 4.1. Создание веб-страницы на основании заданных параметров

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Опытный образец веб-страницы</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="keywords" content="образец, пример, веб-обучение, веб-разработка">

<meta name="Content-language" content="ru">

</head>

<body> 

</body>

</html>

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