阅读:4151回复:0
Drupal 网站建设通用解决方案图片:drupal.jpg 更新动态:通用用户登录框解决方案及下拉菜单解决方案 《UserLoginBar - 人性化的用户登录工具栏》 《Nice Menus - 功能强大的轻量级CSS下拉菜单生成模块》 最近更新时间:2011 年 11 月 6 日晚 9 点 本文持续更新中,各位看官空闲之余不妨关注一下我的腾讯微博,微博会发布本文的更新状态,以免错过了精彩部分 :D 腾讯微博: [*]http://t.qq.com/foxhope (技术) [*]http://t.qq.com/zenblog (个人) Drupal 网站案例可访问:http://lugir.com/drupal/websites 此解决方案中的很多网站建设需求及实现方式,可以应用于各行各业的网站建设。希望大家不要局限在某个特定类型网站的思维小巷中,不然对这些文字来讲,可真是卑鄙的浪费了 :D 需求描述: [*]用户登录/状态栏 - 显示于网站所有页面,方便用户登录,登录后用户栏信息显示为用户状态,如链接到用户配置页面的链接、注销链接等 [*]Banner - 网站头部的展示大图,有静态大图、幻灯片、Flash 等多种情况 [*]网站主菜单 - 使用下拉式菜单,可以不断展开下级子菜单,方便轻松地浏览网站的整体结构 [*]幻灯片 - 实现多张图片的循环轮换效果 [*]首页 - (不同的用户需要不同的首页,我们将根据一个网站布局的示例,介绍制作首页的方法、技巧以及可用的模块等等) [*]友情链接 - 分为图片友情链接、文字友情链接,混合友情链接等方式 [*]栏目分类 - (介绍通用的网站栏目分类结构、解决方案,以及一些适合栏目分类管理的模块) [*]分类列表 - 根据不同的栏目分类,显示对应栏目下的所有内容的列表,如果所选栏目下还有子栏目,还可分为只显示当前栏目内容列表和显示当前栏目及所有子栏目的内容列表的情况 [*]内容页面 [*]面包屑 - “首页 > 分类1 > 分类1-1 > 标题” 形式的页面导航,有利于用户体验和搜索引擎优化 [*]管理工具 - 为网站管理员、用户提供方便灵活的管理工具,方便创建、发布内容以及执行各种管理操作等等 [*]边栏控制 - (介绍优秀的边栏解决方案,根据不同的情况显示不同的边栏,如列表页面显示最新、最火的内容列表,内容页面边栏显示最新评论和相似内容列表等等) [*]…… 幻灯片 需求描述: [*]基本幻灯片 - 可实现多张图片之间的轮换 [*]图片自适应大小 - 自动对图片进行缩放和裁剪,保持图片比例,避免图片因挤压或拉伸而变形 [*]图片描述 - 为每张幻灯片添加标题或描述,使用户能够清楚明白图片对应的内容 [*]幻灯片链接 - 可为每张幻灯片添加链接,用户点击幻灯片时能够链接到相应的详细信息页面 [*]图片页码 - 数字页码或缩略图页码,方便用户根据需要使用鼠标悬停选择幻灯片 [*]锚文本与标题 - 为每一张图片添加锚文本和标题,帮助加强图片与内容的 SEO 效果 [*]各种门户、企业网站首页的新闻幻灯片,通过关注度高的幻灯片向用户展示热点内容 [*]企业网站头部 Banner 幻灯片,用于展示公司形象、产品或服务,体现品质,彰显大气 [*]Views [*]Views Slideshow (6.x-2.x) [*]CCK [*]ImageField [*]Link [*]ImageCache 实现方法 《Drupal 幻灯片制作教程》 Features 包下载: 《Fox Slideshow - 基于 Views Slideshow 的幻灯片 Features 包下载》 (尽管上面提供了详细的实现步骤,但操作起来还是需要不少的时间,所以我觉得制作一系列可供复用的 Features 包会比较好。大家只需要下载、启用之后就能得到一个配置好的幻灯片。关于功能复用,目前我觉得 Features 是个不错的解决方案,但如果大家有更好的办法,请指点一二。) 用户登录/状态栏 需求描述 显示于网站所有页面,方便用户登录,登录后用户栏信息显示为用户状态,如链接到用户配置页面的链接、注销链接等。 解决方案 使用《UserLoginBar - 人性化的用户登录工具栏》模块 图片:drupal.jpg 无限级下拉菜单 需求描述 通过下拉式菜单使用户能够快速地定位到网站所有重要页面(如栏目分类、关于我们),减少用户在网站的点击次数,提升用户体验。 解决方案 Admin Menus 的流行就是灵活的下拉式菜单实用的用户体验的最好说明。不过 Admin Menu 主要是用于管理,不便于开放给普通用户。Drupal 中关于菜单的模块有很多,Nice Menus 是其中比较轻量级的一个 —— 《Nice Menus - 功能强大的轻量级CSS下拉菜单生成模块》。通过对 Nice Menus 的样式进行调整(通过CSS),可以简单的实现菜单样式的定制。下图是 Nice Menus 的默认样式和两个简单示例。使用 Nice Menus 还可以做出更漂亮的效果和图片菜单 :D 图片:drupal.jpg 图片:drupal.jpg 图片:drupal.jpg |
|