【PHP】织梦仿站学习笔记(一)

来源:互联网 发布:知商金融有银行存管吗 编辑:程序博客网 时间:2024/06/06 14:08

【PHP】织梦仿站学习笔记(一)

仿站是针对目标网站进行仿制。仿站主要从页面风格和功能上进行仿制。
我们通常所说的仿站是利用CMS(内容管理系统)作为网站的后台,而仿制的则是目标站的静态模板。DEDECMS的标签比较简单,是PHP类网站仿站的首选。


准备篇

一、目标站(确定要仿站点)

这里写图片描述

二、软件

  • Wampserver 搭建配置完成
  • Dreamvear 安装配置完成
  • 织梦软件 安装配置完成
  • CSS图片下载器
  • 老李仿站专用器
    这里写图片描述

步骤篇

一、建立dede模板

  1. 启动Wampserver,打开www目录
    这里写图片描述
  2. 找到dede安装目录,打开templets文件夹,建立dede模板(这里以try为例)
    这里写图片描述
  3. 在try下分别建立文件夹(images、style)和htm文件(index、list_article、article_article)
    注:1.dede模板都是以htm的形式存在的
    2.dede主要以index(主页)、list_article(列表页)、article_article(内容页)为主
    3. style下存有css、js等

    这里写图片描述

二、分析网站,制作dede模板

1.首先进行源文件的保存
(1)在网页空白处点击右键,查看页面源代码,ctrl+A,ctrl+C,用DW打开index.htm,ctrl+V将源代码复制粘贴进来,并在源代码页通过点击蓝色字体,将css,js打开保存在之前的style文件夹
这里写图片描述
(2)打开下载好的css图片下载器,将①处输入步骤一中建立images的路径,②处要下载网页网址,③进行下载,用css图片下载器下载图片直接下到指定位置,省去很多繁琐步骤
这里写图片描述
2.其次对网站进行分析,以下面网站为例,在首页导航栏有三项,分别可以点击到不同的网页
这里写图片描述
这里写图片描述
这里写图片描述
对应dede,我们可以建三个栏目来进行实现,切记建好栏目或每次更新完后一定要点生成,主页也一样,否则网页会存在问题(注:通常联系页,可选封面模板)
这里写图片描述
3.转换代码
(1)由于我们是进行dede模板的制作,所以我们要进行部分代码的替换,打开老李仿站专用器,用生成的dede代码来替换如下代码
这里写图片描述
(2)通过代码分析,用for循环完成导航栏代码替换
替换前
替换前
替换后
替换后
4.更新调试
将替换完后的网站,主页、栏目分别生成更新,打开浏览检查,调试至没有问题即可
这里写图片描述

1 0
原创粉丝点击