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 回答