Если установить флажок

Включить информацию о редакторе
, то в веб-страницу будут автоматически включены сведения о программе 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.

Листинг 4.2.
Создание веб-страницы на основании заготовки

<!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='description' content='' />

<meta name='keywords' content='' />

</head>

<body> 

</body>

</html>

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

Файл >
Новый >
Пустой документ
(эта команда вызывается также нажатием комбинации клавиш
Ctrl+N
). При активизации данной команды будет создан новый документ без программного кода (то есть рабочая область для него будет абсолютно пустой).

Открытие веб-документа для просмотра и редактирования

С помощью программы NeonHtml вы можете не только создавать новые сайты, но также открывать для просмотра и редактирования созданные ранее веб-страницы. Программа поддерживает работу с документами следующих типов: Html, CSS, JavaScript, SSI, PHP, а также с текстовыми документами.

Чтобы открыть документ для просмотра и редактирования, выполните команду главного меню

Файл >
Открыть
(эта команда вызывается также нажатием комбинации клавиш
Ctrl+O
). При активизации данной команды на экране открывается окно открытия файла, изображенное на рис. 5.11.

Рис. 5.11.
Открытие документа для просмотра и редактирования

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

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

Сохранение веб-документов

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

Файл >
Сохранить
, вызываемая также нажатием комбинации клавиш
Ctrl+S
.

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

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

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

Файл >
Сохранить как
(данная команда активизируется также нажатием комбинации клавиш
Ctrl+Alt+S
), после чего в открывшемся окне нужно будет указать путь для сохранения и имя файла.

Описание режимов работы

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

Построение структуры веб-страницы

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

Формирование структуры веб-страницы осуществляется с помощью инструментов, находящихся на вкладке

Структура
. Содержимое данной вкладки представлено на рис. 5.12.

Рис. 5.12.
Инструменты для построения структуры веб-документа

Как видно на рисунке, данная вкладка включает в себя несколько кнопок. Действие кнопок

Страница
и
Заготовка
нам уже знакомо – они функционируют так же, так и соответствующие команды подменю
Файл >
Новый
(подробнее см. выше раздел «Как создать новый веб-документ?»). Иначе говоря, одним нажатием кнопки вы можете получить в рабочей области автоматически сгенерированную предварительную структуру будущей веб-страницы.

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

0

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

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