php教程--案例10（网页布局）

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>

t196.php

<?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>

t197.php

<?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教程--案例10（网页布局）相关推荐

【FPGA教程案例10】基于Verilog的复数乘法器设计与实现
FPGA教程目录 MATLAB教程目录 -------------------------------------------------------------------------------- ...
css-05--1. 定位2.. 网页布局总结3.元素的显示与隐藏
目录 1. 定位 1.1 为什么需要定位 1.2 定位组成 1. 定位模式 2. 边偏移 1.3 静态定位 static(了解) 1.4 相对定位 relative(重要) 1.5 绝对定位 abso ...
《Div+CSS 3.0网页布局案例精粹》扫描版[PDF]
电驴资源下面是用户共享的文件列表,安装电驴后,您可以点击这些文件名进行下载 [Div.CSS.3.0网页布局案例精粹].王大远.扫描版.rar详情 53.7MB 全选 53.7MB 下载地址(拷贝到 ...
css网页布局小练习，文字案例，小米官网卡片案例
1.网页排版目标效果图如下: <!DOCTYPE html> <html lang="en"><head><meta charset=& ...
PS网页设计教程XXVI——如何在PS中创建一个专业的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
PS网页设计教程XIX——在Photoshop中创建一个优雅的作品集的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
用php写一个美食页面,以美食为主题的网页设计案例10个
以美食为主题的网页设计案例10个美食,无疑是在这个吃货纵横的时代中大家最愿意探讨的话题.厨师满足了我们的味蕾,而设计师也可以用他们的方式为浏览者调制出一种美好的精致和个性,色彩.文字和图片就是他们驾 ...
PS网页设计教程XVIII——在Photoshop中设计优雅的乡村酒店或餐厅的网页布局
作为编码者,美工基础是偏弱的.我们可以参考一些成熟的网页PS教程,提高自身的设计能力.套用一句话,"熟读唐诗三百首,不会作诗也会吟". 本系列的教程来源于网上的PS教程,都是国外的 ...
56 案例淘宝焦点图布局网页布局总结
案例淘宝焦点图布局如图所示: 案例:淘宝焦点图布局制作 1.大盒子我们类名为: tb-promo 淘宝广告 2.里面先放一张图片. 3.左右两个按钮用链接就好了.左箭头prev右箭头next 4.底侧 ...

php教程--案例10（网页布局）

php教程--案例10（网页布局）相关推荐

最新文章

热门文章