教你如何把切割好的html页面转换成可供diy的页面

《教你如何把切割好的html页面转换成可供diy的页面》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、教你如何把切割好的html页面转换成可供DIY的页面（高级教程）http://www.discuz.net/thread-1908115-1-1.html本帖最后由解语人于2010-10-1212:24编辑今天给大家讲讲如何把已经切割好的html页面或者模仿的页面转换成可供DIY的页面请跟随教程一步一步操作  如有疑问请提出 以下以家居频道为例为大家讲解我们常见的切割好的html页面包含这么几个元素 如下图  图片文件夹、CSS文件夹、其它文件或图片文件夹、一个html页面   大家看下页面效果 接下来，我们就把这个页面转换成DIY页面  首页我们用编辑工具

2、打开index.html页面我们为了能够使用统一的头部样式，这里面我们引入系统内置的头部文件（header）把页面中的关于头部的信息删除如下图所示 把系统头部（header）引入进来 引用代码1.复制代码如下图所示  给新的模板起个名字 如下代码1.复制代码如下图所示 接下来增加可供DIY的CSS样式表如下代码1.复制代码如下图所示 头部接下来更换底部代码

3、  找到底部代码删除掉换成系统内置的通用底部代码  如下图所示 增加如下代码1.复制代码如下图所示 到此基本改造完成接下来我们把改造好的文件放在系统目录中去 首先我们把index.html文件改名把index.html改成list_home.htm  此处一定要注意  频道模板必须以list_开头，后缀名为.htm  把改好名的list_home.htm文件拷贝到templatedefaultportal目录下  同时在templatedefaultportal目录新建一个home文件

4、夹用来放家居频道的图片及样式表 此时复制原来的文件夹  到templatedefaultportal目录的home文件夹如下图所示  接下来用编辑器打开list_home.htm文件引入样式表文件代码如下1.复制代码如下图所示 同进查找2.              

3.                
• [装修资讯]<

  6、/a>七步改造计为夏日客厅换新颜

4.                
• [行业资讯]拆改承重墙如同醉驾需缴费
5.                
• [装修资讯]玩转极简主义构造冷色系居室空间
6.                
• [家居风水]周星驰

  7、于文凤分手防小三家居风水

1.                
• [装修资讯]小身材大味道边角料再利用
2.                
• [装修资讯]茶几布局随性设计耐保养
3.