怎么仿制别人的网站(思路篇)

然而当我们踏进互联网行业的时候,对于”网站”这个名词或多或少都有些接触的。当然要做一个网站的时候,大家也都知道必定要去找个建站程序员帮助一下,在这个行业呆了一段时间后,发现其实自己也可以。
有时就想着给我自己做一个网站,或者说自己给客户做一个网站,也可以减少些不必要的成本支出。日复一日,算是日积月累吧,走到了今天。
所以今天给大家说说看到一个好看的网站时,怎样给他防制下来,变成自己的网站。哪怕你什么都不会。(但至少你要能看懂HTML)

第一步:搭建本地服务器。
简单易懂一点,直接度娘”XAMPP”,最新的版本会排在前面下载后傻瓜式安装,运行后打开Apache+MySql,浏览器地址栏输入:localhost或者127.0.0.1打开,如是XAMPP欢迎界面安装成功,失败则会报错。一般情况下都会安装成功的,报错的话上百度搜搜,解决方法很多的。先说说”XAMPP”这个软件吧,算的上比较流行的PHP开发环境,完全免费且易于安装的Apache发行版,包含MySQL、PHP和Perl,开放源码包的设置让安装和使用出奇容易。从最初使用AMPserv到wampserver,XAMPP用的时间算是较长的了,后来在公司搭建本地服务器的时候,发现了XAMPPS不知道是什么时候更新的,不过更方便了些。

第二步:选择程序(内容管理系统)安装。
之前在搜外学习SEO的时候,夫唯老师讲到,选择后台管理系统的时候,给看了一个图,很清晰的讲道什么类型的网站适用于什么网站。分享一下:
程序对照表
这里就适用DEDECMS织梦内容管理系统,对于先手来说上手较快易懂,学会基本标签就行,在那下载就不说了,UTF-8跟GBK自己选择。
怎么安装:下载后把uploads文件夹里的文件放在服务器站点文件夹里(XAMPP路径下/htdocs/里),运行localhost或者127.0.0.1出现安装界面开始安装,其中输入数据库等信息自己操作,一般为localhost root root 安装完成就OK了。

第三步:寻找目标站点和分析网页。
比如自己属于 “网站建设” 行业,找类似很漂亮的网站就行,可以百度搜索一些多看看,仿制起来的话主要分为 首页,列表页,内容页 三个页面,但是一般情况下都会有关于我们联系我们等等页面其实是和内容页相似的,还有留言页面。前期不是很熟练就不要找太难的,找到合适自己的网站后就开始下载整个站点的页面HTML+CSS。

第四步:网页另存为。
1. 下图应该看的懂,一般的浏览器就在页面空白处点击右键”网页另存为”,或者浏览器右上角有设置选项点击也有”网页另存为or保存网页”,网页另存为后浏览器会下载整个页面的HTML+css包括使用到的JS+IMG+SWF。
网页另存为
2. 也可以使用其他方法:防站工具,就是扒皮软件。相对于上面的网页另存为就相对简单多了,仿站工具会将所有需要的style样式文件放在一起,页面放在一起下载一下,相对整齐一些。记得才开始学习仿站的时候(2年前)一直使用的是”都客仿站工具”老牛制作的一款仿站工具,软件中有集成的各类CMS标签很方便使用(对于初学者),因为后期使用没有续费现在就用这款软件,但是互联网上出了很多破解版的都客仿站软件,也没有使用是因为现在对建站仿站很熟悉了,毕竟支持正版,尊重码农开发的辛苦成果吧,也是一路看着软件更新渐渐强大起来。
3. 还有就是互联网上其他一些仿站工具。目前使用的人比较多的还是”仿站小工具”吧。简单,易懂,免费,大家可以使用。

第五部:制作页面。
可以说这一步为最重要的一步,也是最核心的一步,服务器搭建成功后,网站部署进本地服务器后运行成功,将下载好的网页放在网站程序的模板文件夹,/templets/下(这里是DEDECMS),DEDECMS文件名默认为首页index.htm 列表list_article.htm 内容article_article.htm,所以你可提前将文件名为默认,也可以使用自己的命名方式但是后期需要在栏目管理里更改高级选项中的列表模板。放好模板文件后,进入后台->系统->系统设置->系统基本参数->更改模板默认风格:/templets/模板名称更改模板默认风格
先试试首页是否显示,更新->生成主页HTML->选择主页模板->更新主页HTML更新主页HTML首页出现你下载的页面,显示正常;有时会出现乱码则编码不对,页面布局全是超链接形式则说明Style样式没有引用成功,更改下路径,较常见的两种情况,其他情况稍作调试。DEDECMS简单来说就是替换标签,相当于记HTML标签一样。So easy

