
《网站设计》教案 【教学目标】 知识与技能:知道创建网站的一般过程,了解版面设计的知识,初步掌握网站的策划与构思 过程与方法:通过自主探究和小组合作完成学习任务,掌握一些探究学习的方法,培养与他人协作、交流的意识和能力 情感、态度与价值观:通过版面设计,激发学生的创作欲望,提高学习信息技术的兴趣和愿望。 【教学重点】 初步掌握网站的策划与构思,会设计版面及网站风格 【教学难点】 如何在网页制作中实现自己的网站设计构思 【教学方法】 自主探究、集中讲解、小组合作、实践练习、反思总结 【教学过程】 【课前预习】 打开桌面上“《网站设计》课堂导学案.doc”文件,完成其中:一、课前预习教材P80~87,并简答以下问题(在教材上做上记号),共10小题。 【激情引入】 师问:同学们,上一节课,我们开始学习教材第四章,主要学习了什么内容? 建立主题网站。 师问:建立主题网站一般分哪几个步骤?(P72) 规划网站、网站设计、网站实现、发布管理网站 师问:我们学习了规划网站,那么网站规划的一般步骤?(P74-80) 需求分析、选择网站主题、确定网站名称、选择网页制作工具、制定网站建设计划表 规划网站是建立主题网站的第一步。而我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计,那到底如何进行设计呢?这是我们本节课重点要学习的内容。 【知识新授】 一、栏目设置(P81) 打开下列网站,说一说该网站是如何进行栏目设置的? 1、新浪网:www..cn(师说) 2、北京新东方扬州外国语学校:www.(生答) 通过上述,并结合教材P81简答下列问题: 1、为什么要进行栏目设置? 栏目的设置使得网站结构清晰,目录明确,内容紧扣主题,有利于以后扩充和维护 2、栏目的实质是什么? 栏目实质是一个网站的大纲索引,索引应该将网站的主体明确显示出来 3、栏目安排应注意哪几个方面? (1)要紧扣主题,尽可能删除与主题无关的内容 (2)尽可能将网站最有吸引力的内容列在栏目上 (3)尽可能访问者的浏览和查询(如:本站指南、网站地图等) 展示“机器人做学玩”网站栏目设置 1、两人为一组,讨论协商,为自己小组的主题网站取名(想一想:取名时应注意什么?P76) 给网站取名应注意:要与主题紧密相关;要有意义;要上口、悦耳、易记;名称是否合法、合理、合情 网站名称如:作文天地、篮坛风云、海中世界、空军之翼、梦幻音画廊、where to go…… 2、根据小组确立网站名称,设置栏目(可以参照课本表4-7、4-8、4-9),完成“课堂导学案”二中3,两人沟通共同完成,打字快的一人主要负责输入,另一人主要提供内容,可使用网络进行搜索,其中主栏目不少于3个。 栏目名称 子栏目名称 内容述 结束后展示既快又好的三组,并请该组同学分享经验 二、版面设计 1、什么是版面结构?(P83) 版面结构是指将不同元素巧妙排列的方式,合理的版面结构能够让浏览者清楚、容易地理解作品传达的信息。 2、常见的页面布局样式有哪几类?(P83) “厂”字型、“口”字型、自由式 实践:访问校园网(www.),看看有没有以上三种页面布局样式的网页 请三名学生分别说说三种页面布局的优缺点。 展示三种常见的页面布局样式对比图(教材P83表4-11) 3、网页版面布局可以按哪三个步骤进行?(P84) 创意草案、粗略布局、最后定案 三、树立网站总体风格 1、树立网站的整体风格一般分哪三个步骤进行? (P85-86) 网站标志、标准色彩、标准字体 树立网站整体风格的第一步是:设计制作一个网站的标志(logo) 2、设立网站标志有几种方法?(P85) (1)选择与网站主题有关的,并具有代表性的人或物,用它们作为设计的蓝本,加以卡通化和艺术化。 (2)对于专业性的网站,可以以本专业有代表的物品作为标志。 (3)最常用 ... ...
~~ 您好,已阅读到文档的结尾了 ~~