资源描述
,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网页规划和设计,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,#,网站规划和设计,2,目录,网站设,计,计之前,的,的准备,工,工作,网站内,容,容的确,定,定与组,织,织,结构规,划,划和导,航,航,网页设,计,计的构,思,思,3,网站设,计,计之前,的,的准备,工,工作,4,5,二、网,站,站策划,制作流,程,程：,1、网站,项,项目的,可,可行性,分,分析,2、确定,网,网站的,面,面向对,象,象,3、根据网,站,站的面,向,向对象,确,确定网,站,站的内,容,容以及,栏,栏目结,构,构,4、制订,网,网站开,发,发进度,表,表,5、收集,和,和整理,网,网站的,内,内容素,材,材,6、确定,网,网站的,设,设计方,案,案,7、根据,网,网站的,设,设计方,案,案，设,计,计出网,站,站的各,级,级页面,8、将设,计,计稿制,作,作成页,面,面,9、完善,页,页面的,功,功能，,增,增强交,互,互性和,亲,亲和力,。,。,10、网站,的,的发布,6,确定网,站,站的面,向,向对象,适用的,人,人群：,学,学生、,老,老师、,计,计算机,人,人员,返回目,录,录,返回目,录,录,7,8,返回目,录,录,返回目,录,录,9,根据网,站,站的面,向,向对象,确,确定网,站,站的内,容,容以及,栏,栏目结,构,构一,、,、（网,站,站内容,的,的确定,与,与组织,）,）,首先应,从,从整体,上,上对网,站,站建设,进,进行策,划,划，这,是,是一个,网,网站的,立,立足之,本,本。明,确,确自身,的,的定位,，,，具体,内,内容包,括,括网站,用,用户定,位,位，功,能,能定位,，,，网站,自,自身特,色,色的定,位,位。,网站内,容,容设计,对,对于网,站,站建设,至,至关重,要,要，应,注,注意：,内容：总体,结,结构要,层,层次分,明,明。,文字信,息,息可提,供,供较快,的,的浏览,速,速度。,而,而图像,、,、声音,和,和视频,信,信息会,产,产生强,大,大的吸,引,引力。,因此，多媒体,信,信息的使用,要,要适中,，,，尽量,减,减少文,件,件数据,量,量和大,小,小。,网站主,页,页是非常,重,重要的,，,，内容,的,的适用,性,性和组,织,织的合,理,理性。,网站内,容,容应是动,态,态的，,随,随时进,行,行修改,和,和更新,。,。,网页中,的,的文本内,容,容应简明,、,、通俗,、,、易懂,。,。,返回目,录,录,返回目,录,录,10,二、栏,目,目结构(结构规,划,划和导,航,航),结构规,划,划合理,，,，信息,导,导航清,晰,晰。不,同,同作用,的,的对象,之,之间的,区,区别。,栏目结,构,构图（,网,网站导,航,航图）,主页,个人资,料,料,网络日,志,志,留言板,迷你屋,相册,音乐收,藏,藏,我的偶,像,像,个人形,象,象,个人档,案,案,访问量,统,统计,IT,应,用,个人日,记,记,娱乐,疯狂自,拍,拍,明星,作品,欧美,韩国,港台,返回目,录,录,返回目,录,录,11,制订网,站,站开发,进,进度表,比如：,阶段,具体步骤,时间,（天数）,时间比,1,、设计阶段,参考,4,20%,设计框架,2,10%,设计装饰图,2,10%,完成设计整合,2,10%,2,、制作阶段,设计样式,2,10%,制作,html,4,20%,加入,Javascript,2,10%,代码优化,2,10%,返回目,录,录,返回目,录,录,12,确定网,站,站的设,计,计方案(网页设,计,计的构,思,思),首页的,设,设计是,一,一个网,站,站成功,与,与否的,关,关键。,1、确定,首,首页功,能,能模块,：,：,网站名,称,称(logo),广告条(banner),主菜单(menu),新闻(whats new),搜索(search),友情链,接,接(links,),),邮件列,表,表(maillist,),),计数器(count,),),版权(copyright),13,确定网,站,站中文,名,名和logo,14,广告条(banner),15,主菜单,16,搜索(search),搜索,搜索,17,友情链,接,接(links,),),18,邮件列,表,表(maillist,),),19,计数器(count,),)、版权(copyright),计数器,版权,20,21,2、设计首,页,页的版,面,面：,画面正,常,常平衡,，,，亦称,匀,匀称。,指,指左右,、,、上下,对,对照对,比,比能达,到,到均衡,的,的效果,。,。,异常平,衡,衡，即,非,非对照,形,形式。,让,让画面,布,布局能,达,达到强,调,调特别,信,信息，,引,引起用,户,户高度,关,关注的,效,效果。,对比。,利,利用色,彩,彩、色,调,调等技,巧,巧来作,表,表现。,尽量用,图,图片做,解,解说。,对,对不能,用,用语言,说,说服、,或,或用语,言,言难以,表,表达的,信,信息，,特,特别适,合,合图片,解,解说，,可,可以传,达,达给用,户,户的更,多,多的心,理,理因素,。,。,22,3、网页,色,色彩的,搭,搭配,(1)各种色,彩,彩的视,觉,觉效果,不同颜,色,色会使,用,用户产,生,生不同,的,的心理,感,感受。,红色：,激,激情、,冲,冲动、,活,活力,绿色：,和,和睦、,宁,宁静、,健,健康、,安,安全,橙色：,轻,轻快、,温,温馨、,时,时尚,黄色：,快,快乐、,希,希望、,智,智慧。,蓝色：,凉,凉爽、,清,清新、,专,专业、,浪,浪漫,白色：,明,明快、,纯,纯真、,清,清洁,黑色：,深,深沉、,神,神秘、,寂,寂静、,悲,悲哀、,压,压抑,灰色：,中,中庸、,平,平凡、,温,温和、,高,高雅,23,红色：,激,激情、,冲,冲动、,活,活力,24,绿色象,征,征和平,、,、宁静,和,和安逸,的,的感觉,25,橙色：,轻,轻快、,温,温馨、,时,时尚,26,紫色(时尚优,雅,雅http:/,/,/
展开阅读全文