PHP168教程：如何模仿别人的网站风格

核心提示：有时候大家看到许多漂亮的风格,那么如何把别人的风格改成php168的风格呢?下面给大家一个图文的教程:第一步:保存别人的风格.一般的网站保存之后基本都没有什么问题了,可以打开保存的网页看看.基本和原有的网站差别不大.当然也有可能和原先的网站差别比较大的.这多是由于样式表的问题造成的.现在我们打开我们刚才保存的网站看看效

有时候大家看到许多漂亮的风格,那么如何把别人的风格改成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[**]就象一个旗帜，他插在网页的不同部位。我们可以用这个旗帜显示文章的列表。