一.web的演变:从静态到动态
最初在浏览器中主要展现的是静态的文本或图像信息,GIF图片则第一次为HTML页面引入了动态元素。不过随着互联网基础设施的完善,人们已经不仅仅满足于访问放在Web服务器上的静态文件,这时候动态开发语言应用而生,其中具有代表性的是动态开发语言php,有了动态开发语言,网页会根据用户的要求和选择而动态改变和响应,还可以在不同的时间,不同的人访问同一网址时会产生不同的页面,可以大大的提高用户体验及网站转化率。
二.php模块化做一个简易的电影网站的排行功能
首先在配置文件里面写好网站需要的内容:
$title="在线电影-最新电影-免费电影-电影在线观看-迅雷下载";
$keywords="最新电影,电影在线观看,电影下载,在线电影";
$description="每天搜集互联网最新电影和电视剧,为广大用户免费提供无广告在线观看电影和电视剧";
$headLine = ["电影","电视剧","综艺","动漫","资讯"];
$moviesName=["江湖风味"=>"内详","那一份纯真"=>"凯文,欧畅","麒麟幻镇"=>"祁圣翰","一个父亲的寻子之路"=>"戈兰.波格丹","警急任务"=>"台州市温岭城东派出所民警 ","诡画狐"=>"魏千翔,张芷溪"];
$copyright="电影网";
然后写好公众header,并把css代码写进去,如果css代码很长,建议单独写一个文件然后引入
<?php
require __DIR__."/config.php";
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="keywords" content="<?= $keywords ?>">
<meta name="description" content="<?= $description ?>">
<title><?= $title ?></title>
<style>
*{
padding: 0;
margin: 0;
box-sizing: border-box;
list-style: none;
text-decoration: none;
}
header{
margin: 20px auto;
overflow: hidden;
height: 58px;
width: 800px;
box-shadow: 0 5px 4px -4px black;
}
.nav li{
text-align: center;
line-height: 58px;
min-width: 80px;
float: left;
}
.nav li a{
color: black;
}
.nav li a:hover{
font-size: 1.2em;
}
.nav li a img{
height: 58px;
}
footer{
margin: 20px auto;
overflow: hidden;
height: 30px;
width: 800px;
background-color: #636363;
color: white;
text-align: center;
line-height: 30px;
}
main{
width: 800px;
margin: 10px auto;
overflow: hidden;
}
main .actorsinfo {
font-size: 0.5em;
color: gray;
}
</style>
</head>
<body>
<header>
<ul class="nav" >
<li><a href=""><img src="movies-img/log.png" alt="" width="100%" height="100%"></a> </li>
<li><a href="#">首页</a></li>
<?php foreach ($headLine as $head): ?>
<li><a href="#"><?= $head ?></a></li>
<?php endforeach ?>
</ul>
</header>
再写好公众footer:
<footer>
<p class="copyright"><?=$copyright?>© 版权所有</p>
</footer>
</body>
</html>
剩下就是index页面了,并把header和footer引入:
<?php
require __DIR__."/header.php";
require __DIR__."/config.php";
?>
<main >
<h3>最新电影排行榜</h3>
<hr>
<div class="box-zxdy" >
<ul>
<?php foreach ($moviesName as $key=>$value) : ?>
<oi>
<li><p class="movies-name"> <?=$key ?> </p>
<p class="actorsinfo">作者:<?=$value ?></p>
</li>
</oi>
<?php endforeach ?>
</ul>
</div>
</main>
<?php
require __DIR__."/footer.php";
?>
最终运行结果如下: