新手站长论坛

 找回密码
 注册会员

QQ登录

只需一步,快速开始

查看: 24552|回复: 127

织梦仿站系列教程第二讲——首页框架

    [复制链接]
发表于 2011-8-23 22:04 | 显示全部楼层 |阅读模式
首先,打开目标站拳击在线(QuanJi.cn),然后将网页保存到本地。如图:

  

1_110806215343_1.jpg


保存类型选择网页,全部(*.htm;*.html)。如下图所示:

  
1_110806215531_1.jpg



将织梦(DEDECMS)的默认模板文件夹复制一份,以备做在模板制作时做为代码参考。

然后打开保存文件夹,如下图中箭头所指的文件夹:

  
1_110806215921_1.jpg



将文件夹中的文件归类,将CSS文件拷贝到templets\default\style目录下,将JS文件拷贝到templets\default\js,将图片文件拷贝到templets\default\images。

接着用网页编辑器软件FrontPage或者Dreamweaver打开刚刚保存的拳击在线网页文件和templets\default目录下的index.htm(首页)、head.htm(通用头部)、footer.htm(通用底部)。还要打开刚刚备份的默认模板首页文件templets\复件 default\index.htm。

先清空index.htm文件,将拳击在线网页代码拷贝到里面。

接下来,就是正式的代码修改了。一行一行的来修改。

首先将CSS样式表的路径修改成织梦的CSS路径代码(从备份的默认首页文件中拷贝),如下图所示:


1_110806222129_1.jpg
  

1_110806222346_1.jpg


保存网页,进入织梦后台,在后台的右上部,点击网站主页,查看前台演示:

1_110806222718_1.jpg


通过上图可以看出,样式是正确了,但好多图片没有显示,这主要的原因是好多图片没有下载下来,或者是图片路径没有修改,这些我们在下一讲中进行替换。

不管怎么说,我们总算是开始了第一步,让我们共同进步!福星网络(fuxing5.com)的发展离不开您的支持,转载请注明转自福星网络(fuxing5.com)!谢谢!

凡标识为福星网络原创的内容系福星网络版权内容,转载请注时来源于福星网络(www.fuxing5.com)。谢谢合作!
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-8-24 17:10 | 显示全部楼层
不错的教程 谢谢分享了
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-8-27 14:46 | 显示全部楼层
这个很实用`但是对于像我这种没基础的菜鸟还是挺蛋疼滴
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-8-30 13:50 | 显示全部楼层
其实织梦还是很容易操作的
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-8-31 14:47 | 显示全部楼层
我最近常来这个论坛,人气更旺了。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-8-31 16:41 | 显示全部楼层
不错不错  我喜欢教程
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-1 16:47 | 显示全部楼层
谢谢分享……
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-2 00:48 | 显示全部楼层
所有dedecms仿站教程导航:http://www.cnzhanzhang.com/thread-283945-1-1.html
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-13 21:42 | 显示全部楼层
谢谢楼主分享。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-9-14 16:09 | 显示全部楼层
支持下。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-20 11:34 | 显示全部楼层
先回 再慢慢看。。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-20 23:14 | 显示全部楼层
呵呵~~~~~~~~~~~~~~~~
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-21 02:05 | 显示全部楼层
只有顶起来才对得起楼主。
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-21 09:56 | 显示全部楼层
收藏备用了
非常谢谢楼主分享!
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-21 16:05 | 显示全部楼层
看不懂丫
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-27 16:51 | 显示全部楼层
看不懂啊
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-28 16:03 | 显示全部楼层
谢谢分享 虽然是初级教程 但是还是不错的哦
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-10-29 13:59 | 显示全部楼层
好强悍。。。。学习了。。。继续第三课  呵呵 感谢楼主分享
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-1 20:42 | 显示全部楼层
貌似看的不太懂
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
发表于 2011-11-2 00:03 | 显示全部楼层
{:soso_e179:}{:soso_e179:}
欢迎你和我在新手站长论坛(http://www.cnzhanzhang.com)上相互交流和学习。
您需要登录后才可以回帖 登录 | 注册会员

本版积分规则

基础教程 HTML(网页制作基础课) Dreamweaver(网页制作课程) CSS基础知识视频教程 Photoshop(作图基础课) 进阶教程 SEO教程 PHP教程 ASP教程 JavaScript
分步教程: 域名注册教程 空间购买教程 域名解析教程 网站备案教程 域名绑定教程 上传下载教程 思路方法: 菜鸟起步教程 通用建站思路 新手建站过程 本地免费空间
实例教程 Discuz(论坛) Phpwind(论坛) ECshop(网店) Shopex(网店) Dedecms(文章资讯) PHP168(文章资讯) 114la(网址导航) uchome(交友) Wordpress(博客) | 更多
特色板块: 新手站长交流(注册后即可发帖) 数据百度大课堂授课内容 cnzhanzhang学院 站长在线答疑(建站问题免费解答) 建站教程学习区 发外链 发广告 seo交流站长群

QQ|广告报价|Archiver|手机版| 新手站长网 ( 豫ICP备14019290号 )

Powered by Discuz! X3.2

© 2007-2016 新手站长论坛 Inc.

快速回复 返回顶部 返回列表