网页设计与布局项目化教程08课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《网页设计与布局项目化教程08课件.ppt》由用户(三亚风情)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 布局 项目 教程 08 课件
- 资源描述:
-
1、第7章 橘汁仙剑游戏网站(动态)布局本章简介本章简介:上一章中,我们学习了如何构建一个静态站点。但上一章中,我们学习了如何构建一个静态站点。但是随着是随着互联网的互联网的发展,一个简单的静态站点并不能满足发展,一个简单的静态站点并不能满足我们的要求,它不易维护我们的要求,它不易维护、不易、不易添加内容。因此,很多添加内容。因此,很多站长采用了站长采用了PHPPHP、ASPASP等动态语言编写等动态语言编写网页网页,实现动态站,实现动态站点的功能。但是这种动态语言并不是那么容易点的功能。但是这种动态语言并不是那么容易掌握的掌握的,尤其是编写一个具有高效率、高安全性、负载能力强的尤其是编写一个具有
2、高效率、高安全性、负载能力强的动态动态程序更是程序更是需要花费大量的时间深入地学习,反复地需要花费大量的时间深入地学习,反复地实践,因此实践,因此CMSCMS应运而生应运而生。我们可以很方便地下载一些。我们可以很方便地下载一些免费的免费的CMSCMS程序,通过模板的制作程序,通过模板的制作,结合,结合CMSCMS的后台的后台,实,实现现动态网站的功能。这里,我们选择的是目前动态网站的功能。这里,我们选择的是目前国内国内非常非常流行的流行的SupeSiteSupeSite和和DiscuzDiscuz! !程序。程序。课堂学习目标了解了解SupeSiteSupeSite和和DiscuzDiscuz
3、! !程序及其程序及其安装步骤安装步骤掌握掌握SupeSiteSupeSite系统的使用方法系统的使用方法掌握制作掌握制作SupeSiteSupeSite模板的技巧模板的技巧掌握模板系统的高级应用技术掌握模板系统的高级应用技术8.1 SupeSite和Discuz!系统简介 SupeSiteSupeSite/X-Space/X-Space是由康盛创想公司出品的一套使用跨平台的是由康盛创想公司出品的一套使用跨平台的PHPPHP语言和语言和MySQLMySQL数据库构建的社区门户网站解决方案包。通过安装使数据库构建的社区门户网站解决方案包。通过安装使用用SupeSiteSupeSite/X-Spa
4、ce/X-Space系统,网站建设者可以轻松、迅速和高效地构建系统,网站建设者可以轻松、迅速和高效地构建拥有高度拥有高度Web 2.0Web 2.0特性的社区门户,为站点的会员提供包含日志(博特性的社区门户,为站点的会员提供包含日志(博客)、影音视频(播客)、群组(圈子)、相册图片、商品买卖、软客)、影音视频(播客)、群组(圈子)、相册图片、商品买卖、软件分享和书签收藏等在内的全方位的件分享和书签收藏等在内的全方位的Web 2.0Web 2.0服务。服务。8.2 系统安装我们选择好了这一套系统以后,需要将其安装在网站空间上,才我们选择好了这一套系统以后,需要将其安装在网站空间上,才能够使其正常
5、使用。首先,网站空间需要满足以下需求:能够使其正常使用。首先,网站空间需要满足以下需求:1 1、WebWeb服务器(如服务器(如ApacheApache、IISIIS或或ZeusZeus等);等);2 2、 PHP 4.1.0PHP 4.1.0或以上;或以上;3 3、ZendZend Optimizer 3.0 Optimizer 3.0或以上;或以上;4 4、MySQLMySQL 3.23 3.23或以上。或以上。8.3 使用SupeSite系统登录登录SupeSiteSupeSite后台设置后台设置基本设置基本设置资讯的发布和管理资讯的发布和管理资讯等级审核资讯等级审核资讯自定义字段资讯自
6、定义字段其他设置其他设置8.3.1 构思规划站点为了管理站点,对站点进行设置,首先需要的就是登录后台了。这一步为了管理站点,对站点进行设置,首先需要的就是登录后台了。这一步需要我们以管理员身份(即在需要我们以管理员身份(即在DiscuzDiscuz! 6.0! 6.0安装过程中创建的管理员账号)安装过程中创建的管理员账号)登录登录SupeSiteSupeSite系统。操作方法是:在浏览器里输入自己的站点地址,然后在系统。操作方法是:在浏览器里输入自己的站点地址,然后在界面右侧的登录窗口输入管理员账号和密码。界面右侧的登录窗口输入管理员账号和密码。用管理员账号登录系统登录成功后显示的个人面板8.
7、3.2 基本设置SupeSiteSupeSite后台的基本设置是后台的基本设置是SupeSiteSupeSite/X-Space/X-Space系统常用功能和全局配置系统常用功能和全局配置的总开关。这里主要是针对下面几大块的配置,包括系统设置、频道操作、的总开关。这里主要是针对下面几大块的配置,包括系统设置、频道操作、用户组权限、公告管理、站点广告、用户组权限、公告管理、站点广告、HTMLHTML静态配置、缓存更新、在线编辑、静态配置、缓存更新、在线编辑、计划任务和其他管理。计划任务和其他管理。1 1、用户权限、用户权限2 2、站点广告的添加和设置方法、站点广告的添加和设置方法3 3、HTML
8、HTML静态配置静态配置4 4、更新缓存、更新缓存SupeSite 6.0 的后台管理界面8.3.3 资讯的发布和管理资讯是任何一个资讯是任何一个CMSCMS必不可少的功能。必不可少的功能。SupeSiteSupeSite自身也有一套很实用的自身也有一套很实用的资讯管理系统。资讯管理系统。SupeSiteSupeSite资讯功能不但具有最基本的发布和管理资讯的功能,资讯功能不但具有最基本的发布和管理资讯的功能,还可以让站长自定义资讯分类;还可以让站长自定义资讯分类; 资讯等级审核使得站长可以按自己的意愿资讯等级审核使得站长可以按自己的意愿决定哪些资讯可以显示,哪些资讯不显示;强大的信息采集功能
9、使站长可以决定哪些资讯可以显示,哪些资讯不显示;强大的信息采集功能使站长可以通过采集别的站点的资讯信息来填充自己空白的版面;通过采集别的站点的资讯信息来填充自己空白的版面; 如果想就自己站点如果想就自己站点某方面的设计征求大家的意见,投票功能可以实现这个目标;某方面的设计征求大家的意见,投票功能可以实现这个目标; 资讯自定义资讯自定义字段功能允许站长根据自身站点的需求灵活扩充整个程序的功能,以达到站字段功能允许站长根据自身站点的需求灵活扩充整个程序的功能,以达到站长的特殊需求,并且可以很方便地通过模块进行调用。长的特殊需求,并且可以很方便地通过模块进行调用。1 1、资讯发布、资讯发布2 2、资
10、讯管理、资讯管理8.3.4 资讯等级审核SupeSiteSupeSite后台的资讯等级审核可以对资讯进行管理操作。后台的资讯等级审核可以对资讯进行管理操作。通过等级审核操作,可以对信息进行等级分类处理、删除处理,从而可通过等级审核操作,可以对信息进行等级分类处理、删除处理,从而可以有效地控制站点页面上信息的显示。以有效地控制站点页面上信息的显示。资讯等级审核页面8.3.5 资讯自定义字段很多人一听说很多人一听说“字段字段”这个词,也许会认为是数据库的相关内容,实际这个词,也许会认为是数据库的相关内容,实际上在上在SupeSiteSupeSite中并非如此。中并非如此。SupeSiteSupeS
11、ite提供了自定义信息扩展功能,站长可以提供了自定义信息扩展功能,站长可以针对资讯、日志和图片等各个频道设置自定义信息,从而来扩充整个程序的针对资讯、日志和图片等各个频道设置自定义信息,从而来扩充整个程序的功能。功能。添加两个自定义信息自定义信息的显示效果8.3.6 其他设置除了基本设置和资讯管理这两个主要设置之外,除了基本设置和资讯管理这两个主要设置之外,SupeSiteSupeSite后台还提供了后台还提供了个人空间管理、论坛相关设置、模型管理和专题管理等设置。其中,个人空个人空间管理、论坛相关设置、模型管理和专题管理等设置。其中,个人空间管理主要是在开通了间管理主要是在开通了X-spac
12、eX-space之后,针对会员的空间及相关用户组的权限之后,针对会员的空间及相关用户组的权限进行的设置。论坛相关设置主要是集成了进行的设置。论坛相关设置主要是集成了DiscuzDiscuz! !论坛后台中的有关论坛后台中的有关upeSiteupeSite的相关设置项以及数据库备份等常用的设置项。模型管理主要是指大家可以的相关设置项以及数据库备份等常用的设置项。模型管理主要是指大家可以根据自己的需要建立自己所需要的模型(如官方自带的招聘、交友等模型),根据自己的需要建立自己所需要的模型(如官方自带的招聘、交友等模型),实现不同于资讯的功能。具体的设置方法请参考实现不同于资讯的功能。具体的设置方法
13、请参考SupeSiteSupeSite/X-space/X-space安装包中安装包中的模型操作手册。的模型操作手册。由于这些设置并不和下面将要讲到的模板制作相关联,因此这里不做进由于这些设置并不和下面将要讲到的模板制作相关联,因此这里不做进一步的解释,对于这些设置不明白的读者可以自行参考一步的解释,对于这些设置不明白的读者可以自行参考SupeSiteSupeSite/X-space/X-space用用户手册,里面有详细的说明。户手册,里面有详细的说明。对于和模板制作联系最为紧密的对于和模板制作联系最为紧密的“模板模块向导模板模块向导”,我们将在,我们将在8.4.68.4.6体体验验SupeS
14、iteSupeSite模块设置一节中做详细的说明。模块设置一节中做详细的说明。8.4 制作SupeSite模板SupeSiteSupeSite模板系统模板系统选择需要制作的模板选择需要制作的模板制作前的准备制作前的准备首页头部信息的制作首页头部信息的制作首页头部导航的制作首页头部导航的制作体验体验SupeSiteSupeSite模块设置模块设置在头部导航中加入资讯分类在头部导航中加入资讯分类首页主体内容的制作首页主体内容的制作深入探究深入探究SupeSiteSupeSite模块系统模块系统首页页脚的制作首页页脚的制作站点头部及页脚文件的制作站点头部及页脚文件的制作分类目录页的制作分类目录页的制
15、作文章浏览页面的制作文章浏览页面的制作用户面板的制作用户面板的制作SupeSiteSupeSite模板制作小结模板制作小结8.4.1 SupeSite模板系统SupeSiteSupeSite模板是存放在程序目录下的模板是存放在程序目录下的templatestemplates文件夹下的文件夹下的一组文件,在一组文件,在DreamweaverDreamweaver中打开中打开templates/defaulttemplates/default文件夹下文件夹下的的index.html.phpindex.html.php文件,这个就是默认模板的首页文件。看上去,文件,这个就是默认模板的首页文件。看上去
16、,这个文件和普通的这个文件和普通的htmlhtml没多少区别,它只不过多了些带有没多少区别,它只不过多了些带有$ $的变的变量和一些放在量和一些放在!-中的灰色代码,这些变量和代码就是实中的灰色代码,这些变量和代码就是实现动态网站的现动态网站的“必需品必需品”。简单地说,带有。简单地说,带有$ $符号的变量是动态符号的变量是动态获取相关的内容,放在获取相关的内容,放在!-中的灰色代码就是我们要讲解中的灰色代码就是我们要讲解的模块系统,它用来调用相关的模块信息,并且按照自己的定义的模块系统,它用来调用相关的模块信息,并且按照自己的定义和设置显示在网页上。和设置显示在网页上。8.4.2 选择需要制
17、作的模板有人可能会说,这么多文件,要做起来岂不是很麻烦?其实不是这样的,有人可能会说,这么多文件,要做起来岂不是很麻烦?其实不是这样的,这里的文件并不都是必须的。我们要根据网站的规划合理地选择模板,如网站这里的文件并不都是必须的。我们要根据网站的规划合理地选择模板,如网站究竟需要哪些频道,需要实现哪些功能。这里还是以橘汁仙剑网为例,大家可究竟需要哪些频道,需要实现哪些功能。这里还是以橘汁仙剑网为例,大家可以先到网站上去看一看,我们这个实例站点都采用了哪些频道,实现了什么样以先到网站上去看一看,我们这个实例站点都采用了哪些频道,实现了什么样的功能。其实很简单,它只用了资讯和博客这两个频道,像商品
18、、书签、文件、的功能。其实很简单,它只用了资讯和博客这两个频道,像商品、书签、文件、图片和论坛聚合等频道并没有使用,这样就去除了以图片和论坛聚合等频道并没有使用,这样就去除了以“goods”goods”、“link”link”、“file”file”、“image”image”和和“bbsbbs”开头的文件,看起来工作量小了很多。再仔开头的文件,看起来工作量小了很多。再仔细看看,对于站点公告,我们可以直接调用论坛的站点公告,所以细看看,对于站点公告,我们可以直接调用论坛的站点公告,所以site_announcement.html.phpsite_announcement.html.php这个文
19、件也可以省略了;这个文件也可以省略了; TAGTAG标签虽然是一个标签虽然是一个很不错的功能,但是这里为了节省时间,也不再考虑了,所以很不错的功能,但是这里为了节省时间,也不再考虑了,所以site_tag.html.phpsite_tag.html.php和和site_tagall.html.phpsite_tagall.html.php这两个文件也省略了;这两个文件也省略了; 友情链友情链接会在首页下方显示,并不会单独制作页面显示友情链接,所以接会在首页下方显示,并不会单独制作页面显示友情链接,所以site_link.html.phpsite_link.html.php这个文件也省略了;因为
20、站内搜索采用的是百度的搜索这个文件也省略了;因为站内搜索采用的是百度的搜索功能,所以功能,所以site_search.html.phpsite_search.html.php这个页面也不用制作了;投票的功能暂时这个页面也不用制作了;投票的功能暂时不需要,所以又省略了不需要,所以又省略了ite_poll.html.phpite_poll.html.php文件。文件。8.4.3 制作前的准备制作之前,大家需要做以下准备。制作之前,大家需要做以下准备。(1 1)完善)完善SupeSiteSupeSite资讯频道中的资讯分类以及资讯频道中的资讯分类以及DiscuzDiscuz! !论坛中的板块,论坛中
21、的板块,并发布一些简单的信息,以便在日后调用中及时显示效果。并发布一些简单的信息,以便在日后调用中及时显示效果。(2 2)确保)确保SupeSiteSupeSite后台的基本设置中的后台的基本设置中的“启用缓存启用缓存”选项选择为选项选择为“不开不开启缓存启缓存” ” ,并确保,并确保“是否生成是否生成HTML”HTML”的选项选择为的选项选择为“否否”(如图(如图8.168.16所示)。所示)。这样,我们对模板所做的任何更改就能及时反映出来,有利于调试。这样,我们对模板所做的任何更改就能及时反映出来,有利于调试。在基本设置中关闭缓存确保HTML 静态功能为不开启8.4.4 首页头部信息的制作
22、启动启动DreamweaverDreamweaver网页制作软件,打开上一章中制作的首页文件网页制作软件,打开上一章中制作的首页文件index.htmlindex.html,然后打开,然后打开SupeSiteSupeSite模板目录模板目录templates/defaulttemplates/default文件夹下的文件夹下的index.html.phpindex.html.php文件以及文件以及templates/templates/ojpalojpal文件夹下的文件夹下的index.html.phpindex.html.php文件。文件。在在ojpalojpal模板的模板的index.ht
展开阅读全文