织梦仿站系列教程(织梦仿站系列教程讲首页框架2011-08-29)

　　织梦仿站系列教程(织梦仿站系列教程讲首页框架2011-08-29)

　　《织梦仿站系列教程.doc》为会员分享，可在线阅读。更多相关《织梦仿站系列教程.doc（70页珍藏版）》，请访问usdt platform_usdt官网搜索。

　　1、织梦仿站系列教程第一讲准备工作 2011-08-29 17:56:29|分类：dedecms教程|标签：|字号大，中小订阅 首先，我们找到一个目标网站 供我们克隆。经过复兴网搜索，决定以拳击在线（QuanJ）为目标站，完成织梦模板的仿制教程。其次，关于以后教程的一些注意事项：1、将目标站点的网页另存为，你会得到一个网站，以及相关的文件夹。里面有相关的图片、样式和js文件。我们需要将这些文件复制到 织梦 模板的相关文件夹中。在本系列教程中，这个文件夹是templttsfuxing5。2、我们将为站点范围的调用制作一个通用的页眉和页脚。所以我们将首先制作头部和底部。3、我的朋友需要 HTML 知识和 DIV+

　　2、一些 CSS 知识就可以了。4、不断更新。最后希望小伙伴们跟着我们一步步学习模仿织梦。哦，别人的教程是有偿的！织梦仿站系列教程第二讲 2011-08-29 17:57:12|分类：dedecms教程|标签：|大字体 中小订阅 一、打开目标站拳击在线（QuanJ），然后将网页保存到本地。如图：保存类型选择网页，全部（*.htm;*.html）。如下图： 将织梦(DEDEcms)的默认模板文件夹复制一份，以供制作模板时参考。然后打开保存文件夹，下图中箭头所指的文件夹：对文件夹中的文件进行分类，

　　3、拷贝文件到templttsdefaultjs，把图片文件拷贝到templttsdefaultimages。然后用网页编辑软件FrontPage或Dreamweaver打开刚才保存的拳击在线网页文件和templttsdefault目录下的index.htm（首页）、head.htm（通用页眉）、footer.htm（通用底部）。同时打开刚刚备份的默认模板主页文件模板的默认 index.htm 副本。先清空index.htm文件，将拳击在线网页代码复制进去。接下来是官方代码修改。逐行修改。一、修改CSS样式表的路径为织梦的CSS路径码（来自备份默认首页文件

　　4、 文件），如下图所示： 保存网页，进入织梦后台，在后台右上角，点击网站首页查看前端demo：从上图可以看出，样式是正确的，但是很多图片没有显示。主要原因是很多图片没有下载，或者图片路径没有修改。我们将在下一节课中替换这些。织梦仿站系列教程第三讲2011-08-30 11:22:52|分类：dedecms教程|标签：|字号大中小订阅第二讲，前景预览，很多图片不显示，不显示的原因有两个：一是网页中调用图片的路径；另一种是在样式表中调用图片的路径。网页中的图片路径（本讲中提到的图片是指模板中使用的图片，不包括网站内容中使用的图片）如下：1.de

　　5、de:global.cfg_templets_skin/images/logo.gifdede:global.cfg_templets_skin/是网站设置的当前模板的目录，即默认。为了区分，我们将default重命名为fuxing5。然后进入织梦后台，点击系统-系统基本参数。右侧模板默认样式输入框中的内容修改为fuxing5。如图： 点击确定更新缓存。用编辑软件打开第二讲的所有文件，修改里面的图片路径。可以使用replace功能批量替换图片路径。使用以下代码 1. src=dede:global.cfg_templets_skin/images/ 替换1. src=boxing online%

　　6、20-%20QuanJi_Cn%20%20致力于打造最大最全的拳击门户！_files/保存网页，查看前台。不好，提示找不到模板文件。我们忘记修改默认主页模板文件了！单击生成 - 更新主页 HTML。选择主页模板后点击浏览，选择fuxing5目录下的index.htm。如下图： 点击更新首页HTML。再次查看前台，刷新一次！哦，有点意思，样式表里的图片在下面都不见了。打开样式表，将样式表中的图片路径从 1. 背景:url(yg_bg.gif) 更改为 1. 背景:url(./images/yg_bg.gif) 我们使用这张图片作为比如不要误会，就是在图片名前加./ima

