模板html页面

嗨，我是网络编程新手。我想创建一个CSS的模板排序，其中除了页面的内容外，所有页面看起来都是相同的。模板html页面

所以我有一个标志和一些标签在顶部，您可以浏览网站，但网页的内容会有所不同（contact，about，info.etc）。

我该如何去创建这个模板？

2010-07-12 SuperString

如果你想在Web开发中快速入门，我建议你考虑订阅lynda.com。他们为涉及的各种技术等提供了很多很好的教程。查看它在：http://www.lynda.com/home/ViewCourses.aspx?lpk0=118（并且，我没有通过lynda.com付款... :)我只是发现他们的教程是一个好的起点） – 2010-07-12 01:24:32

您可能想尝试用纯HTML + CSS构建您的模板页面，然后使用简单的PHP包含来构建您的页面。你可以，例如，打破你的页面分为两个单独的文件：

的header.php：

<!DOCTYPE html> 
<html> 
    <head><title>Hello World</title></head> 
    <body> 
     <div id="main-content">

和footer.php：

 </div> 
    </body> 
</html>

然后，对于使用的任何文件模板，你会使用这样的事情：

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

<!--All the content of your page goes here--> 
<h1>Hello World!</h1> 
<p>Lorem Ipsum</p> 

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

那么如果有人访问了前一个文件（假设它是所谓的index.php），然后将这些文件会被组装和最终的HTML输出看起来是这样的：

<!DOCTYPE html> 
<html> 
    <head><title>Hello World</title></head> 
    <body> 
     <div id="main-content"> 

     <!--All the content of your page goes here--> 
     <h1>Hello World!</h1> 
     <p>Lorem Ipsum</p> 

     </div> 
    </body> 
</html>

只要确保你有你的服务器上运行PHP，或者这将无法工作。另外，如果你想在本地开发你的网站，我建议使用XAMPP来获得本地的Apache主机。

来源

2010-07-12 00:48:33 derekerdmann

这种类型的解决方案不是PHP特定的。 ASP.net应该能够为基于Windows的服务器做同样的事情。如果没有关于内容的信息是动态的，那么总是存在直接的基于shtml的内容。 – 2010-07-12 00:59:57

当然。我认为PHP是一个很好的例子，因为它几乎可以在任何Web主机上使用，并且不太难学。 – derekerdmann 2010-07-12 01:11:25

您可以看看许多模板网站中的一些 - 例如， http://www.freecsstemplates.org/或http://www.freecsstemplates.com/。有机会，你会发现接近你想达到的东西。

来源

2010-07-12 00:22:55

我从头开始构建它 – SuperString 2010-07-12 00:26:36

在这种情况下，如果你发现你喜欢的东西，你可以从头构建类似的东西 – 2010-07-12 21:41:50

我建议从纸质草图开始。只需为每个页面将具有的不同区域绘制框，如徽标，标题，内容，页脚等等。有很多方法可以实现此初始阶段。 Here's one explanation of the gray box method。

一旦你有这样的粗略想法，创建1个样本页面。您可以使用lorum ipsum填写内容。获取CSS以满足您的喜好，并确保页面的每个部分（粗略草图中的每个框）都包含它自己独特的div（id =“...”）。

一旦你完成了所有这些设置，你就可以准备好你的CSS文件了。

要创建您的模板HTML文件，只需将您正在处理的HTML页面删除并删除所有文件。

CSS Zen Garden是寻找CSS灵感的好地方。

来源

2010-07-12 00:49:36

如果您是初学者，我可以建议试用Adobe Dreamweaver并查看使用DreamWeaver（.dwt）模板。它的确非常容易使用，它允许您创建一个带有可编辑部分的主文件（模板）。

如果您有Visual Studio，MasterPages会做类似的工作！

祝你好运，欢迎来到Web开发世界！

来源

2010-07-12 00:57:28 Marko

在Mac平台上，请尝试Flux - http://www.theescapers.com/。非常漂亮的所见即所得/代码级工具，比DW更实惠 – 2010-07-12 21:43:32

模板html页面

回答

相关问题