首先来个演示吧: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是我昨天仿的,本来我想把所有的栏目列表都换成的,可惜换上,栏目更新不了,只能更新一个栏目一次,第二个栏目第二次就不行,我都不知这是怎么回事。下次把它放出来,给有需要的人也来测试测试,看关什么事。
