织梦系统仿站(第一讲——准备工作2011-08-29:29)

　　织梦系统仿站(第一讲——准备工作2011-08-29:29)

　　织梦仿站系列第一讲——准备工作

　　2011-08-29 17:56:29| 分类： dedecms 教程| 标签： | 字体大小大、中、小

　　首先，我们找到一个可以克隆的目标 网站。

　　经过复兴网搜索，确定以拳击在线( )为目标站，完成模板织梦的模仿教学

　　程序。

　　

　　二、关于以后教程的一些注意事项：

　　1、将目标站点的网页另存为，你会得到一个网站，以及相关的文件夹。里面有相关的图片、样式和js文件。我们需要将这些文件复制到 织梦 模板的相关文件夹中。在本系列教程中，

　　这个文件夹是 Temples\fuxing5。

　　2、我们将为站点范围的调用制作一个通用的页眉和页脚。所以我们先做顶部和底部

　　部。

　　3、朋友们需要有HTML的知识和一些DIV+CSS的知识。

　　4、不断更新。. .

　　最后希望小伙伴们跟着我们一步步学习模仿织梦。呵呵，别人的教程是

　　哦，收费！

　　织梦仿站系列第二讲-首页框架

　　2011-08-29 17:57:12| 分类： dedecms教程| 标签：|字体大小 大中小 订阅 首先打开目标站拳击在线（ ），然后将网页保存到本地。如图：

　　

　　选择网页作为保存类型，全部 (*.htm;*.html)。如下所示：

　　

　　将织梦(DEDEcms)的默认模板文件夹复制一份，以供制作模板时参考。

　　然后打开保存文件夹，下图中箭头所指的文件夹：

　　

　　对文件夹中的文件进行分类，将css文件复制到temples\default\style目录，将js文件复制到temples\default\js，将图片文件复制到temples\default\images。

　　然后用网页编辑软件FrontPage或者Dreamweaver打开刚才保存的拳击在线网页文件和tempets\default目录下的index.htm（首页）、head.htm（通用页眉）、footer.htm（通用底部） . 同时打开刚刚备份的默认模板主页文件templets\copy default\index.htm。

　　先清空index.htm文件，将拳击在线网页代码复制进去。

　　接下来是官方代码修改。逐行修改。

　　一、修改CSS样式表的路径为织梦的CSS路径码（从备份的默认首页文件复制）

　　湾），如下图所示：

　　

　　

　　保存网页，进入织梦后台，点击后台右上方网站主页，查看前端demo：

　　

　　从上图可以看出，样式是正确的，但是很多图片没有显示出来。主要原因是很多图片没有下载，或者图片路径没有修改。我们将在下一节课中替换这些。

　　织梦仿站系列第三讲-路径问题

　　2011-08-30 11:22:52| 分类： dedecms 教程| 标签： | 字体大小大、中、小

　　第二讲，在前台预览的时候，很多图片没有显示。不显示的原因有二：一是网页中调用图片的路径；另一种是在样式表中调用图片的路径。

　　网页中的图片路径（本讲中提到的图片是指模板中使用的图片，不包括网站

　　内容中使用的图片）如下：

　　1.{dede:global.cfg_templets_skin/}/images/logo.gif

　　{dede:global.cfg_templets_skin/}/是网站设置的当前模板的目录，即默认。为了区分，我们将default重命名为fuxing5。然后进入织梦后台，点击系统->系统基本参数。右侧模板默认样式输入框中的内容修改为fuxing5。如图所示：

　　

　　单击确定以更新缓存。

　　用编辑软件打开第二讲所有文件，修改里面的图片路径，可以使用replace功能批量替换

　　图片路径，使用如下代码

　　1.src="{dede:global.cfg_templets_skin/}/images/

　　代替

　　1.src="拳击在线%20-%20QuanJi_Cn%20%20致力于打造最大最全的拳击门户！

　　_文件/

　　保存页面，查看前台。不好，提示找不到模板文件。忘记修改首页默认模板文件

　　向上！

　　单击生成 -> 更新主页 HTML。选择主页模板后，点击浏览，选择fuxing5目录。

　　索引.htm。如下所示：

　　

　　单击更新主页 HTML。再次查看前台，刷新一次！

　　

　　哦，有点意思，样式表里的图片在下面都不见了。打开样式表，将图片路径放在样式表中

　　路径

　　1.背景：网址（yg_bg.gif）

　　变成

　　1.背景：网址（../images/yg_bg.gif）

　　我们以这张图片为例，不要误会，就是在图片名称前加上../images/。批量更换后，再次查看前台，你会疑惑，为什么还是和目标站不一样？在这里告诉大家一个不幸的消息，模板中需要的大量图片没有下载，需要我们一一下载。最简单的方法是右键单击目标 网站 并选择将背景另存为。我不需要教你如何下载这个图像，对吧？

