7.2. 修改 HTML 模板
7.2.1. 创建 HTML 文件示例以包含在主题中
我们不会分析所有文件的 HTML 语法，我认为最好是您理解所使用的原则，并学习一些技巧，让您可以使用 DreamWeaver 等可视化编辑器。
- 示例
区块是这样创建的
<table border="0 "cellpadding="1" cellspacing="0 "bgcolor="#000000" width="150 "><tr><td> <table border="0 "cellpadding="3" cellspacing="0 "bgcolor="#dedebb" width="100% "><tr>< td align="left" > <font class="content "color="#363636" ><b> $$title </b ></font> </td></tr></table></td></tr></table> <table border="0 "cellpadding="0" cellspacing="0 "bgcolor="#ffffff" width="150 " > <tr valign="top "><td bgcolor="#ffffff"> $content </td></tr></table> < br >
如您所见，我们创建了一个固定宽度的表格（在本例中为 150），并为其分配了一些颜色（用于背景等...）。我们还分配了两个变量（$title 和 $content），一旦包含在 theme.php 中，它们将加载区块的标题和内容。出于代码清理的原因，最好在 css 表格中定义背景值。
为了拥有所有必要的案例来得出本章的结论并编写一对规则，我们必须分析一个非常简单的模块，其中包含一个我们尚未提及的案例，即图像管理
</td><td><img src="themes/NukeNews/images/pixel.gif "width="15" height="1 "border="0" stop = ""> </td><td valign="top" width="100%"> |
分析的代码是一个间隔符，它添加了 15 像素的空格，但是我们去哪里恢复图像呢？我们必须为其分配哪个路径？请记住，theme.php 文件包含在根目录中，因此图像路径必须从根目录开始到指示的主题。图像 "pixel.gif" 的路径是 "themes/NukeNews/images/pixel.gif"
 | 注意！ |
|---|---|
当您使用可视化编辑器以自动方式添加图像时，路径将仅为 images/image.gif，您将必须手动更正它，添加正确的路径。 |
另一种方法是在 theme.php 中分配一个变量给主题的名称，使其独立于文件夹名称的最终更改。因此，对于变量 $nameoftheme = " the NukeNews "，图像路由语法将是
<img src="themes/$nameoftheme/images/pixel.gif"> |