避免网站中的代码重复

时间:2012-04-10 03:17:54

标签: html

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

所以我的问题是人们应该怎么做呢?我不认为我做得对。你应该只有一个包含模板的文件吗?

5 个答案:

答案 0 :(得分:2)

Moneydev,

您正在寻找的是模板系统。如果你想坚持使用纯HTML,你必须使用外部工具来帮助你,因为它没有内置的模板方法。 Dreamweaver可以让您定义网页内的区域,以表明它们是相同的区域,在整个网站中“整体”维护。

虽然有效,但实际上是非常低技术的。它的作用是搜索Dreamweaver管理的网站中的所有文件,并在从“主位置”编辑它时“搜索并替换”该部分,该位置是在您首次设置时确定的。

Ali Hamze建议在PHP项目中使用'includes'。这是PHP的常用方法,但我有偏见,更喜欢ASP.NET对模板的回答。它是“.master”(页面)和“.ascx”(控件)的组合,允许您以嵌套方式模板化和重复使用它们。除了简单的“搜索和替换”(由Dreamweaver使用您的HTML完成)之外,它是FAR,但需要您学习新的开发环境。

所以它归结为,你可以坚持使用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 IDE for Java)---查看“http://www.stringtemplate.org/”进行模板化 http://www.eclipse.org/downloads/packages/eclipse-ide-javascript-web-developers/indigosr2 (对于上面的内容,如果你想在幕后找一个数据库,请查看mySQL) http://www.mysql.com/

仅供参考:你可能会发现微软的IDE是最不可怕的,尽管PHP起步并不太难。如果你是新手,Java可能会遇到挑战。

快乐的编码!

答案 1 :(得分:0)

您应该查看PHP,这将允许您有标题的文件,侧栏的另一个文件以及所有页面上相同的所有其他内容。然后你只需include在index.php中,about.php。

答案 2 :(得分:0)

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

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

答案 3 :(得分:0)

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

了解您感兴趣的任何服务器端语言,从PHP over Ruby到Python或* .NET。

答案 4 :(得分:0)

对我来说,这个解决方案是用PHP语言编写的一个小服务器端脚本。我创建了header.php,footer.php,在你的情况下,我也创建了一个sidebar.php文件。

那是什么PHP?它是一种脚本语言,非常有用。在你的情况下,它并不是那么重要,但你可以用它来做一个 super 方便的事情 - 包括其他文件。您的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可以做的最简单的事情,但它是制作网站可重用部分的一种非常方便的技术。掌握它后,你将节省大量的时间和精力。