电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

网页设计与制作 教学课件 ppt 作者 朱金华 第13章 CMS主题制作

43页
  • 卖家[上传人]:E****
  • 文档编号:89473568
  • 上传时间:2019-05-25
  • 文档格式:PPTX
  • 文档大小:679.39KB
  • / 43 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 1、第13章 CMS主题制作,教学目标,熟悉CMS。 2. 掌握Drupal的安装。 3. 掌握Drupal主题制作。,教学内容,13.1 CMS简介 13.2 安装Drupal 13.3 Drupal主题制作,教学重点和难点,重点:Drupal主题制作。 难点:Drupal主题制作。,导入:,通过前12章的学习,基本可以掌握前端工程师的基本技能。但许多人还想制作一个可以交互的个人网站,但因涉及服务器端编程语言,对前端工程师而言会耗费大量的编程时间。因此,可以下载一个成熟的开源CMS系统,并学会安装和使用,制作一个自己的主题模板就可以实现创建个人网站的目的了。,13.1 CMS简介,CMS(Content Management System)的意思是内容管理系统,它包含许多基于模板的优秀设计,可以加快网站开发的速度,减少开发的成本。CMS的功能并不只限于文本处理,它也可以处理图片、Flash动画、声像流、图像甚至电子邮件档案。 设计CMS是为了方便一些对于网络编程语言不熟悉的用户或设计者,可以帮助他们用一种比较简单的方式来管理自己的网站。,13.1 CMS简介,内容管理系统根据各个层面优先

      2、考虑的需求不同,可以分成以下几个层面: 1) 后台业务子系统,管理优先,注重内容管理。 2) Portal系统,表现优先,注重模板管理。 3) 前台发布系统,效率优先,注重发布管理。 选择CMS需注意服务器支持的编程语言,目前使用最多的是基于PHP和ASP的CMS系统。本章以一个优秀的开源系统Drupal为例进行讲解。,13.2 安装Drupal,安装Drupal需要Web服务器(Apache、Nginx等)、PHP和MySQL的支持,对于个人学习者在本地的调试可以下载一些免费的PHP套件(如phpStudy、ESSamp、pdenv等)。在此建议使用免安装版的PHP套件,一般是将解压文件夹放在非系统盘根目录。要注意阅读安装说明,然后启动该套件,在浏览器中输入“http:/localhost”或“http:/127.0.0.1”,就能看到其默认页面环境准备完毕。,13.2 安装Drupal,1. Drupal的基本安装 2. 中文化Drupal 3. 模块安装 4. 主题安装,13.3 Drupal主题制作,主题可以解释Drupal网站的用户界面(UI)。在Drupal 7中,虽然主题

      3、结构并没有明显的变化,但它配备了一个新的主题实现方法。 通过主题,除了可以改变整个站点的外观,还可以做以下事情: 修改布局、图片或者字体。 通过角色来控制字段的隐藏或者显示。 动态地响应内容的变化或者用户的输入。 修改或替换文本(例如标签)和模块生成的变量。 可以从其他开源设计(Joomla!模板,WordPress主题等)转到Drupal,或任何一个网站的布局或模板转换成Drupal主题。,13.3 Drupal主题制作,制作Drupal 7的外观主题,首先要掌握如何在现有基础上使用CSS样式表来改变目前的主题,然后探讨如何重写各种主题的部分和节点类型。在此可以学习从头开始创建自己的主题,最后使用PHP代码来制作更高级的主题。 一个Drupal 7主题就是一些定义前端页面展示的一些文件的集合。也可以为该主题添加“子主题”(Sub-Themes)或者修改这个主题。只有info文件是必需的。但是通常情况下,每个主题都包含很多其他文件。,13.3 Drupal主题制作,Drupal主题的目标是将框架的处理逻辑和设计元素分开。 如图13-1所示说明了Drupal框架结构。,图13-1,13.

      4、3 Drupal主题制作,1. 主题引擎 主题引擎是一种手段,主题通过此引擎与Drupal核心进行交互。有几个主题引擎可以与Drupal配合使用。目前最流行的是: PHPTemplate。 XTemplate。 Plain PHP。 Smarty Engine。,13.3 Drupal主题制作,2. 规划主题 主题是由若干个文件组成的,文件的数量取决于主题的复杂性。一个主题的文件数量可能从几个到几十个不等,包括放置在主题目录内若干个文件夹中的图形元素和各种脚本。 如图13-2所示,显示了在Garland主题主文件夹中预期可以找到的典型文件描述(颜色、图像、徽标、模板、样式和PHP文件)。,13.3 Drupal主题制作,图13-2,13.3 Drupal主题制作,主题目录中的一些文件的功能: (1).info 文件 .info文件是一个必需的文件,.info文件的name告诉Drupal主题的内部名称。如果主题使用JavaScript、元数据、样式表或块区域等元素,也必须在.info文件中定义它们。一切都是可选的。,13.3 Drupal主题制作,(2).tpl.php模板文件 在mo

      5、dules文件夹的子文件夹下,有很多Drupal 7默认的核心模板文件(.tpl.php),比如聚合Aggregator、区块Block、大纲Book、评论Comment、Field、论坛Forum、节点Node、网页顶层显示管理界面Overlay、投票Poll、档案Profile、搜索Search、系统System、分类Taxonomy、工具栏Toolbar、用户User等。模板文件里有默认设置的变量和目标配置文件信息。为了覆盖这些模板,所有你需要做的是将它们复制到你的主题文件夹,并清空主题注册表。,13.3 Drupal主题制作,如果想重写这些模板,就将.tpl.php文件复制到sites/all/modules下你的模板目录修改即可。 每一个模板文件都负责一个可定制的输出部分,比较常用的一种手法是通过suggestions机制进行多模板文件自动匹配覆盖。,13.3 Drupal主题制作,(3)template.php文件 可将输出时所用到的所有条件逻辑和数据处理,都放到template.php文件中。该文件不是必需的,但是它能使.tpl.php文件保持整洁,也可以对.tpl.ph

      6、p文件中的PHP变量进行预处理,定制函数、覆写主题函数或者其它对原始输出的外观定制函数,都可以放到这里。这个文件开头必须是PHP开始标签。,13.3 Drupal主题制作,(4)其他文件 有几个其他元素对于主题正常运作不是必需的,但它们可能会在许多主题中出现。这些元素包括徽标和屏幕截图、theme-settings.php文件和color.inc文件: 徽标和屏幕截图。这些元素是建议使用的元素,但对于主题的正常运作并不是绝对必要的。然而,如果想将主题贡献到Drupal存储库,那么屏幕截图就是一个强制要求的元素。如图13-3所示是Garland主题的屏幕截图。,13.3 Drupal主题制作,图13-3,13.3 Drupal主题制作,theme-settings.php除了搜索或任务徽标等一般设置外,该文件还显示UI管理设置或高级特性。 color.inc。color.module的功能是允许管理员彻底改变主题的配色方案,而无需手动修改样式表。如果主题需要配色模块支持,那么您必须包括一个color目录,其中包含color.inc文件和各种支持文件。,13.3 Drupal主题制作,3.

      7、 构建主题 构建主题有两个基本方法:可以从头开始构建它,也可以修改一个现有主题。本例将从头开始构建一个新主题。但还是应该准备好现有主题的内容,以便了解结构。 首先,创建一个包含主题文件的目录。放置该目录的最佳位置是sites/all/themes目录。将该目录命名为一个唯一的名称以描述你的主题,该名称不应该包含空格。 虽然不是强制性的,但是这对于为样式表(CSS文件)、图像和脚本(如果你的主题使用它们)创建子目录是有帮助的,这样做有助于保持结构整洁。,13.3 Drupal主题制作,4. 构建.info文件 唯一的绝对必需文件,是一个包含数据的文本文件,包含了整个主题的元数据(meta data)、样式表(CSS)、脚本(JavaScript)、区块位置定义等信息;这些信息都是必要的,主题的系统内部名称也是通过这个文件定义的。 在该文本文件中,每一行都有一个键值对,值放在等号(=)的右边,键放在等号的左边(范例:key=value),分号用来注释一行字符,有些关键词使用数组的形式来表现一组关联的值。,13.3 Drupal主题制作,在.info文件中必须或有可能包含的元素。 (1)名称

      8、 name值是必需的。它是一个用户可读名称(human readable name),区别于机器可读名称(machine readable name),必须以字母字符开始。名称的限制与PHP中构成函数的限制相同,因为Drupal将它用作同样的用途。因此,该名称可以包含数字和下划线,但没有连字符、空格或标点符号。 语法格式为:name = Garland,13.3 Drupal主题制作,(2)描述 description键是建议使用的,它只是主题的简要说明。在此处输入的描述出现在主题的选择或Appearance页面(AdministerSite buildingthemes)。 语法格式为: description = A multi-column theme which can be configured to modify colors and switch between fixed and fluid width layouts.,13.3 Drupal主题制作,(3)屏幕截图 screenshot键是可选的。它的功能是告诉Drupal在哪里能找到新主题的缩略图。Appearan

      9、ce页面上也将显示缩略图。如果.info文件中没有包含这个键,Drupal将调用默认主题目录中的screenshot.png文件。如果调用的缩略图文件名称不是screenshot.png,或者,如果将该文件放置在主题主目录以外的目录,则需要包括这个键。 语法格式为:screenshot = /images/screenshot.png,13.3 Drupal主题制作,(4)版本 尽管许多流行的主题都包括version关键词,但我们并不鼓励使用它。如果你打算将主题托管在Drupal主题存储库,就没有必要包括version,因为当一个发布被打包用于下载时,drupal.org会自动添加版本字符串。否则,您可以包括自己喜欢的任何版本字符串。 语法格式为:version = 1.0,13.3 Drupal主题制作,(5)核 core键是必需的值。在所有目前受支持的Drupal版本中,必须说明模块和主题所兼容的Drupal版本。在这里设置的值将与Drupal Core Compatibility常数(可以在include/bootstrap.inc文件中找到)兼容;如果没有找到匹配,则Drupal将禁用主题。下面是该常数的语法: ,13.3 Drupal主题制作,(6)引擎 engine键表示主题所使用的主题引擎种类。在大多数情况下它是必需的。如果在.info文件中没有提供engine,Drupal假定主题是一个通过.theme文件实现的独立主题。在Drupal.org库中找到的大多数主题使用默认的PHPTemplate引擎,该引擎与Drupal核心一起打包,PHPTemplate负责查找主题用到的主题函数和模板。 语法格式为:engine = phptemplate,13.3 Drupal主题制作,(7)基础主题 表面上子主题和其它主题是一样的,如果主题是另一个主题的子主题,那么就一定要声明其base theme,以启用主题继承。换句话说,子主题中将可以使用基础主题(base theme)的文件资源。子主题可以声明别的子主题作为其基主题,也就是允许多重继承的存在。需要输入基础主题的内部机器可读名称。 语法格式为:base

      《网页设计与制作 教学课件 ppt 作者 朱金华 第13章 CMS主题制作》由会员E****分享,可在线阅读,更多相关《网页设计与制作 教学课件 ppt 作者 朱金华 第13章 CMS主题制作》请在金锄头文库上搜索。

      点击阅读更多内容
    关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
    手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
    ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.