人教版信息技术七上规划与设计网站pp.pptxVIP

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