3

我将创建一个带有侧边栏的网页，侧边栏将包含指向其他页面和内容的链接。我编码的方式，对于侧边栏上的每个链接，我都有另一个 HTML 文档。侧边栏链接只是链接到另一个 .html 文件，其中包含您想要调用的网站模板/布局。所以我有一个 index.html 作为主页，然后是 about.html 等。对于每个 html 文档，该文件包含整个网站布局的代码（侧边栏、页脚等）。因此，在侧边栏链接到的不同链接之间，唯一的区别是内容。因此，如果我想更改网页的布局（例如侧边栏的颜色），我将不得不转到每个 HTML 文档并进行更改。

所以我的问题是人们应该如何去做这件事？我不认为我做对了。你只应该有一个包含模板的文件吗？

4

5 回答 5

2

金钱开发，

您正在寻找的是一个模板系统。如果您想坚持使用纯 HTML，则必须使用外部工具来帮助您，因为它没有内置的模板方式。Dreamweaver 允许您在网页内定义区域以指示它们是同一区域，以便在整个网站中保持“一体”。

不过，这种工作方式实际上技术含量很低。它的作用是搜索 Dreamweaver 管理的网站中的所有文件，并在您从最初设置时确定的“主位置”编辑该部分时“搜索并替换”该部分。

Ali Hamze 建议在 PHP 项目中使用“包含”。这是 PHP 的常用方法，但我有偏见，并且更喜欢 ASP.NET 对模板的回答。它是“.master”（页面）和“.ascx”（控件）的组合，允许您以嵌套方式模板和重用它们。它远远超出了简单的“搜索和替换”（就像 Dreamweaver 使用您的 HTML 所做的那样），但需要您学习一个新的开发环境。

所以归根结底，你可以坚持使用 HTML，它会简单得多，让你可以专注于学习 HTML/CSS 和 JavaScript。这非常适合为开发奠定基础……但是，要真正进入“大联盟”，我建议选择 IDE。

作为一个长期使用 Windows 的人，我确实喜欢通过 Microsoft Visual Studio 和 Microsoft SQL 用于数据库的 ASP.NET。也就是说，我是那种会喝可口可乐的人，仍然喜欢百事可乐。如果您想研究 PHP 或 Java，这些也是不错的选择。如果我想要一个免费且功能强大的 IDE 来让我的 Web 开发生活有一个健康的开始，我会去以下地方：

ASP.NET (Microsoft Visual Studio) --- 阅读关于模板的“母版页”和“控制文件” http://www.microsoft.com/express （我更喜欢 Microsoft SQL（Express Edition 很好）用于数据库，不过如果你愿意，你可以使用 mySQL）

PHP（用于 PHP 的 Eclipse IDE）---查看“包含”以进行模板化 http://www.eclipse.org/projects/project.php?id=tools.pdt

Java（Java 的 Eclipse IDE）---查看“http://www.stringtemplate.org/”以获取模板 http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/ indigosr2 （以上，如果你想要一个后台数据库，查看mySQL） http://www.mysql.com/

仅供参考：您可能会发现 Microsoft 的 IDE 最不令人生畏，尽管 PHP 入门并不难。如果您是新手，Java 可能具有挑战性。

快乐编码！

于 2012-04-10T03:43:37.663 回答
0

您应该研究一下PHP，它将允许您有一个文件作为标题，另一个文件用于侧边栏以及所有其他内容在所有页面上都是相同的。然后你只需将它包含在 index.php、about.php 中。

于 2012-04-10T03:22:45.887 回答
0

将所有样式保存在每个 html 页面头部引用的外部 CSS 样式表中。然后，您可以在一处更改样式。这解决了您更改侧边栏颜色的示例。

如果你想为每个页面的侧边栏保持一致的 html 结构，请使用 php.ini。您将创建一个名为 sidebar.php 的文件，并使用该include方法将相同的代码导入每个页面。如果您想稍后更改它，请编辑单个 sidebar.php 文件，所有其他文件都将导入新代码。

于 2012-04-10T03:22:54.160 回答
0

很多答案。最典型的是使用预处理HTML 的服务器端语言。这样您就可以拥有一个通用布局文件和单独的“视图”。视图只包含每个页面的唯一内容，布局包含围绕它的基本不变的包装。然后，您可以根据需要将这两者拼凑在一起，而无需重复代码。

学习任何您感兴趣的服务器端语言，从 PHP 到 Ruby 到 Python 或 *.NET。

于 2012-04-10T03:23:13.943 回答
0

对我来说，解决这个问题的方法是用一种叫做 PHP 的语言编写一个小的服务器端脚本。我创建了 header.php、footer.php，在您的情况下，我还将创建一个 sidebar.php 文件。

那么什么是PHP？它是一种脚本语言，非常有用。在你的情况下，它并不是那么重要，但你可以用它做一件超级方便的事情——包括其他文件。您的 Web 服务器必须安装并运行 PHP。您还可以使用名为 Xampp 的免费工具在本地 PC 上运行它。

所以当我开始时，我会创建一个名为 index.php 的文件。在那个文件中，我会像往常一样从头部开始。包括您的 CSS（您正在制作 CSS 文件，对吗？它比样式部分好得多 - 您可以重复使用相同的样式表，并且它还有其他一些好处。）如果您正在使用它们，请设置任何脚本。在正文中，您将使用一个特殊的 PHP 标记来运行一些 PHP 代码：

<?php include("header.php"); ?>

这将“包含”名为 header.php 的文件。当您加载它时，您放入的任何内容现在都将成为该文档的一部分。它可以是纯 PHP、HTML 甚至纯文本。用它来设置你的标题。在页脚所在的页面底部，使用更多 PHP：

<?php include("footer.php"); ?>

在 footer.php 中，您猜对了 - 输入您的页脚代码。然后关闭body标签和html标签。您还可以使用相同的技术包含您的侧边栏。我建议您在包含文件中打开的任何 HTML 标记也关闭在同一个文件中。这将使管理页面的各个部分变得更加容易。

这是您可以用 PHP 做的最简单的事情，但它是一种非常方便的技术，可用于制作网站的可重用部分。掌握它后，您将节省大量时间和精力。

于 2012-04-10T03:29:32.030 回答