原文再续书接上一节，上节讲到创建一个共用的页面，用main函数实现hello world!
本文说说创建导航条。像鬼样子：
现在的App很多都把导航条放在网页底部，咱们也放在下面吧。
创建方法是这样的，先写个导航条的文件nav.php，然后在需要使用的地方引用。
我们在目录hs/php/下创建nav.php文件，其内容如下：
注意class="nav"，这样是引用css美化的，什么颜色大小等都放在style.css文件中，位于hs/css/目录下。
其内容是这样的：
html,body{
margin:0;
padding:0;
}
/*超链*/
a{
text-decoration:none;
color:#151081;
font-size:14px;
}
body{
margin-bottom:1000px;
}
/*导航条外层*/
.nav{
bottom:0;
width:100%;
position:fixed;
text-align:center;
z-index:10000;
padding:0.5em 0;
background: -webkit-linear-gradient(#000000,#FF0000, #000000);
background: -o-linear-gradient(#000000,#FF0000, #000000);
background: -moz-linear-gradient(#000000,#FF0000, #000000);
background: linear-gradient(#000000,#FF0000, #000000);
}
/*导航条链接*/
.nav a{
display:inline-table;
width:18%;
padding:0;
text-align:center;
color:#FFFFFF;
text-decoration:none;
font-size:1.2em;
}
/*导航条图片*/
.nav a img{
display:block;
width:2em;
height:2em;
margin:auto;
}
然后在页面中引用，如
再在需要使用导航条的地方引用nav.php文件，我这里在index.php中全局引用。
用include函数。
到这里，保存后，打开首页就可以看到导航条了。
这里有五个链接，其页面如下编写，在目录hs/php/目录下创建。
内容如下：
看看函数名和nav.php中的f是对应的，只不过文件名多了个1字，用来归类。
好了，到此就可以在页面之间串门了。
下节说说登录和注册。如果你有兴趣，请关注一下我，查看往期的内容，点击头像就能看到。我不是程序员，没有高深的技术，我只把知道的分享一下。
閱讀更多 茂名阿信 的文章
