Z-BlogPHP主题制作教程#2：制作静态网站页面

最新推荐文章于 2024-03-02 15:44:15 发布

儒爵.CN

最新推荐文章于 2024-03-02 15:44:15 发布

阅读量234

点赞数

本文链接：https://blog.csdn.net/weixin_45578749/article/details/100131591

版权

Z-BlogPHP主题制作教程#2：制作静态网站页面

2016-03-01 18:54 网页设计标签：Z-BlogPHP 主题模板 2100 发表评论

好的设计和制作都是沿用了一个好的习惯，如果想制作一个好的主题模板，首先要做出静态页面。博客类型的页面比较简单，一般由两种页面组成：文章列表页面（index）和文章内容页面（single）。有了这两个页面，我们才能继续做下去，下面是我“度娘”模板的两个源页面稿：

文章列表页面：http://blog.limiwu.com/muban/duniang/index.html
文章内容页面：http://blog.limiwu.com/muban/duniang/single.html

先说说页面的结构吧：

网站的页面结构其实都有一定的规律，它可以分为3块，头部（header），躯体（body），尾部（footer）。所以，我们可以将没用的省略掉后，网页的基本架构就变成了这样：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    ……
</head>
<body>
    ……
    <footer>……</footer>
</body>
</html>

网页头部（header）是看不到的，给计算机预设了一些值，告诉网络的那段：“您打开的是一个html页面”，“这个页面叫做Document”，“这个页面可以用UTF-8来解码”等。躯体（body）中的东西是给浏览者看到的东西。这里也可以分成好多小模块，比如<section>、<aside>、<footer>、<video>等。

Z-blogPHP的模板也是这种靠拼凑组成的。我们可以看到，在“安装程序域名\zb_system\defend\default”文件夹下，有很多小的PHP文件，将这些PHP文件进行合理有效的拼凑，我们就做成了模板。下面就是一个文件列表页面（index.php）所调用的结构逻辑。

Z-BlogPHP主题制作教程