Как сделать шаблон сайта


3. HTML шаблон сайта.


И так у нас есть графический шаблон сайта, теперь приступим к созданию HTML шаблона сайта.

Начнем с фона.
Если у вас однотонный фон, то просто добавьте в тег BODY строку bgColor=#171717, где 171717 числовое значение RGB. В этом случае получится следующий HTML код:

<html>
<head>
<title></title>
</head>
<body bgColor=#171717>

 

</body>
</html>

Если предполагается использовать в качестве фона картинку как в нашем случае ее сначала надо создать.

Загружаем шаблон сайта в фотошоп и инструментом "РАМКА" обрезаем изображение (если надо получить квадрат, удерживаем при выделении "SHIFT"), сохраняем полученное изображение как bground.gif, большой разницы в формате нет, но обычно GIF "весит" меньше.

HTML шаблон сайта


Для использования картинки в качестве фона добавьте в тег BODY строку background="bground.gif", получаем:

<html>
<head>
<title></title>
</head>
<body background="bground.gif">

 

</body>
</html>

! ! !
Обращаем ваше внимание на реестр букв, он должен совпадать, т. е. если в имени файла (или папке) используется ЗАГЛАВНЫЕ буквы, то и в HTML коде так же должны использоваться ЗАГЛАВНЫЕ. Иначе при загрузке на сервер изображение не будет найдено. Все дело в том, что UNIX (на котором работает большинство серверов) обращает внимание на реестр букв и например буквы "а" и "А" для него не одно и тоже.

Для удобства рекомендуем все файлы дизайна положить в отдельную папку, например "themes", в этом случае код будет:

<html>
<head>
<title></title>
</head>
<body background="themes/bground.gif">

 

</body>
</html>