Шаблон для страницы
Иногда надо создать что-то специфическое, например, чтобы
справка выглядела как книга. Например, эта страница в справке CHM
выглядит именно так. Для этого нужно создать изображения краев книги, цвет для
фона и т.п. У вас получится шаблон, для данной страницы он выглядит так как
почти естественный разворот книги (это только в локальной справке, не на сайте и
в Word документе).
<html>
<head>
<title>vаrTitle</title>
<meta http-equiv='Content-Type'
content='text/html; varСharset >
varСss
<style type="text/css">
p.hbook
{margin-top:12.0pt;
margin-right:0cm;
margin-bottom:3.0pt;
margin-left:0cm;
page-break-after:avoid;
font-size:16.0pt;
font-weight:bold;
font-family:"Times New
Roman","serif";
}
p.book
{margin-bottom:.0001pt;
font-size:14.0pt;
font-family:"Times New
Roman","serif";
margin-left: 0cm;
margin-right: 0cm;
margin-top: 0cm;
}
p.bcode {
margin-right:10pt;
margin-bottom:0cm;
margin-bottom:.0001pt;
font-family: Courier New;
font-size: 9pt;
line-height:100%;
}
.textheader {
text-align: right;
font-size: large;
font-family: Verdana, Geneva, Tahoma,
sans-serif;
}
.topborder {
border-top-style: solid;
border-top-width: 2px;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" style="width: 100%">
<tr>
<td><img
height="96" src="RelativePathToСss/_css/tl.bmp" width="96" ></td>
<td style="background-image:url('_css/_css/t.bmp'); height: 96px;">
<p
class="textheader">OneClickHelp</p>
</td>
<td><img
height="96" src="_css/_css/tr.bmp" width="96"></td>
</tr>
<tr>
<td style="background-image:url('_css/_css/l.bmp')"></td>
<td bgcolor="#E5DEC5" class="topborder">
varСontent
</td>
<td style="background-image:url('_css/_css/r.bmp'); width:97px;"> </td>
</tr>
<tr>
<td><img alt="" height="76" src="_css/_css/bl.bmp" width="96"></td>
<td style="background-image:url('_css/_css/b.bmp'); height: 76px;"></td>
<td><img alt="" height="76" src="_css/_css/br.bmp" width="96"></td>
</tr>
</table>
</body>
</html>
В тексте шаблона встречается ряд переменных, чтобы программа
могла их заменить.
· vаrTitle – будет заменен на строку из тега <Hi>…</Hi> данного раздела.
· vаrCharset – будет заменен на charset=windows-1251, взятый из
кодировки, в которой сохраняется doс файл при преобразовании doc в htm.
· vаrCss – будет заменен на путь к файлу стилей ~ … _css/_style.css.
· RelаtivePathToCss – будет заменен на путь к папке стилей ~ _css/….
· vаrContent – будет заменено на содержимое страницы.
Чтобы получилась окончательная страница, надо позаботиться о
копировании файлов графики в паку стилей _css. Полный пример находится где и
все примеры, это проект book.1ch.
