//index
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
#container{width: 900px; margin: auto; border: 1px solid #2752C7;}
#header{height: 100px; border-bottom: 1px solid #2752C7;}
#left{width: 200px; float: left; border-right: 1px solid #2752C7; min-height: 300px;}
#right{float: right; width: 697px; min-height: 300px;}
#footer{height: 50px; clear: both; border-top:1px solid #2752C7; }
</style>
</head>
<body>
<div id="container">
<div id="header"><?php include("header.php");?></div>
<div id="left"><?php include("menu.php");?></div>
<div id="right">
<?php
if(isset($_GET['key']))
{
switch($_GET['key'])
{
case "tt": include("tintuc.php");break;
case "xh": include("xahoi.php");break;
}
}
else include("main.php");
?>
</div>
<div id="footer">Footer</div>
</div>
</body>
</html>
//header.php
<p>Đây là banner</p>
//menu.php
<p><a href="index.php">Trang chủ</a></p>
<p><a href="index.php?key=tt">Tin tức</a></p>
<p><a href="index.php?key=xh">Xã hội</a></p>
<p>Giải trí</p>//main.php<p>Đây là trang main
</p>
<p> </p>
<p>Mặc định sẽ hiển thị nội dung của trang main.php.</p>
<p>Khi người dùng click vào mục nào (ở menu bên trái) thì nội dung tương ứng (nội dung của trang tương ứng) sẽ hiện ra.</p>//tintuc.php<p>Đây là trang tin tức!</p>
<p> </p>//xahoi.php<p>Đây là trang xã hội!</p>
<p> </p>
Comments
Post a Comment