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

第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简介 内容管理系统根据各个层面优先考虑的需求不同，可以分成以下几个层面： 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”或“”，就能看到其默认页面环境准备完毕。 13.2 安装Drupal 1. Drupal的基本安装 2. 中文化Drupal 3. 模块安装 4. 主题安装 13.3 Drupal主题制作 主题可以解释Drupal网站的用户界面(UI)。在Drupal 7中，虽然主题结构并没有明显的变化，但它配备了一个新的主题实现方法。 通过主题，除了可以改变整个站点的外观，还可以做以下事情： ● 修改布局、图片或者字体。 ● 通过角色来控制字段的隐藏或者显示。 ● 动态地响应内容的变化或者用户的输入。 ● 修改或替换文本（例如标签）和模块生成的变量。 ● 可以从其他开源设计（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.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