信息技术之规划与设计网站培训课件(ppt 34页).pptVIP

* 网站规划和设计 * 目　录 　网站设计之前的准备工作 网站内容的确定与组织 结构规划和导航 网页设计的构思　 * 网站设计之前的准备工作 一、申请域名、空间 　1、域名的重要性及命名规则 　　域名：URL 　　例如： 　(1)重要性：通过域名可以访问你的网站，所以域名对一个网站的重要意义不言而喻。 　(2)命名规则： 　琅琅上口、简单易记。例如：yahoo、51job 　组合词。例如：chinaByte(中国比特) 　汉语拼音、中英结合。例如：baidu、CHINAREN * 2、域名后缀 　　首选.com 　　其次.net 　　.org .cn .tv .cc .info . 　　. .中国 .公司 .网络等。 3、注册 比如：/ 　　　/ 注意：服务器的质量和配置情况，直接影响到用户的浏览速度，需要一个高速、稳定的服务器。比如：网站空间、邮件空间、是否支持网络编程等等。 * 二、网站策划 制作流程： 1、网站项目的可行性分析 2、确定网站的面向对象 3、根据网站的面向对象确定网站的内容以及栏目结构 4、制订网站开发进度表 5、收集和整理网站的内容素材 6、确定网站的设计方案 7、根据网站的设计方案，设计出网站的各级页面 8、将设计稿制作成页面 9、完善页面的功能，增强交互性和亲和力。 10、网站的发布 * 确定网站的面向对象 适用的人群：学生、老师、计算机人员 返回目录 * * 返回目录 * 根据网站的面向对象确定网站的内容以及栏目结构一、（网站内容的确定与组织） 　首先应从整体上对网站建设进行策划，这是一个网站的立足之本。明确自身的定位，具体内容包括网站用户定位，功能定位，网站自身特色的定位。 　网站内容设计对于网站建设至关重要，应注意： 内容：总体结构要层次分明。 文字信息可提供较快的浏览速度。而图像、声音和视频信息会产生强大的吸引力。 因此，多媒体信息的使用要适中，尽量减少文件数据量和大小。 网站主页是非常重要的，内容的适用性和组织的合理性。 网站内容应是动态的，随时进行修改和更新。 网页中的文本内容应简明、通俗、易懂。 返回目录 * 二、栏目结构(结构规划和导航) 结构规划合理，信息导航清晰。不同作用的对象之间的区别。 栏目结构图（网站导航图） 主页 个人资料 网络日志 留言板 迷你屋 相册 音乐收藏 我的偶像 个人形象 个人档案 访问量统计 IT 应 用 个人日记 娱乐 疯狂自拍 明星 作品 欧美 韩国 港台 返回目录 * 制订网站开发进度表 比如： 　　 　　　　　 　　　　　　　 阶段 具体步骤 时间 （天数） 时间比 1、设计阶段 参考 4 20% 设计框架 2 10% 设计装饰图 2 10% 完成设计整合 2 10% 2、制作阶段 设计样式 2 10% 制作html 4 20% 加入Javascript 2 10% 代码优化 2 10% 返回目录 * 确定网站的设计方案(网页设计的构思) 首页的设计是一个网站成功与否的关键。 1、确定首页功能模块： 网站名称(logo) 广告条(banner) 主菜单(menu) 新闻(whats new) 搜索(search) 友情链接(links) 邮件列表(maillist) 计数器(count) 版权(copyright) * 确定网站中文名和logo 比如：新浪　　　　、搜狐　　　　　、网易 网站命名： 1、简洁（文字的字母结合不能过长，中文组合最好不要超过5个字以上） 2、好发音（好念、好讲。咬文嚼字的最好避免） 3、好记忆（笔画少的字、顺口的发音、重复的文字易于记忆）比如：当当、阿里巴巴 4、易联想。比如：搜狐 5、好写、好认。 设计logo：建议用photoshop、flash等一些软件 * 广告条(banner) * 主菜单 * 搜索(search) 搜索 搜索 * 友情链接(links) * 邮件列表(maillist) * 计数器(count)、版权(copyright) 备案系统网站 /CX/main.jsp 计数器 版权 * * 2、设计首页的版面： 画面正常平衡，亦称匀称。指左右、上下对照对比能达到均衡的效果。 异常平衡，即非对照形式。让画面布局能达到强调特别信息，引起用户高度关注的效果。 对比。利用色彩、色调等技巧来作表现。 尽量用图片做解说。对不能用语言说服、或用语言难以表达的信息，特别适合图片解说，可以传达给用户的更多的心理因素。 * 3、网页色彩的搭配 (1)各种色彩的视觉效果 不同颜色会使用户产生不同的心理感受。 　红色：激情、冲动、活力 　绿色：和睦、宁静、健康、安全 　橙色：轻快、温馨、时尚 　黄色：快乐、希望、智慧。 　蓝色：凉爽、清新、专业、浪漫 　白色：明快、纯真、清