<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>南充网站建站官网_网站建设_域名注册_主机托管_网络营销和推广_广告设计_品牌设计-南充热气球工作室</title>
  <meta name="Keywords" content="南充热气球工作室,南充网站建设,南充网络推广,南充广告设计,南充设计,四川建站,南充建站">
  <meta name="Description" content="热气球工作室 成立于2013年12月,我们专注于网站建设,域名注册,主机托管,网络营销和推广,广告设计,平面设计, LOGO制作, 由几个志同道合的小伙伴在家自主创业,为完成梦想一起努力走在了一起.我们通过研究理解用户的思维,行为和目标 ,挖掘用户对产品使用的潜在需求,为客户提供品牌化,一站式的解决方案 , 打造客户的需求, 我们是一支有富有爱心,恒心,责任心,充满活力的 团队,我们都在路上...">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" type="text/css" href="/templets/bean/style/css.css">
  <script type="text/javascript" src="/templets/bean/style/jquery-min-1.7.js"></script>
  <script type="text/javascript" src="/templets/bean/style/js.js"></script>
  <script type="text/javascript" src="/templets/bean/style/jquery.form.js"></script>
  <script type="text/javascript" src="/templets/bean/style/utils.js"></script>
  <script type="text/javascript" src="/templets/bean/style/validator.js"></script>
 </head>
 <body>
  <div align="center"></div>
 </body>
</html>
可以看做以上为全部网页代码,可以先分析一下?哪一些链接或者文字信息要与后台对应变成动态,很明显,标题关键字和描述
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>{dede:global.cfg_webname/}</title>
  <meta name="Keywords" content="{dede:global.cfg_keywords/}">
  <meta name="Description" content="{dede:global.cfg_description/}">
  <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" type="text/css" href="/templets/bean/style/css.css">
  <script type="text/javascript" src="/templets/bean/style/jquery-min-1.7.js"></script>
  <script type="text/javascript" src="/templets/bean/style/js.js"></script>
  <script type="text/javascript" src="/templets/bean/style/jquery.form.js"></script>
  <script type="text/javascript" src="/templets/bean/style/utils.js"></script>
  <script type="text/javascript" src="/templets/bean/style/validator.js"></script>
 </head>
 <body>
  <div align="center"></div>
 </body>
</html>

可以看到上面所用到的标签有:{dede:global.cfg_webname/}{dede:global.cfg_keywords/}{dede:global.cfg_description/}大家也明白其意思吧。首页中也不过是这些标签,只是含义不同罢了。

{dede:arclist row="1" typeid="1" titlelen="10" orderby="pubdate"}
 <li>
  <a href="[field:arcurl /]">[field:title /]</a>
 </li>
{/dede:arclist}

首页中大多使用这种标签,由首页获取其他列表页信息,row=”1″ typeid=”1″ 这些属性可以自定义添加,举几种常用的吧:
row=’10’ 返回文档列表总数
typeid=’1′ 栏目ID,在列表模板和档案模板中一般不需要指定,在首页模板中允许用”,”分开表示多个栏目
getall=’1′ 在没有指定这属性的情况下,在栏目页、文章页模板,不会获取以”,”分开的多个栏目的下级子类
titlelen = ’30’ 标题长度 等同于titlelength
infolen=’160′ 表示内容简介长度 等同于infolength(只控制infos,并不控制description的内容)
imgwidth=’120′ 缩略图宽度
imgheight=’90’ 缩略图高度
listtype=’all’ 栏目类型 image含有缩略图 commend推荐
orderby=’sortrank’ 文档排序方式
§ orderby=’hot’ 或 orderby=’click’ 表示按点击数排列
§ orderby=’sortrank’ 或 orderby=’pubdate’ 按出版时间排列
§ orderby=’id’ 按文章ID排序
§ orderby=’rand’ 随机获得指定条件的文档列表
aid=” 指定文档ID
idlist =” 提取特定文档(文档ID)
channelid 频道ID

列表页同等...
{dede:list pagesize="10"}
<li>[<b>[field:typelink/]</b>]<a href="[field:arcurl/]" >[field:title/]</a></li>
{/dede:list}

这些标签很多很多,使用的方法也很多,需要能够记住使用就行,或者可以下载标签类的软件,官方注释的很清楚哪里会使用到很详细,只需要明白这些是怎么使用在哪里使用就行,如果这些都弄懂了的话,相信在慢慢的摸索中会学习的更多。

总结:开始只是想讲讲怎么仿站,仔细想想一步一步必须要从搭建服务器开始,或许看完这篇文章后并没有学会怎样仿站,但是希望能够清楚整个防站的思路和流程,知道内容管理系统模板的使用和方法,从一开始的什么都不会到现在。唐僧曰:师傅领进门,修行靠个人。