7758520.com.ru - 无非浮尘

  • ·包月10 块最多10字
  • ·包月10 块最多10字
  • ·包月10 块最多10字
  • ·包月10 块最多10字
  • ·包月10 块最多10字
  • ·包月10 块最多10字
投递文章 投稿指南 站长通告:无非浮尘推出新版本,开通游客投稿功能,欢迎你发布最新资讯。无非浮尘fans1群:15109513(满);

你当前所在位置:首页 > 站长学院 > 网页制作 列表

怎样仿模板,修改模板

作者:admin 时间:2008-04-30 13:06:04 来自:无非浮尘
用dede已经一个多月了,从刚开始的完全不懂,不懂得甚至连创建了栏目,但在首页点击栏目还是在首页这个问题都不懂的地步,当时简直可以说一头雾水,完全不知该怎么办好,只想花钱请人帮忙弄算了,还好有个群友指点我原来还没有更新html,懂得了这步,当时特高兴,虽然flash,JS这类我还是不懂,想想自己,一个月前,只懂得那么丁点html知识,连CSS到底是怎么控制页面都不了解,到现在可以简单地模仿出了自己想要的风格模板,算是不小的进步啦。当然我现在可以说还是个菜鸟,今天来兴,就来说说菜鸟应该怎么做才可以仿出自己喜欢的模板,修改模,以后不用到处求人仿模板。

首先来个演示吧:http://www.money006.com,这是我仿网易新闻中心的,我做了简化的,原来的代码还N多,这是我的第一个作品,花了我近一个星期。

首先说修改模板。
修改模板只要是修改风格样式的,标签不用理的。
修改模板需要掌握的知识:html div+css
如果你现在还是不懂html知识的,建议你首先去看它10多次,认真点看,看写基本的就可以了,table,frame这种省略不理,呵呵,我就是这样,所以对table不了解。这时候基本可以看明白就行了。

了解了html,然后去学学div+css,简单的入门地址:http://www.blueidea.com/tech/site/2006/3574.asp,图文并茂的,容易理解。关键是这里:
“还有一点需要大家一定要分清楚的,当在HTML中定义为id="divID"时,在CSS对应的设置语法则是#divID{} ,如果在HTML中定义为class="divID"时,则在CSS中对应的设置语法是.divID。

如果id="divID"这个层中包括了一个<img></img>,则这个img在CSS中对应的设置语法应该是#divID img {},同样,如果是包含在class="divID"这个层中时,则设置语法应该是.divID img {},这一点希望大家要分清楚了。

另外,HTML中的一切元素都是可以定义的,例如table、tr、td、th、form、img、input...等等,如果你要在CSS中设置它们,则直接写入元素的名称加上一对大括号{}就可以了。所有的CSS代码都应该写在大括号{}中。”CSS有3种放置形式也要注意。
新手最容易忽略的,我当时看了几次都是没看明白这里的,还是在实践中理解的。
看完这个还要去看看更详细的,这是简单的入门布局教程。
如果你了解了div+CSS样式,CSS里的哪些代码具体是控制页面哪里的,你就可以在原来的模板上修改出了自己想要的风格了。http://www.money006.com/html/cy/20080428/663.html,就是我在dede默认的文章模板上修改的。

下面讲如何仿模板。

仿模板要准备的软件:迅雷(主要用来下载CSS的,新建,复制CSS详细路径上去就可以下载回来)dreamweaver,我用8.0的。

要掌握的知识:html,div+css
要怎么学,我上面说了,只要简单了解是怎么回事基本就行了,菜鸟的要求。高手不算。

dede标签:dede有标签说明,但是对于菜鸟来说,刚开始,肯定根本不知怎么用的,这时候不要急,耐心点看看论坛上的一些相关标签教程,具体我就不说,其实我也不是很懂,我基本上就是在复制。什么?复制?是的,我基本每次放标签的时候都是负责,等等会说到。
其实学习dede的标签最好的方法就是用dreamweaver打开默认的模板或者你下载的模板,自己仔细研究研究。在dreamweaver打开有个好处,就是如果是要显示的内容或者dede的标签,它一般是显示黑色的,也有特殊情况,就是把标签放进了如src,href这类里面。
我当时学dede标签的时候,就是在论坛上下载个有演示的模板,边看演示的板块效果,边对照这板块的标签,哦,原来这部分是用这些标签,是这样写的,这样的学习效果很好上手很快。到你要写标签到模板的时候,就复制这部分标签,我就是这样,不过一般是复制dede原来模板的标签的。

基本上懂了html div+css dede标签是怎么用的话,就可以仿自己喜欢的模板了。

首先,打开你要仿的网页,把它另存,另存为网页,仅html。
第二步,用迅雷下载CSS回来本地,如果CSS也在网页上,更好,这步省了,具体怎么下载东西,应该知道吧,如网易,它的CSS路径都是绝对的,我直接复制地址,新建,开始下载,搞掂。还有,如果CSS路径是绝对的话,可以直接用的,只是怕被发现,修改了路径,你的CCS就失效了。
第三步,把背景图另存,图的名称最好不改动。

可以了,开始用dreamweaver打开你保存的页面吧,把页面里无用的内容(包括网站内容,无用的html代码,无用的js代码,无用的超级链接等)去掉, 把地方留出来,因为这些地方要用dede的标签来动态的调用网站的内容。不过我建议在你没删内容之前,先把各部分做个详细的解说<!--##-->,这样方便,不会乱,很多大网站都是这样做的,何况我们是菜鸟,我每次也是这么做,高手见笑了。删了内容,把网页再次另存为,新命个名称。

到了放置dede标签这步了,这时候,应该打开2个页面了,一个是你要添加标签的页面,另一个是已经有你想要的dede标签的模板。别最大化,最好左右2栏的形式,方面查看。对准,看清楚,把相应dede标签拷贝到你要放的位置。放置好了的话,别开心太早,总会有各种你意想不到的问题出现的,这个时候,你把这个已经放了dede标签的页面再次另存为,新名称,这样做的目的是为了防止出错乱的话,不用多做工。

放好标签,就去调试调试,看看是不是自己想象中的那样的。不满意的话,再修改,知道满意为止。我没有本地测试,直接在空间上调试的。具体怎么放模板看http://bbs.dedecms.com/read.php?tid=62749#360236
说明:有时页面会变形的,或者缺少一些部分的,这个时候,要查看div是否对应到位,背景图的路径,如果你用本地的CCS路径,记得把CSS的背景图路径也要换成本地路径。

我这人对网易的风格比较感兴趣,http://www.money006.com/html/zhengce/index.html是我昨天仿的,本来我想把所有的栏目列表都换成的,可惜换上,栏目更新不了,只能更新一个栏目一次,第二个栏目第二次就不行,我都不知这是怎么回事。下次把它放出来,给有需要的人也来测试测试,看关什么事。
责任编辑:adminTags:上一篇:HTML在线手册下一篇:W3C - 免费Web国际标准验证工具468x15ad相关链接:468x15ad

用户评论: 查看全部评论

我要发表评论:由于免费资源时效性比较强,请文明用语,否则一律封IP
用户名:密码:验证码:匿名:
    关于我们 - 免责声明 - 广告服务 - 用户注册 - 申请连接 - -
    Copyright © 2005 - 2008 无非浮尘 7758520.com.ru 站长QQ:82665283 豫ICP备08001620号