Чтобы приступить к заполнению веб-страницы контентом, ее необходимо сначала создать. Чтобы просмотреть и, при необходимости – отредактировать исходный код созданного ранее веб-документа, его нужно открыть. А чтобы не потерять введенные данные, веб-страницу периодически следует сохранять. Далее мы расскажем о том, каким образом в программе Extra Hide Studio осуществляется создание, открытие и сохранение веб-документов.

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

Чтобы создать пустой документ, нужно выполнить команду главного меню Файл ► Создатьили нажать кнопку Создать чистый документв инструментальной панели (эта кнопка является первой слева). В результате в рабочей области появится вкладка без имени, которая будет полностью пустой (см. рис. 6.1): в данном случае вы будете формировать веб-страницу «с нуля».

Для создания стандартной веб-страницы в главном меню программы предназначена команда Файл ► Создать веб-страницу, вызываемая также нажатием комбинации клавиш Ctrl+N. Также для этого можно воспользоваться кнопкой Создать веб страницу, которая находится в инструментальной панели справа от кнопки Создать чистый документ. В результате выполнения любого из перечисленных действий в рабочей области будет создана вкладка без имени, на которой программа автоматически сгенерирует код, представленный в листинге 5.1.

Листинг 5.1. Код, сгенерированный автоматически при создании веб-страницы

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

Что касается создания нового веб-документа на основании шаблона, в программе имеется пять разных встроенных шаблонов: Стандартный дизайн, Слева вертикальное меню, Слева и справа вертикальное меню, CSS стильи Справа вертикальное меню. Выбор подходящего варианта осуществляется с помощью соответствующей команды подменю Файл ► Создать по шаблону. Независимо от того, какой шаблон вы выбрали, в рабочей области будет создана новая вкладка, на которой отобразится соответствующий исходный код веб-страницы, автоматически сгенерированный программой. Отметим, что главное преимущество создания документов на основании шаблонов заключается в том, что уже на начальной стадии формирования веб-страницы ей будет назначен определенный дизайн.

Чаще всего из всех шаблонов используется шаблон Стандартный дизайн(документ на его основании можно создать не только с помощью соответствующей команды, но и нажатием комбинации клавиш Ctrl+D). В данном случае программа автоматически генерирует код, который представлен в листинге 5.2.

Листинг 5.2. Автоматически сгенерированный код веб-страницы стандартного дизайна

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

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

Листинг 5.3. Автоматически сгенерированный код веб-страницы по шаблону «Слева и справа вертикальное меню»

Можно прямо сейчас посмотреть, как будет выглядеть страница в окне Интернет-обозревателя (для этого нужно перейти на вкладку Просмотрили нажать клавишу F9) именно в данный момент (рис. 6.3).

Рис. 6.3. Так выглядит шаблон страницы при просмотре в окне Интернет-обозревателя