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

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

на обложку

Гладкий Алексей Анатольевич

Шрифт:

</head>

<body>

</body>

</html>

Данный

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

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

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

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

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

<html>

<head>

<title>Стандартный дизайн</title>

</head>

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

</td></tr>

Текст

</td></tr>

</table>

</body>

</html>

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

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

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

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

<html>

<head>

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