引       子

   本人目前的基础：不会html, 动易和dreamweaver也只是学了几天,最近正在作者：yaoyahu
发表于：2006-5-20 13:31:48
最后发贴：欢迎大家学习" href="http://bbs.powereasy.net/dispbbs.asp?boardid=70&id=237351&page=1" target=_blank>“动易起航”网络培训基础班学习,uc名为踏浪,在动易程序站长起航房间得到很多热心老师和网友的帮助,特别是鸿雁、龙卷风、泡泡龙、狼哥、淘气等等，不一一道出了，在此深表感谢！

    制作网站只是基于兴趣,看了很多关于diy动易的教学演示，很受启发，因此写一个菜鸟网站模仿过程的文字记录,供象我这样的超级菜鸟参考，同时在此过程中遇到的问题还请老鸟们指点迷津

----------------------------------------------------------------------------------

看到一个好的网站,想模仿一下,把它做到自己的动易2006sp1网站中去,以后在此不断贴出仿制的过程和问题

用到的软件：

1、动易cms2006普及版sp1(0518)------网站程序

2、dreamweaver mx2004-----网页编辑

3、photoshop cs 9.0----图片制作与编辑

4、editplus 2----方便的代码查看工具

第一步  仿制首页之保存网站

打开该网站首页,点"文件"----"另存为"-----默认"保存类型--网页,全部(*.htm ;*.html),文件名取为将要放到自己网站的文件名,如abc,保存位置可以先放在桌面以便于查找

第二步  仿制首页之代码修改

1、先把已保存在桌面的首页abc文件夹放到自己的网站根目录中,形如127.0.0.1/abc

2、用记事本打开已保存在桌面的首页abc.html,复制所有代码,粘贴到dreamweaver里,在设计模式下先找到一张图，然后回到代码模式下，选中原网站的图片链接地址（如<img height=100 src="新华资源中心.files/index_41.gif" width=80 border=0>)中的"新华资源中心.files"，再点“编辑”---“查找和替换”，在“替换以”中填入“abc”----“替换全部”

第三步  仿制首页之效果初显

1、打开自己的动易2006sp1网站（http://127.0.0.1),进入后台---系统设置----网站通用模板页管理------修改模板 

2、把dreamweaver中的所有代码复制粘贴到自己的动易2006sp1网站首页代码模式中----保存修改结果----更新缓存

3、现在来看看自己的动易2006sp1网站（http://127.0.0.1)首页效果吧：ie地址栏输入http://127.0.0.1,回车，怎么样！与想仿制的网站效果是不是一模一样了！

看看我的仿制首页效果:

第四步  仿制首页之打造自己的链接

以上只是仿制出了一个模板雏形，但其所有的链接都还是指向仿制的网站（如点顶部的“文章中心”时就进入了仿制网站的“文章中心”，其他也是如此），那么怎么才能使这些链接指向自己的网站呢？

1、ie地址栏输入http://127.0.0.1/admin/admin_login.asp,进入自己网站后台---系统设置----网站通用模板页管理------修改模板----点最下面的“混合模式”-----在下面的图形编辑模式的图中点一下，然后同时按电脑键盘的“ctrl+a”,即选中除图片个表格以外的所有文字及其链接，然后点混合模式工具中的“取消超级链接”---保存修改结果----更新缓存

2、回到自己的动易2006sp1网站（http://127.0.0.1)首页,刷新后看一下效果，是不是所有的链接都不起作用了！至此，仿制的网站可以先站一边去，下面是要打造自己的链接了！

3、先来试试首页顶部导航栏的修改：

  （1）、首先另外建个未修改的动易2006sp1网站（以作为对比之用）

  （2）、首页顶部导航栏中要有“文章中心”、“下载中心”、“图片中心”，以增加“文章中心”的链接为例，它的链接地址应为 http://127.0.0.1/article/index.asp , 进入仿制后的网站后台---系统设置----网站通用模板页管理------修改模板------ 点最下面的“混合模式”---在下面的图形编辑模式中选中顶部“文章中心”----然后点混合模式工具中的“插入超级链接”---在“链接地址”中填入“http://127.0.0.1/article/index.asp”-------保存修改结果----更新缓存

  （3）、其他的“下载中心”、“图片中心”同样操作

  （4）、回到自己的动易2006sp1网站（http://127.0.0.1)首页,刷新后看一下效果，“文章中心”、“下载中心”、“图片中心”都已正确指向，有点成就感了吧！（只是有点心虚,^_^)

“第四步  仿制首页之打造自己的链接

  （2）、首页顶部导航栏中要有“文章中心”、“下载中心”、“图片中心”，以增加“文章中心”的链接为例，它的链接地址应为 http://127.0.0.1/article/index.asp , 进入仿制后的网站后台---系统设置----网站通用模板页管理------修改模板------ 点最下面的“混合模式”---在下面的图形编辑模式中选中顶部“文章中心”----然后点混合模式工具中的“插入超级链接”---在“链接地址”中填入“http://127.0.0.1/article/index.asp”-------保存修改结果----更新缓存”

  ====================================================

