<meta name='language' content='Russian,English'>

  <meta name='rating' content='general'>

  <meta name='resourse-type' content='document'>

 </head>

<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>

<table width='100%' border=0 cellpadding=0 cellspacing=0>

 <tr width='100%' height=200><td align='center' valign='center'>

 <h1>Заголовок</h1>

 </td></tr>

 <tr width='100%'><td>

 Текст

 </td></tr>

</table>

</body>

</html>

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

Несколько более эргономичным выглядит документ, созданный на основании шаблона

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

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

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//RU'>

<html>

 <head>

  <title>Слева и справа вертикальные меню</title>

  <meta http-equiv='content-type' content='text/html; charset=Windows-1251'>

  <meta name='keywords' content='ключевые слова'>

  <meta name='generator' content='Extra Hide Studio 2010 (www.ruxesoft.net)'>

  <meta http-equiv='keywords' content='ключевые слова'>

  <meta name='robots' content='INDEX,ALL'>

  <meta name='description' content='Описание сайта'>

  <meta name='copyright' content='Права'>

  <meta name='Document-state' content='Dynamic'>

  <meta name='revisit-after' content='10 days'>

  <meta name='classification' content='Классификация'>

  <meta name='CATEGORY' content='Категории'>

  <meta name='language' content='Russian,English'>

  <meta name='rating' content='general'>

  <meta name='resourse-type' content='document'>

 </head>

<body leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>

<table width='100%' border=0 cellpadding=0 cellspacing=0>

 <tr width='100%' height=200><td colspan=3 align='center' valign='center'>

 <h1>Заголовок</h1>

 </td></tr>

 <tr width='100%'>

 <td width=150>

 Меню

 </td>

 <td>

 Текст

 </td>

 <td width=150>

 Меню 2

 </td>

 </tr>

</table>

</body>

</html>

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

Просмотр
или нажать клавишу
F9
) именно в данный момент (рис. 6.3). 

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

Как видно на рисунке, шаблон представляет собой своего рода предварительную разметку веб-страницы, на основании которой ведется ее дальнейшая разработка.

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

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

Файл >
Редактировать шаблон
. В этом же подменю находится несколько команд под одинаковым названием
Пустой шаблон
: с их помощью вы можете самостоятельно сформировать любой шаблон и впоследствии использовать его для создания новых веб-документов.

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

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

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

Файл >
Открыть
, вызываемую также нажатием комбинации клавиш
Ctrl+O
. Кроме этого, можно воспользоваться кнопкой
Открыть
, находящейся в инструментальной панели. После выполнения любого из перечисленных действий на экране отобразится окно открытия документа, которое показано на рис. 6.4.

Рис. 6.4.
Выбор файла для открытия

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

Открыть
или клавишу
Enter
. В результате исходный код файла отобразится в рабочей области на вкладке, название которой будет соответствовать имени файла.

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

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

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

0

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

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