　　当所有图片下载到templets\fuxing5\images目录后，刷新前台。看效果

　　果吧！几乎都显示出来了！

　　

　　好了，我们的第三讲结束了，第四讲开始修改真正意义上的仿站代码。

　　织梦模仿站系列第四讲-首页顶码

　　2011-08-31 21:46:34| 分类： dedecms 教程| 标签： | 字体大小大、中、小

　　今天，我们将继续之前的讲座，继续开始我们的模仿站路。

　　本次讲座分为两个部分。第一部分是修改首页的头部代码，也就是中间的代码。

　　有网页标题、网页关键词、网页描述，织梦这三项是（单

　　参考主页）：

　　1.{dede:global.cfg_webname/}

　　2.

　　nt-类型>

　　3.

　　>

　　4.

　　>

　　代码说明：

　　页面标题调用网站的名字，后台->系统->系统参数设置，如下图所示：

　　

　　网页关键词和页面描述调用站点默认关键词和站点描述，后台->系统->系统参数

　　设置。如下所示：

　　

　　这部分内容不多，很简单。别担心，你不能着急吃热豆腐。抓紧时间，下期再说吧

　　说说普通头的制作。

　　织梦仿站系列第五讲-总头（一）

　　2011-09-01 20:32:35| 分类： dedecms 教程 | 标签： | 字体大小大、中、小

　　上一讲，修改了header的代码。本次讲座，我们将讨论通用表头的制作。

　　先找到全站的通用部分，然后把通用部分放到通用头head.htm文件中，这样我们就可以

　　节省大量工作。

　　开始工作，找到共享部分。我们打开拳击在线，发现整个公共部分是从最顶部到网站

　　如图所示搜索该行：

　　

　　我们在网页代码中找到这部分代码，在head.htm文件中覆盖，替换代码。

　　对于这部分找代码的任务，需要对HTML有一定的了解。如果您有时间，您仍然需要查看一些基本的 HTML。

　　基础知识。

　　别忘了，将通用部分复制到head.htm后，将这部分通用代码复制到index.htm文件中

　　利用

　　1.{dede:include filename="head.htm"/}

　　取代。然后看看前台。如果前台乱七八糟，说明你刚才做的步骤出错了，需要重新开始。如果效果和第三讲一样，说明你成功了，可以继续仿站工作。

　　查看head.htm代码可以看到拳击在线的登录框调用了一个静态文件loginjs.htm，我们找到了这个文件。在您保存 Web 文件的目录中，如下所示：

　　

　　打开后发现这是一个js文件，我们把它转换成html文件格式。这是很多站

　　Long Tools 提供此项服务。

　　将转换后的代码复制到 head.htm 中，覆盖以下代码：

　　1.

　　接下来就是修改这段代码，使其成为织梦的登录框代码，这个有点复杂，我们放在下面

　　部分单独说明。

　　往下走就是加入采集链。找到下面的代码：

　　1.

　　2.

　　ent.title) href=" /#">添加到采集夹 |

　　3. |

　　4.会员中心

　　|

　　5.我要投稿 |

　　6.*敏*感*词*

　　我们|

　　7.

　　=0">RSS

　　8.

　　变成：

　　1.

　　2. |

　　3. |

　　4.会员中心

　　|

　　5.

　　">我要投稿 |

　　6. |

　　7.RSS

　　8.

　　代码说明：

　　{dede:global.cfg_basehost/}站点根地址在后台系统->系统参数设置->站点根地址

　　环境。

　　{dede:global.cfg_webname/} 网站名称在后台系统设置->系统参数设置->网站名称

　　放

　　联系我们的链接是#，因为我们还没有建立这个页面。如果我们添加一列

　　如果您想联系我们，这里的链接是：

　　1.{dede:type typeid='10'}[field:typelink /]{/dede:type}

　　其中的数字 10 是联系我们列的 ID。

　　好了，本讲就讲到这里，下节讲织梦登录框。

　　织梦模仿站系列第六讲-总头（二）会员登录箱（上）2011-09-05 23:42:41| 分类：dedecms教程|标签： | 字号大、中、小订阅

　　本讲主要讲解登录框的制作。先看拳击在线的登录框代码：

　　修改为织梦登录框代码：

　　再次查看前台，已经显示登录后的状态，但是有问题，如下图所示：

　　

　　从上图可以看出，当我们登录时，会出现错位，因为织梦程序默认登录后的页面不是横向的。我们需要修复

　　登录后更改页面样式。

　　下课再说登录后的风格，手有点累了。:)

　　织梦仿站系列第七讲-总标头（三）会员登录框（下）

　　今天主要讲一下登录后的风格。登录后的样式文件为member\ajax_loginsta.php。打开这个文件，找到如下代码：

　　1.

　　2.

　　你好：

　　， 欢迎来到

　　记录

　　3.

　　4./index.php">

<p>