上面这段是自己想出来的办法,看了动易官方网站----动易帮助中心 >> 内容管理 >> cms 2006版说明手册 >> 标签说明 >> 文章正文-----《动易2006版网站通用标签 》一文中对 顶部频道信息的标签名的说明：

标签名：{$showchannel(numperline)}
作　用：分行显示顶部频道信息
参　数：numperline -- 每行显示频道数，如果为0则不换行

现在再来设置首页顶部导航栏就很简单和有效了：

进入自己网站后台---系统设置----网站通用模板页管理------修改模板----点最下面的“混合模式”-----在首页顶部导航栏中先删除原来的名称，然后在该处加上{$showchannel(numperline)}------保存修改结果----更新缓存

ok!跟动易原版的效果一样了

----------------------------------------------

首页顶部导航栏修改心得：首页顶部导航栏修改应该是我在网站模仿中遇到的第一个难题，起初有栏目内容但不是自己在原始动易网站中的频道名称，为此想出了象在论坛发帖时做的用“插入超级链接”的办法，虽然也能链接到想去的频道,但总觉得不太合理，特别是在后台新加频道后，前台不会出现，还得手工到后台再加，很麻烦！怎么办？继续查资料学，现在的办法就好多了，在后台新加频道后，前台自动出现了！

感觉还是要自己多做多试，所谓实践出真知也

细心的人也许发现，第4楼的仿制首页截图中下部两边与外面白色联成一体，煞是难看，如下图所示：

怎么办？肯定是背景颜色或图片的问题，试着到原网站同一位置用复制保存图片的方法解决，未果，看来这条路是行不通了。

平时经常逛动易论坛，没有功劳也有苦劳嘛，一分闲逛也会有一分收获，依稀记得此问题应该与css风格有关，立即找到已下载并放入自己网站文件夹里的abc文件夹，找到defaultskin.css，用记事本打开，%#￥*&, 全是英文代码（还是不是中国人啊？！^_^)，菜鸟如偶，是看不懂滴。

这里再次祭出动易帮助中心大法！

动易帮助中心 >> 内容管理 >> cms 2006版说明手册 >> 网站模板制作 >> 文章正文----《系统提供的风格模板》

·网页中部左栏风格定义
　　/* --网页中部左栏的css定义开始-- */
.left_tdbgall /* 左栏表格总背景颜色定义 */
{background:#ffffff;}
.left_title /* 左栏标题表格背景、文字颜色定义 */
{background:url(skin/blue/left_title.gif);font-weight:bold;color: ffffff;height: 28;width:180;padding-left:40;text-align: left;}
.left_tdbg1 /* 左栏内容表格背景、文字颜色定义 */
{background:url(skin/blue/left_tdbg1.gif);line-height: 150%;padding-left:5;padding-right:8;}
.left_tdbg2 /* 左栏底部表格背景、文字颜色定义 */
{background:url(skin/blue/left_tdbg2.gif);height: 10;}
.right_title /* 左栏标题表格背景、文字颜色定义 */
{background:url(skin/blue/right_title.gif);font-weight:bold;color: ffffff;height: 28;width:180;padding-left:40;text-align:
left;}
　　/* --网页中部左栏的css定义结束-- */

--------------------------------------------------------------------------------------------------------------------------------

哈~~中文偶还是看得懂滴~~在defaultskin.css中，找到left_tdbgall 至 left_tdbg2 那一段仔细看看，原来是图片地址没改，这还不简单，按照第3楼的办法，选中原网站的图片链接地址,再点“编辑”---“替换”，在“替换为”中填入“abc”----“全部替换”,ok!刷新网页，问题如初。

做网站，要善于发现并找出问题症结所在，细心与钻心二字很重要，既然图片地址已没问题，那么图片是不是有问题呢？在abc文件夹中仔细查找，发现缺少left_tdbg2 这个图片，原来用“打开网站首页,点"文件"----"另存为"-----默认"保存类型--网页”的方法保存的图片还是缺了一张图，既然缺这张图，就到原网站下载去！这次改用下载工具迅雷去下载（当然其他一些下载工具也能下载的），从原网站的defaultskin.css中找到的是left_tdbg2 这个图片的相对路径----- url(/xinhua/skin/blue/left_tdbg2.gif),结合该网站的首页地址，很快就确定了left_tdbg2 这个图片的下载网址http://123.456.789.1/xinhua/skin/blue/left_tdbg2.gif，把left_tdbg2 这个图片下载到自己网站的abc文件夹中,再次刷新网页, v~~~~~~~终于搞定了！截图如下：

现在总算得到了一个满意的首页模板。

下一步就是修改内容，主要想做的初步设想如下：

1、增加文章一文章二专题一专题二标签

2、用户登录----{$my_动易2006海蓝用户登录}

3、用 户 排 行-------{$showtopuser(5)}

4、网 站 统 计----{$showsitecountall} 

5、最 新 调 查----{$showvote}

6、友情链接----{$showfriendsite(1,14,7,2,0,0,88,false,true,0)}

总的想法是通过解决一个问题，学会一种方法。

对以上6个的修改，还望大家能提供解决方案，以便能更快地完成首页模板的仿制工作并少走弯路。