资源描述
,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,网页规划和设计,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,网站规划和设计,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:/
展开阅读全文