人机界面设计开源平台设计书.docVIP

人机界面设计开源平台设计书 设计方案 飞阅这个网站的设计理念是针对现在大学里面很多的人在面对考六级的时候都束手无措，这个网站分为几大模块，依次是首页，六级阅读，资料下载，单词，练习提高，图片频道和文章中心等部分。我们在设计的时候是用到帝国这个开源平台来设计的。然后在管理后台部分将每个模块的代码和资料依次放进去，在写代码的时候，我们先在草稿纸上设计出每个模块的基本架构。 设计所采用的技术手段 本网站的设计是基于帝国CMS开源软件。首先在电脑上安装帝国软件，然后再用管理员的身份登录后台，在后台管理部分编写首页的代码，再辅助使用Dreamwaver编写代码，在编写的时候我们现在草稿纸上将设计的模块基本的画出来 Photoshop设计logo，Sql server2005创建数据库。这一系列的技术组合应用使得系统性能显著提高，同时使得系统的拓展性、操作性、实用性大大增强。 Web服务器，帝国CMS，dreamwaver 数据库： Sql server2005 （具体包括各模块开发所采用的软件，承担该模块开发成员介绍） 详细设计方案 首页 设计过程是先设计好框图，收集好首页需要的图片及素材，然后按照帝国CMS模板，修改成我们想要的效果，在此过程中，需在Dreamwaver修改页面色调，每个板块的大小，用Photoshop修改图片，使之成为我们需要的大小及格式。下面两幅图是整个首页，最上方的一行是本就有的，只是在对应部分修改标题。网站logo是在photoshop中制作150×74像素的GIF格式的图片，右边的网站形象图片是在photoshop中修改成630×74像素的GIF格式的图片。然后是导航条,我们根据自己的需求，适当增删模块个数，并在Dreamwaver中修改了导航条的字体和颜色。右边的大图是一系列格式大小相同的图片。最下方的“友情链接”的制作过程是先在百度中搜寻关于英语的网站，复制网址到链接部分，这样点击就会出现对应的网站。 2）六级阅读 在dreamwaver中把导航条中的六级阅读按钮分成四个模块。按种类分别将议论文、说明文、记叙文和抒情散文插入。材料是在百度文库中下载的。 单词 “单词”这块跟“六级阅读”制作过程一样，只不过插入的内容不同。 4）资源下载 在后台模板里面找到管理内容模板，在管理内容模板里面找到资源下载的部分，在里面编写下载的模板，如!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title[!title--] - Powered by EmpireCMS/title meta name=Keywords content=[!key--] / meta name=description content=[!des--] / link href=[!--news.url--]skin/default/css/style.css rel=stylesheet type=text/css / script type=text/javascript src=[!--news.url--]skin/default/js/tabs.js/script /head body class=showpage [!--temp.header--] table width=100% border=0 cellspacing=10 cellpadding=0 tr valign=top td class=maintable width=100% border=0 cellspacing=0 cellpadding=0 class=position tr td您当前的位置：[!--newsnav--]/td /tr /table table width=100% border=0 cellspacing=0 cellpadding=0 class=box tr tdtable width=100% border=0 cellpadding=3 cellspacing=2 bgcolor=#FFFFFF tbody tr td width=78 align=center nowrap=nowrap bgcolor=#E1EFFBb软件名称：/b/td