《dede网站制作指南》由会员分享，可在线阅读，更多相关《dede网站制作指南（20页珍藏版）》请在金锄头文库上搜索。
1、 织梦网站整合织梦网站整合文档文档 版本版本 1.0 修订历史记录修订历史记录 日期日期 版本版本 说明说明 作者作者 编写初始的分析 张兴发 目录目录 1. 简介 4 1.1 目的 4 1.2 参考资料 4 1.3 概述 4 1.4 系统配置 4 2. 网站安装 5 3. 网站的设计 5 3.1 模板之家的网站模板架构 5 3.2 织梦模板 6 4. 整合 8 4.1 js,images,styles: 8 4.2 制作相应的模板文件： 9 4.2.1 提取 index.html 中的通用的头部制作成 index.htm 的头部文件： 9 4.2.2 提取 index.html 中的通用的底
2、部制作成 footer.htm 的底部文件： 13 4.2.3 提取 aboutus.html 中通用的头部分制作 head.htm 13 4.2.4 制作侧面通用的部分 13 4.3 Index.htm 16 4.4 index_article.htm 16 4.5 list_article.htm 18 4.6 list_image.htm 20 4.7 article_article.htm 20 4.8 article_image.htm 20 艾森梦主网站艾森梦主网站 1.1. 简介简介 1.11.1 目的目的 本文档为织梦网站的制作文档，主要是为了能够把模板之家的优秀网站来整合到织
3、梦模板，以 方便快速的来实现制作网站的目的。 适用对象：适用对象： Web 程序开发者，项目经理，以及相关的测试人员，美工 1.21.2 参考资料参考资料 http:/ http:/ 1.31.3 概述概述 此文档主要分为以下三部分，第一部分网站的安装，第二部分为网站的设计，第三部分其它的 相关要求及其注意问题 1.41.4 系统配置系统配置 操作系统：Winxp,win7,win8 可支持的浏览器：IE,firefox,chrome,safari 2.2. 网站安装网站安装 因为目前 Dede 已经是一个非常成熟的模板系统，所以本文不再介绍它的安装，感兴趣同 学可以直接看到本目录下 quic
4、kstart.pdf 文件。 3.3. 网站的设计网站的设计 3.13.1 模板之家的网站模板架构模板之家的网站模板架构 一般来说从模板之家下载的模板，其架构如下： 其主要三个文件夹是 images,js,styles,主要存放着图片,js 文件，和样式表。 我们打开一个 index.html 文件看一下，对这三个文件的引用，都是这样 他用的是相对的路径相对的路径， 这个需要后把所有路径将来都要替换成绝对路径绝对路径， 如下所示: 所有的 images 替换举例如下： 原件：href=“images/favicon.ico“ / 替换为：替换为：images/favicon.ico“ / 所有
5、 js 替换举例如下： 原件： 替换为： 上述黑框中主要是把上述三个文件夹放到根目录下的用法,初级版本为了省事我们将暂时先以这种方式 来介绍，后续我们将介绍动态的加载方式。 3.23.2 织梦模板织梦模板 下载下相应的 DedeCMS-V5.7-GBK-SP1.tar 或者 DedeCMS-V5.7-UTF8-SP1.tar.gz 解压如下 其 templets 的： 其中 default 即为缺省的模板，我们学习的基础可以以 default 为基础为进行相应的学习。 4.4. 整合整合 我们将参考 default 来整合： 4.14.1 js,images,styles:js,images,
6、styles: 首先把下载模板的三个文件夹: js Images Styles 放到织梦系统的根目录中，并用相应的工具如： html php 批量替换工具文字: UltraReplace.exe,执行 3.1 的动作，把所有 html 文件的引用 js,image,style 路径都换掉，如： 原件：href=“images/favicon.ico“ / 替换为：替换为：images/favicon.ico“ / 4.24.2 制作相应的模板文件：制作相应的模板文件： 其主要的模板文件如下： 2014/08/15 20:36 6,314 article_article.htm：档案模板首页 2
7、014/08/15 20:36 6,314 article_image.htm：档案图像首页 2014/08/15 21:30 328 footer.htm：脚文件 2014/08/15 22:12 2,754 footerslide.htm：引用的其它底部文件 2014/08/15 11:52 3,497 head.htm：引用的头文件 2014/08/15 11:52 6,714 head2.htm：引用的头文件 2014/08/17 15:20 10,772 index.htm：首页模板 2014/08/17 15:46 5,187 index_article.htm：首页档案模板 20
8、14/08/15 17:28 6,098 list_article.htm：列表首页模板 2014/08/14 19:34 16,484 list_image - Copy.htm 2014/08/17 14:42 7,580 list_image.htm：列表图像模板 2013/08/18 11:06 1,090 说明.txt 步骤如下： 4.2.14.2.1 提取提取 index.htmlindex.html 中的通用的头部制作成中的通用的头部制作成 index.htmindex.htm 的头部文件：的头部文件： 因为头部可能与里边的稍有不同， 就是他有一个大的 banner 文件， 我们
9、可以把下边的 head.htm 嵌入到 head2.htm 或者单独也可以。 如下：本示例中是 head2.htm 那么其导航栏是： Home About Elements Blog Details Support Dropdown Only Example of The Dropdown Pricing Portfolio Blog Contact 我们需要把它变成从织梦模板来引用的自动生成的，除了 Home 这个词之外我们都可以改变，假设我们 新的目录结构如下： 首页 关于我们 产品 新闻 技术与支持 联系我们 其改变如下： 首页 dede:type typeid=1field:typen
10、ame /dede:type dede:channel type=“son“ typeid=“1“ field:typename/ /dede:channel dede:type typeid=5field:typename /dede:type dede:channel type=“son“ typeid=“5“ field:typename/ /dede:channel dede:type typeid=13field:typename /dede:type dede:channel type=“son“ typeid=“13“ field:typename/ /dede:channel
11、dede:type typeid=17field:typename /dede:type dede:channel type=“son“ typeid=“17“ field:typename/ /dede:channel dede:type typeid=20field:typename /dede:type dede:channel type=“son“ typeid=“20“ field:typename/ /dede:channel 我们以关于我们来举例说明上述各项的含义： dede:type typeid=1dede:type typeid=1field:typename /dede:
12、type dede:channel type=“son“ typeid=“1“dede:channel type=“son“ typeid=“1“ field:typename/ /dede:channel 其中其中 typeidtypeid 为你登录后台设定的为你登录后台设定的 IDID：如下图所示：如下图所示： dede:channel dede:channel type=“son“type=“son“ typeid=“1“typeid=“1“，这样可以循环把关于我们下边的所有的项目如公司介绍等， 自动加载到界面上。 4.2.24.2.2 提取提取 index.htmlindex.html 中的通用的底部制作成中的通用的底部制作成 footer.htmfooter.htm 的的底底部文件：部文件： dede:global.cfg_powerby/ “ dede:field name=body/dede:field name=body/ 4.84.8 artiarticle_image.htmcle_image.htm 目前这个文件没得弄明白，暂时没有做这个
