网站的规划与设计课件.pptVIP

南京市营防中学 钱峰 一、情境导入——讨论 1、我们一起来聊聊业余时间大家最爱做的事情？ 2、平时经常浏览的网站有哪些？ 3、欣赏学生作品: 音乐时空 （1）、网站是因特网上具有相似性质和共同内容的一组信息资源。 （2）、一般静态网站的主页（英文表达：Home Page）名称默认为 （index.htm或者default.htm） 4、基本概念： 网站建设的主要过程： 本节课的主要学习内容： 一、情境导入——课题引入 （1）网站的规划与设计 （2）网站的制作 （3）网站的编辑调试 （4）网站的发布与评价 网站的规划与设计 二、新课——确定主题及名称 网站的规划是指建立网站前对网站需求分析或市场分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等工作做好充分的考虑，网站的规划对网站建设起到计划和指导作用，对网站的内容和维护起到定位作用。 网站的规划从哪里开始？ 给10秒钟时间，大家看以下九个网站的名字，看谁记得最多: [游戏] 一个别具一格、朗朗上口的网站名称能令人印象深刻，不但能让用户了解网站的主题内容，而且还能吸引更多浏览者 。网站的规划从选择网站的主题开始。网站的选题，就是要根据网站的开发目标和访问网站的用户群，确定网站的主题，并给网站起一个简练响亮的名字。 淘宝网 碧海银沙 蕃薯藤 红袖添香 榕树下 硅谷动力 问天网 网行天下 音乐极限 二、新课——确定主题及名称 [总结] 网站名称 百度MP3 主题设置 最新音乐资讯 歌曲下载等 二、新课——确定主题及名称 网站名称 主题设置 肯德基官方网站 网上订餐、打印优惠券等、 二、新课——确定主题及名称 任务一： 请同桌一名同学负责完成网站的规划与设计任务单中的任务一，另一名同学负责完成老师发给你的导学案 （可以浏览并参考推荐网站） 网站名称 网站主题 选择理由 注意事项： （1）主题内容积极向上。 （2）名称要紧扣主题。 （3）可以参考老师提供的网站欣赏 二、新课——确定主题及名称 我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计，那到底如何进行设计呢？这就好比写一篇文章，首先要拟好提纲文章才能主题明确，层次清晰，所以，主题选好后，第一步要设置栏目。 过 渡 栏目 地理资讯 |考古 |探奇 |图片 地理论坛 行游天下 |路书 |攻略 |地图 个人门户 手机媒体 会员活动 电子杂志 地理基金 … 二、新课——栏目设置 栏目 网站首页 学校概况 校园动态 德育建设 党团建设 教育教学 国防教育 …… 二、新课——栏目设置 子栏目 计划总结 机构制度 军校联系 教育活动 …… 任务二：各小组交流讨论，确定本小组主题网站的栏目，完成网站的规划与设计任务单中的任务二 网站名称 栏目 内容描述 注意事项： （1）要紧扣主题，尽可能删除与主题无关的栏目 （2）尽可能将网站最有吸引力的内容列在栏目上 （3）尽可能方便访问者的浏览和查询。 二、新课——栏目设置 网海茫茫，能够吸引我们眼球的只有那些有特色的网页，大量的网页引不起网民的兴趣，究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要因素之一。 过 渡 常见样式 “厂”字型 页面顶部为主菜单以及横条网站标志+广告条，下方左面为主菜单，右面显示内容的布局 特点 优点： 页面结构清晰， 主次分明； 缺点： 呆板，如果细节色彩上不注意，容易“看之无味” 网站标志 广告条 主菜单 横条等 栏目 菜单 主要内容 二、新课——版面规划布局 常见样式 “口”字型 页面一般上下各有一个广告条，左面是主菜单，右面放友情链接等，中间是主要内容 特点 优点： 充分利用版面，信息量大，与其他页面的链接多，切换方便； 缺点： 页面拥挤，不过灵活 网站标志 广告条 主菜单 横条等 广告条 栏目 菜单 友情 链接 主要内容 二、新课——版面规划布局 常见样式 自由式： 又称POP布局页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放 特点 优点： 漂亮、吸引人，适宜于艺术类网站 缺点： 显示速度慢，文字信息量少 页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。 二、新课——版面规划布局 任务三：请参考常见的版面布局样式，为自己的某一张网页进行版面布局，有时间的同学可以选择多个样式设计多张网页。完成网站的规划与设计任务单中的任务二（请标注好每个版面的用途） 示例 主要内容 标题图片 栏目 其他 二、新课——版面规划布局 三