　　7、ges/. 批量更换后，再次查看前台，你会疑惑，为什么还是和目标站不一样？在这里告诉大家一个不幸的消息，模板中需要的大量图片没有下载，需要我们一一下载。最简单的方法是右键单击目标 网站 并选择将背景另存为。我不需要教你如何下载这个图像，对吧？当所有图片下载到templttsfuxing5images目录后，刷新前台。看看效果！几乎都显示出来了！好了，我们的第三讲结束了，第四讲开始修改真正意义上的仿站代码。织梦仿站系列教程第四讲 2011-08-31 21:46:34|分类：dede<

　　8、的仿车站路。本次讲座分为两个部分。第一部分是修改首页的头部代码，也就是中间的代码。有网页标题、网页关键词、网页描述，织梦这三项分别是（单个主页）：1. dede:global.cfg_webname/2. 3.@ > < @4.代码说明：网页标题调用网站的名称，后台-系统-系统参数设置，如下图：网页关键词和网页描述调用网站默认关键词和站点描述，后台-系统-系统参数设置。如下图： 本节不多，很简单。别担心，你不能着急吃热豆腐。慢慢来，下一讲我们将讨论万能头的制作。织梦模仿站系列课程总负责人第五讲（一）2011-09-01 20:32:35|分类：D

　　9、edecmsTutorial|Tags: |Font Size Large, Medium, Small Subscription 上一讲，修改了页眉的代码。本次讲座，我们将讨论通用表头的制作。先找到整个站点的通用部分，然后把通用部分放到通用头head.htm文件中，这样我们可以省去很多工作。开始工作，找到共享部分。我们打开拳击在线，发现从上到下网站这一行搜索了所有的常用部分，如图：我们在网页代码中找到这部分代码，在头部覆盖.htm 文件，并将其替换为代码。这部分查找代码的任务需要一定的 HTML 知识。如果有时间，还是需要看看HTML的一些基础知识。别忘了，

　　10、name=head.htm/ 替换。然后看看前台。如果前台乱七八糟，说明你刚才做的步骤出错了，需要重新开始。如果效果和第三讲一样，说明你成功了，可以继续仿站工作。查看head.htm代码可以看到拳击在线的登录框调用了一个静态文件loginjs.htm，我们找到了这个文件。在你保存网页文件的目录下，如下图所示： 打开后发现这是一个JS文件，我们把它转换成html文件格式。许多网站管理员工具都提供此服务。将转换后的代码复制到head.htm中，覆盖如下代码：1.接下来我们修改这段代码，使其成为织梦的登录框代码，这有点复杂，我们把它放在下面的部分单独解释。往下走就是加入采集链。找到下面的代码

　　11、: 1. 2. 加入采集| 3.@> 设为首页| 设为首页| 联系我们 | 7. RSS8. 代码说明：dede:global.cfg_basehost/ 站点根URL在后台系统-系统参数设置-站点根URL设置。dede:global.cfg_webname/ 网站名字在后台设置系统-系统参数设置-网站联系我们的名字这个链接之所以写成#是因为我们没有建这个页面. 如果我们添加一个部分来联系我们，这里的链接是：1.

