欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

织梦仿站学习笔记(一)

程序员文章站 2022-05-02 08:29:49
...
【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.更新调试
将替换完后的网站,主页、栏目分别生成更新,打开浏览检查,调试至没有问题即可
织梦仿站学习笔记(一)

以上就介绍了织梦仿站学习笔记(一),包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。