PHP168教程:如何模仿别人的网站风格
2010-06-29 10:04:22 来源:WEB开发网有时候大家看到许多漂亮的风格,那么如何把别人的风格改成php168的风格呢?下面给大家一个图文的教程:
第一步:保存别人的风格
.
一般的网站保存之后基本都没有什么问题了,可以打开保存的网页看看.基本和原有的网站差别不大.
当然也有可能和原先的网站差别比较大的.这多是由于样式表的问题造成的.
现在我们打开我们刚才保存的网站看看效果怎么样?
我们查看一下代码看看:
在代码里面搜索:style这个关键字.
找到下面的代码:
<style type="text/css" media="screen">
@import url("/CS_version/css/home.css");
</style>
而我们保存下来的结构是这个样子的:
显然上面的代码的css路径是不对的.
那我们改一下.我们
把
<style type="text/css" media="screen">
@import url("/CS_version/css/home.css");
</style>
改成:<link href="fangzhi_files/home.css" rel="stylesheet" type="text/css">
再看看,还是不行.那肯定还是样式的问题.
我们打开fangzhi_files/home.css这个文件看看:
最上面两行是这样的:
@import url( /CS_version/Css/cs_home.css );
@import url( /CS_version/css/validform.css );
原来他在home.css这个文件里面又导入了其他两个css文件.但是很明显路径又错了.
我们改一下路径,改成下面的样子.
@import url(cs_home.css );
@import url(validform.css );
之后保存home.css这个文件.再来看看保存的网页,有点像了:)
但是还有一些图片不能正常显示.这次你应该知道了,肯定是路径问题.
好,那么到home.css文件(还包括cs_home.css和validform.css)里面看看,我们会发现诸如:BACKGROUND-IMAGE: url(/CS_version/CS_img/home/logo_mid.gif);
里面的路径/CS_version/CS_img/home/logo_mid.gif都改为logo_mid.gif,即去掉/CS_version/CS_img/home/.
因为现在所有图片和css文件在同一级目录里面.当然你可以根据实际情况修改这个目录.
再刷新看看,但是还有些图片不能正常显示.那么我们就要考虑有可能没有把部分图片保存下来.那么直接到原来网站保存对应图片到css文件所在目录.
再看看
第二步:去除保存下来的网页里面无用的内容(包括网站内容,无用的html代码,无用的js代码,无用的超级链接等),
把地方留出来,因为这些地方我们要用php168的标签来动态的调用网站的内容.
第三步:分解刚才处理好的网页为三个文件:
head.htm(网页头部,一般在这个部分放置登陆表单,导航菜单,logo,等等)
index.htm(网页主体,一般在这个部分用标签调用网站各个栏目的内容等等)
foot.htm(网页底部,一般在这个部分显示一些版权信息)
第四步:在去除内容的地方加入标签$label[*],其中*是以字母开头的字母和数字的任意结合.
这个$label[*]可以加到head.htm,index.htm,foot.htm,list.htm,bencandy.htm中。
[注].标签$label[*]是什么东西?
我们打个比方来说明一下。比如你现在有一个漂亮的静态网页框架。你想把这个漂亮的静态网页框架作成动态网页,
以方便内容的添加及更改。那么你只需要在要显示内容的地方添加诸如$label[**]的标签。然后再做简单的处理。
那么原来漂亮但是简单的静态网页就会变成功能强大的动态网站。而且美丽依旧。简单的说,
这个标签$label[**]就象一个旗帜,他插在网页的不同部位。我们可以用这个旗帜显示文章的列表。
更多精彩
赞助商链接