网站的规划与设计

,网站的规划与设计,南京市营防中学钱峰,一、情境导入讨论,1、我们一起来聊聊业余时间大家最爱做的事情？,2、平时经常浏览的网站有哪些？,3、欣赏学生作品:音乐时空,（1）、网站是因特网上具有相似性质和共同内容的一组信息资源。（2）、一般静态网站的主页（英文表达：HomePage）名称默认为（index.htm或者default.htm）,4、基本概念：,网站建设的主要过程：,本节课的主要学习内容：,一、情境导入课题引入,（1）网站的规划与设计,（2）网站的制作,（3）网站的编辑调试,（4）网站的发布与评价,网站的规划与设计,二、新课确定主题及名称,网站的规划是指建立网站前对网站需求分析或市场分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等工作做好充分的考虑，网站的规划对网站建设起到计划和指导作用，对网站的内容和维护起到定位作用。,网站的规划从哪里开始？,给10秒钟时间，大家看以下九个网站的名字，看谁记得最多:,游戏,一个别具一格、朗朗上口的网站名称能令人印象深刻，不但能让用户了解网站的主题内容，而且还能吸引更多浏览者。网站的规划从选择网站的主题开始。网站的选题，就是要根据网站的开发目标和访问网站的用户群，确定网站的主题，并给网站起一个简练响亮的名字。,淘宝网碧海银沙蕃薯藤红袖添香榕树下硅谷动力问天网网行天下音乐极限,二、新课确定主题及名称,总结,二、新课确定主题及名称,肯德基官方网站,网上订餐、打印优惠券等、,二、新课确定主题及名称,任务一：请同桌一名同学负责完成网站的规划与设计任务单中的任务一，另一名同学负责完成老师发给你的导学案（可以浏览并参考推荐网站）,注意事项：（1）主题内容积极向上。（2）名称要紧扣主题。（3）可以参考老师提供的网站欣赏,二、新课确定主题及名称,我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计，那到底如何进行设计呢？这就好比写一篇文章，首先要拟好提纲文章才能主题明确，层次清晰，所以，主题选好后，第一步要设置栏目。,过渡,二、新课栏目设置,二、新课栏目设置,任务二：各小组交流讨论，确定本小组主题网站的栏目，完成网站的规划与设计任务单中的任务二,注意事项：（1）要紧扣主题，尽可能删除与主题无关的栏目（2）尽可能将网站最有吸引力的内容列在栏目上（3）尽可能方便访问者的浏览和查询。,二、新课栏目设置,网海茫茫，能够吸引我们眼球的只有那些有特色的网页，大量的网页引不起网民的兴趣，究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要因素之一。,过渡,二、新课版面规划布局,二、新课版面规划布局,页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，菜单栏目自由摆放。,二、新课版面规划布局,任务三：请参考常见的版面布局样式，为自己的某一张网页进行版面布局，有时间的同学可以选择多个样式设计多张网页。完成网站的规划与设计任务单中的任务二（请标注好每个版面的用途）,示例,二、新课版面规划布局,三、课堂及课外拓展,1、网站标志,2、网站的风格及色调,3、围绕主题搜集和处理素材,四、课堂总结,1、本节课我们了解了网站建设的几个主要过程：,2、我们主要学习了网站规划与设计部分的：,3、课堂及课外拓展：,（1）网站的规划与设计,（2）网站的制作,（3）