　　12、10field:typelink/dede:type 其中数字 10 是联系我们列的 ID。好了，本讲就讲到这里，下节讲织梦登录框。织梦模仿站系列课程总负责人第六讲（二）会员登录框（上）2011-09-05 23:42:41|分类：dedecms教程|标签： |本次大中小字号讲座主要讲解登录框的制作首先看拳击在线的登录框代码： 用户名： 密码： 验证码： 改成织梦登录框代码: 用户名: 密码: dede:php if(preg_match(#2#,$safe_gdopen) echo 验证码: &n

　　13、bsp; ; /dede:php CheckLogin(); 这里就不解释代码的含义了，呵呵！因为我们还有更重要的工作要做。查看下面的前端演示。如下图：显示正常，不对！我这个时候已经登录了，为什么登录后不显示状态？对了，忘记添加js文件了。在head.htm文件顶部添加如下代码： 再次查看前台，已经显示登录后的状态，但是有问题，如下图所示： 从上图可以看出，我们登录的时候会出现错位，因为织梦程序默认的登录页面不是横向的。我们需要在登录后修改页面样式。下课再说登录后的风格，手有点累了。：

　　14、风格。登录后的样式文件为memberajax_loginsta.php。打开这个文件，找到如下代码：1. 2. Hello: M_UserName;?, Welcome to login3.@> 7. 8. ahref=/guestbook_admin.php我的消息9. ahref=/mystow.php我的采集夹10. ahref =/article_add。 php post文章11. ahref=/myfriend.php 好友管理12. ahref=/visit-history.php 访客记录13.@> ahref=/search.php 搜索

　　15、找朋友117.ahref=/index.php会员中心| 18. ahref=/edit_fullinfo.php 信息| 19. ahref=空格| 20. ahref=/index_do.php?fmdo=login&dopost=exit logout 21. 22. 把上面的代码修改成：1. 2. 3.@> ahref=/index.phpimgsrc=width=20height=20/ ahref=空格| 7. ahref=/article_add.php 已发布文章| 8

　　16、。ahref=/edit_fullinfo.php 信息 | 9. ahref=/index_do.php?fmdo=login&dopost=exit logout 10. 11. 12. 为了节省时间，我这里修改了一张表，站长朋友可以自行修改CSS样式。这个样式文件是 Templetsdefaultstylepage.css。再次查看前台：效果还不错，笔迹风格我不满意。呵呵，下节课我们会讲LOGO和Banner广告。织梦仿站系列教程第八讲：通用标题（四）LOGO和BANNER本讲内容不多，简单易学，完成，首页是LOGO ，查看head.htm LOGO代码：1. 2. 3.@> 替换为编织

　　17、Dream的LOGO代码：1. 2. 3.@> 代码说明：dede:global.cfg_templets_skin/为默认模板目录，目前empletsfuxing5。dede:global.cfg_basehost/ 已经说明，请参考第五讲：织梦仿站系列通用头条第五讲（一）可以看到上面的LOGO图片地址码两个代码一样，这主要是我们在第三讲修改了：织梦路径问题第三讲仿站系列教程。修改下面的banner广告代码，先勾选Boxing Online，第一个banner LOGO右侧是图片广告，通过查看图片属性可知这个广告位的宽度是468，高度是60。第二个广告位可以'

　　18、准确；宽度和高度也可以通过查看 CSS 样式找到。我们查看 head.htm 代码，发现第二个广告位的 CSS 标记名为 ssyg_r，我们将其用作 关键词，并搜索 CSS 文件 css.css。得到它的宽264，高62，去掉边框，高60，宽262。得到宽高后，我们就可以添加广告位了。具体步骤如下：1、进入后台，依次点击模块-广告管理-添加新广告；2、根据下图输入参数：广告位logo可以填写随意，但必须遵守以下规则。这里我们以图片广告为例。至于广告的详细操作，我们后面会解释。点击确定后，再次点击代码，

　　19、S调用代码1. 2.两者的区别是：织梦cms标签调用代码需要生成一个静态页面才能看到修改后的效果，JS不需要再次生成静态页面。在本教程中，我们选择 JS 来调用代码。用下面的代码覆盖上面的JS调用代码： 1. 查看前台：广告已经正常显示。第二个广告是指第一个广告位是如何创建的。好了，本次谈话结束。我要休息一下。下节课主要讲导航代码，下节课见！织梦仿站系列教程第九讲总标头（五）导航栏今天讲主要讲织梦的制作 模板导航栏。首先打开通用头文件head.htm。找到如下代码：1.首页2.拳击新闻3.@>文章中心 拳击视频7. 拳击游戏8. 拳击商城9. 拳击迷论坛10. 拳击迷首页

　　20、元11.拳击比赛直播修改为：1.首页2.dede:channeltype=toprow=103.@>field:typename /4.@ > /dede:channel 代码说明：第 2 到 4 行是频道|频道标签。该标签的使用方法如下： 标签介绍：织梦常用标签，一般用于网站顶部获取站点栏目信息，方便网站会员浏览全站信息按分类功能说明：用于获取列列表适用范围：全局使用基本语法：1. dede:channeltype=toprow=8currentstyle=typename 2. field:typename/3. @> /dede:channel 参数说明：typeid = 0 column IDreid =

　　21、0 父列 IDrow = 100 调用列号 col = 1 显示多少列（默认为单列） type = son | sun son 表示下级列，self 表示同级列，top 顶级列 currentstyle = application style 底部模板字段：ID（相同的id），typeid，typelink，typename，typeurl，typedir（只有该列的URL）示例： 1. dede:channeltype=top 2. field:typename/ 3. @> /dede:channel 注意：如果不指定typeid，则type标签与模板环境有关。例如，如果模板生成到第一列，那么 type=son 表示第一列的所有子类 织梦 标签用户手册：http:// 2. 站点搜索：3.@> 4. @> 5. 6.@> 7. 新闻8. 下载9.@ >