织梦仿站笔记（五）仿站实例、网站备份上传等
文章目录
- 目标网站单页面（相同部分）的仿制(完善分离的相同部分)
- 对封面页(head.htm)的仿制
- 对right.htm的仿制
- 对footer.htm的修改
- 目标网站文章内容页的仿制
- 目标网站文章列表页的仿制
- 目标网站经典案例的仿制
- 经典案例列表页仿制
- 测试：
- 目标网站首页的完善
- 网站的备份和上传空间
- 总结、经验杂谈
目标网站单页面（相同部分）的仿制(完善分离的相同部分)
对封面页(head.htm)的仿制
head.htm：头部复制index.htm的，导航因为跟头部有所区别：每点击一个导航，导航白色背景就会跟随，所以要重新做下：复制index.htm的导航代码li部分，老李首页标签，属性样式标签，粘贴到开始标签中。把index.htm中的导航应用的（如li）的属性粘贴到li中，并把“改成‘。
对banner部分的仿制：因为其图片是变化的，所以要给它添加个开始标签、结束标签：{dede:type}、{/dede:type}，图片的alt改成首页标签的栏目名称，图片.jpg的数字改成栏目id。又因为在同级织梦标签不允许嵌套：把/images前的路径改为相对路径——/templets/moban。点其他导航，图片没出来，因为没下载，右键原图片另存为。
对每个公告部分的仿制： 有对应栏目名，用列表页标签的SEO标题标签替换该文字。对内容，用上面代码的织梦描述标签替换。接下来就可以在网站栏目管理的更改的高级选项处修改描述，这时更新栏目html就可只选该栏目来更新节约时间。
对简介的仿制：对标题处，也使用SEO标题替换来调用。对简介内容的div里面使用列表页标签的封面简介标签替换。可在核心，网站栏目管理的更改的栏目内容进行更改，可右键网站栏目管理的该栏目，点更新HTML。
对right.htm的仿制
右侧图片不一样：另存为这些图片，重命名为right1等。同banner部分，不过将图片.jpg修改为right织梦标签id.jpg。
对热点新闻的仿制：只留下一条相同语句用来替换，用首页标签的文章开始标签、文章结束标签、文章标题替换文本部分、用列表页标签的显示全部标题、标题链接来替换a的title值、href值（也不去“）。接下来对中间内容进行赋值：在文章开始标签添加首页标签的调用条数、标题长度(让字不被挤出去)、限定栏目ID（看它标题是啥，去网站栏目管理去找相关的）、排序方式（如热点：按点击数排列）。在网站栏目管理，点击相对栏目，添加文档可添加。
对footer.htm的修改
因为index.htm已防止过，所以直接复制替换，再将footer.htm的
目标网站文章内容页的仿制
什么是内容页？
内容页命名规则：article_article.htm
同样调用头部和底部
下载素材：查看网页源代码，没有引入多余css文件，不需要再另存为下载css文件，直接复制网页源代码到article_article.htm，图片下载没下过的，有重名的图片选全部覆盖。
对article_article.htm里面的内容进行一对一的替换：替换标签有——系统标签的内容页head区域的标题调用、css路径、图片路径（到这步，更新文档HTML，生成之前添加的一篇热点新闻文章，右边图标预览该文档查看效果，预览是动态的，删掉网站路径后的？…，若有更改，后台生成再前台刷新） 。
接下来进行相同部分的分离：
再分离头部（header到banner）：系统标签的头部调用来替换。
再分离底部（footer_text到/html）：系统标签的底部调用。
再分离右侧（box_right到对应的div）:但我们发现article_article.htm的右侧比之前的right.htm的nav_lf多了一些部分，将这部分复制到right.htm对应部分作为临时使用。再调用：复制头部调用，将header修改成right。更新预览后有1个图片没生成：就查看源代码看其图片路径，没有图片则自己改,再查看该图片对应栏目下有几个子栏目，再给子栏目也加图片。
对左侧不同部分的数据调用：替换标签有——内容页标签的文章标题（替换h1标题文本）、发布时间（替换时间的文本，按原来时间格式来编辑发布时间标签）、文章正文（一堆p标签就是正文部分，替换除最外一对p的这堆代码）、点击数（替换代码中浏览…次中的代码）。保存刷新正确后，可以再测试下：如添加企业新闻的文档，添加完点查看文章。
对动态的调用：对右侧之前的不同部分（li的子栏目导航）调用：在right.htm中剩一条li，其他li删除，调用标签——首页标签的导航开始标签、导航结束标签、栏目名称、栏目链接，给导航标签赋值：调用条数、导航类型：下级栏目、属性样式标签、把这条li的类名剪切到导航开始标签的li里并把”变成‘。此时刷新点击右侧导航可进入一些列表页，由于列表页还没制作，会显示默认的模板文件
目标网站文章列表页的仿制
什么是列表页？
列表页命名规则list_article.htm
同样调用头部和底部和右侧
同样查看网页源代码，有无引入多余CSS。下载几张图片即可：新闻动态、新闻中心。
直接复制网页源代码到list_article.htm
对内容进行一对一的替换：标题（用系统标签的列表页head区域中的标签替换）、CSS路径
对头部（header到 banner或gonggao的/div）的调用：使用系统标签的头部标签进行调用。若怕删除出错，可以打开index.htm和header.htm进行参照
对底部（footer到最后）的调用：使用系统标签的底部标签进行调用
对右侧（box_right到对应/div）的调用：复制头部标签，更改header为right。到这可以更新生成新闻中心栏目，打开查看效果。若图片不对，同上。
对列表区域的调用：标签调用——列表页标签的SEO标题标签（替换text_title的h2文本）、显示条数，它包含列表开始标签（底部的循环数据：ul里的li，剩下一条li，删除其余的，）、列表结束标签、日期2（替换li的发布时间文本）、标题链接（a的href）、标题（a的文本）。保存查看效果（之前的企业新闻我们添加了一篇文章），这边我们再给企业新闻添加生成一份文档查看效果。
列表分页 使用织梦默认的CSS——对分页（类名为page的div到对应/div）的调用：标签调用——列表页分页标签的页码个数（点说明，选择3，表示每3条产生一个分页）。测试：测试分页是否能够正常使用——把代码的调用条数改为1，发现分页发生竖排效果（当添加的文章过多时会发生）。怎么解决？打开default模板文件夹的style文件夹的page.css，需要其中的CSS效果：从.dede_pages到相关部分复制到我们的moban模板文件夹的style.css中。再将调用条数改为16。
目标网站经典案例的仿制
属于频道封面页
频道封面页的仿制
自定义命名（在高级设置中对模板修改）
同样调用头部、底部和右侧
后台，打开本地网站，网站栏目管理，预览成功案例栏目（左边图标），没显示东西。而我们发现我们下面有3个子栏目，那怎么调用出这几个栏目呢？解决方法：使用频道封面页。
查看网页源代码，是否有多余css文件。下载图片。复制网页源代码到index-anli.htm。
在后台修改栏目：网站栏目管理，成功案例，点击更改，高级选项中封面模板改为index_anli.htm,保存。预览效果，错位的，因为我们没有替换。
打开index-anli.htm：对内容的修改和替换。
对head区域标签的调用（替换）：系统标签中列表页head区域的标题、关键字、描述调用标签
对CSS路径、图片路径的调用：CSS路径、图片路径标签
对公告部分的调用：列表页标签的SEO标签（替换公告标题，：不替换）、系统标签中的描述标签。这样在后台成功案例的更改的高级选项就可以改公告了。
对头部（header到banner）的调用：系统标签中的头部调用标签
对右侧（box_right到对应/div）的调用：复制头部调用标签，将header改为right
对底部（footer_text到最后）的调用:底部调用标签
对案例区域的调用：有三个结构相同的table部分，剩下一块table，其他删除。类似这样结构重叠的，一般用大循环标签对它进行循环：打开老李工具的常用问题——织梦如何实现二级栏目导航的仿制：开始、结束、更改调用条数、更改typeid（要调用的栏目id）、栏目链接、栏目名称。接下来对里面的代码整洁下、剩下一条，删除其他相同部分，使用标签：首页标签中的文章开始标签、调用条数、文章标题、标签链接、列表页标签中的缩略图（替换td的图片的整个src值）。点击前台中子栏目的更多，进入列表页，因为我们列表页还没制作。
经典案例列表页仿制
查看网页源代码，是否引入多的CSS文件？没有，可以直接复制它的网页源代码来修改。
复制源代码到list_anli.htm中。
更改这几个栏目的高级选项中的列表模板：改为list_anli.htm。
对head区域的调用：系统标签的列表页head区域中的标题、关键字、描述调用标签
对CSS路径、图片路径的调用：CSS路径、图片路径标签
对公告部分的调用：列表页标签的SEO标签（替换公告标题，：不替换）、系统标签中的描述标签。这样在后台成功案例的更改的高级选项就可以改公告了。
对头部（header到banner）的调用：系统标签中的头部调用标签。为啥分离？只需要修改一个文件，那么整站都会生效。
对右侧（box_right到对应/div）的调用：复制头部调用标签，将header改为right
对底部（footer_text到最后）的调用:底部调用标签
对列表页内容（类名为pic的div的table的td）的调用：列表页标签的SEO标签（替换列表页内容标题）。接下来对里面的代码整洁下、剩下一条，删除其他相同部分，使用标签：列表页标签中的显示条数（其包含开始标签）、结束标签、 标题、标题链接、缩略图（替换td的图片的整个src值）。列表分页（替换类名为page的div里代码）：因为上面已经引用了分页的css，所以这里直接使用标签：列表页标签中的分页标签，生成标签。
预览时，图片没显示，另存为这几个栏目的图片，更改为对应图片名，放入moban的images文件夹中。
测试：
给一个子栏目添加几个文章，更新预览是否正确。（可以设置附加选项：提取第一个图片为缩略图，其他自己看）
目标网站首页的完善
滚动图片的仿制
找到index.htm中滚动图片所在的区域，整洁化，删除掉所有只剩一条。首页标签的文章开始标签、文章结束标签、文章标题（这里为br/后的文本）、标题链接、列表页标签中的显示全部标题标签（title）、 列表页标签的缩略图（src）、首页标签的调用条数（8）、排序方式：最新、限定栏目id（看后台，成功案例id：5）。为了用户体验：添加html属性，让其在新窗口中打开
分块栏目中文章的调用：
找到代码所在位置：news_01。到news_011之前的设循环，删掉剩一个。
打开老李，常用问题，织梦如何实现二级栏目导航的仿制的开始结束标签、生成条数3、id值：12，13，14、栏目链接、栏目名称。ul中的li删除所有剩下一条，首页标签的文章开始标签、结束标签、文章标题、文章链接、列表页显示全部标题（title）。赋值：条数10、排序按发布时间、标题长度30。
这时已经调用成我们本地的数据，点击看网址。
最后一个有额外id的栏目：复制上面的标签，除了调用条数1、id改成15，其他一样。没调用出？用第二种方法：死链接，给new_title一个死标题、死链接。给li一个栏目id15，li的其他照旧。
颜色怎么实现：添加/更改文章中。
qq模块如何调用出来：添加第一个客服qq新变量cfg_q，参数说明QQ客服1。第二个cfg_q。。。共4个
对首页也给调用成底部。就可以在footer调用我们的qq，将script中的文本修改成客服1号、客服2号。。。4个。用新变量标签替换uin值。生成主页。再直接在后台添加qq号即可。
解决遗留的问题
整体完善
仿制结束。
网站的备份和上传空间
DEDE网址备份
登陆网站后台
备份数据库及程序本身（织梦是由mysql数据库和dede程序构成）
对数据库的备份：使用织梦后台默认的数据库备份管理功能，点击系统，数据库备份还原。第一次备份直接点击提交即可。备份完点右上还原即可。我们备份的数据库在htdocs的backdate文件夹中。
对程序进行打包：压缩htdocs文件夹。rar（windows主机）、zip（unix主机，万网是这个）
购买服务器（主机）空间和上传服务器空间
购买必须要支持数据库的：打开dede888.com，老李淘宝店的万网空间、海会主机等。
免费的：要备份
ftp上传工具：8uftp
网址安全配置（必看）
总结、经验杂谈
边看边操作多遍，每天去边看边操作1遍。若操作10遍、没有问题了、看懂了，一点问题都没有了，就可以用自己的思路和方法去试着仿其他网站，看下哪里遇到问题，怎么解决。同时交流群：dede888的。
简单的事情做一百遍，就会变得容易！