t195.php
<?php
//case 10 網頁布局
//定義常量，防止直接通路引入頁面
define('WEBTEST','test1');
?>
<html>
<head>
<meta charset="UTF-8">
<title>網頁布局</title>
//樣式表
<style type="text/css" rel="stylesheet">
.title
{
width: 98%;
height: 100px;
background-color: #cccccc;
margin: 3px auto;
text-align: center;
}
.content
{
width: 60%;
height: 600px;
float: left;
}
.content .lst
{
width: 90%;
height: 580px;
margin: 0 auto;
}
.content .lst .pic
{
float: left;
width: 320px;
height: 160px;
background-color: #CCCCCC;
margin: 5px;
padding: 5px;
}
.content .lst .pic img
{
width: 300px;
height: 150px;
padding: 5px;
}
.side
{
width: 38%;
height: 600px;
float: right;
}
.side ul
{
list-style: none;
}
.side ul li
{
text-indent: 20px;
}
.side p
{
margin: 0;
padding: 5px;
font-size: 20px;
color: #7f7f7f;
}
.footer
{
width: 98%;
height: 100px;
background-color: #cccccc;
margin: 3px auto;
text-align: center;
clear: both;
}
</style>
</head>
<body>
<div class="title">header</div>
<div class="content"><?php include ('./t196.php');?></div>
<div class="side"><?php include ('./t197.php');?></div>
<div class="footer">footer</div>
</body>
</html>
<?php
//通路限制
if(!defined('WEBTEST'))
{
exit('No access!');
}
//圖檔清單
$books = array('cat.jpg','cat.jpg','cat.jpg','cat.jpg','cat.jpg','cat.jpg');
?>
<div class="lst">
//：，endforeach是php 7 新文法
<?php foreach ($books as $book):?>
<div class="pic">
<img src="./img/<?php echo $book;?>">
</div>
<?php endforeach;?>
<div style="clear:both"></div>
</div>
<?php
//通路限制
if(!defined('WEBTEST'))
{
exit('No access!');
}
?>
<h2>PHP教育訓練班開訓資訊</h2>
<ul>
<?php
//數組清單
$arr = array(
array('PHP基礎班','西安--第01期','蘭州--第02期','白銀--第03期'),
array('PHP中級班','成都--第11期','重慶--第12期','甯波--第13期'),
array('PHP進階班','杭州--第31期','上海--第32期','鄭州--第33期')
);
//數組首個元素放入p标簽，其他放入無序清單
foreach ($arr as $values)
{
foreach($values as $k=>$v):
echo $k > 0 ? "<li>{$v}</li>":"<p>{$v}</p>";
endforeach;
}
?>
</ul>
![php寫一個簡潔的登入頁面[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)