模板html页面
嗨，我是网络编程的新手。我想创建一个类似css的模板，其中所有的页面看起来都一样，除了页面的内容。
所以我在顶部有一个徽标和一些选项卡，你可以在那里导航网站，但页面的内容会有所不同(联系人，关于，info.etc)。
如何开始创建此模板？
回答 4
Stack Overflow用户
发布于 2010-07-12 08:48:33
您可能希望尝试在纯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主机。
Stack Overflow用户
发布于 2010-07-12 08:22:55
您可以查看许多模板站点中的一些--例如http://www.freecsstemplates.org/或http://www.freecsstemplates.com/。很有可能你会找到接近你想要实现的东西。
Stack Overflow用户
发布于 2010-07-12 08:49:37
我建议先从纸质素描开始。只需为每个页面的不同区域绘制方框...像Logo，Header，Content，Footer等等。有很多方法可以接近这个初始阶段。Here's one explanation of the gray box method。
一旦你有了这样一个粗略的想法，创建一个样例页面。您可以使用lorum ipsum填充内容。获得您喜欢的CSS，并确保页面的每个部分(大致是草图中的每个框)都在它自己的唯一div中(id = "...")。
一旦完成了所有这些设置，您就可以准备好CSS文件了。
要创建模板HTML文件，只需获取您一直在处理的HTML页面并删除所有lorum ipsum。
CSS Zen Garden是一个寻找CSS灵感的好地方。
https://stackoverflow.com/questions/3225159
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号