3.1 设计主题网站 教学设计 2023—2024学年苏科版（2018）初中信息技术八年级全一册

第1节 设计主题网站 【教学目标】 知识与技能目标 （1）了解网站设计的几个阶段，了解网站规划的几个要点。 （2）了解网站设计包括页面内容设计和内容表现形式的设计。 （3）掌握网站规划的要点，初步确定自己网站的主题及设计方案。 （4）简单了解HTML语言及常用的网页制作软件。 过程与方法 以“动物———人类的朋友”网站为例，向学生介绍网站建设的几个阶段，规划网站的要点，以及收集处理素材的方法，并请学生欣赏模仿，初步尝试规划一份“主题网站”，最后简介网页制作工具，为《第2节制作网站》做好铺垫。 情感态度与价值观 认识网站规划的重要性，并通过网站规划，形成整体规划、分布实施解决问题的计算思维。【教学重点】 规划网站的要点及实施；收集与处理素材的途径或方法。 【教学难点】 确定主题，进行网站页面、内容和结构的实际规划。 【教学方法】 讲演法、小组讨论法、自主探究法、实践法 【课时安排】 1—2课时 【教学过程】 教学环节 教师活动 学生活动 设计意图 一、导入 1、引言： 相信我们中的绝大多数同学都有自己的主题空间，如QQ空间，博客空间等，这些免费空间给我们提供了表现自我，分享精彩，甚至经营生活的机会，这些，我们都可以把它们叫做主题网站，但在建设这些主题网站的过程中，我们有时也会有不能随心所欲的苦恼，如版面布局、栏目内容等等，不能随意更改，难以达到自己想要的效果，因此，学会创建一个完全属于自己的主题网站很有必要。 2、呈现“动物———人类的朋友”主题网站，明确本章的学习任务，并以此为实例，开展接下来的学习。 倾听、回顾。 明确任务。 创设情境，激发学生的学习欲望。 明确本课教学任务。 二、新授 （一）网站建设的几个主要阶段 整体规划———>收集资料———>制作———>编辑调试———>网站发布与维护 （二）确定主题，规划网站 1、规划网站的要点 （1）明确网站建设的目的 （2）可行性分析 （3）网站的内容设计（★） （4）网站的表现形式设计（★） （以上类比：出班级黑板版） 2、探究学习 要求学生大致浏览，根据规划网站的几个要点，简单说一说 适当补充归纳。 3、网站规划（目的、网页、内容、结构） 实例讲解：“动物———人类的朋友” （内容详见“学案.doc”文件，师根据学案简单讲解） 4、实践学习 （1）目的与主题：？ （2）网页和主要内容规划： （3）网站结构规划： （要求：任意一个页面即可） 提示：可以运用WPS文字的自选图形功能 （相关提示详见“方案”） 师作适当提点，待个别展示交流后作适当评价 （三）收集与处理素材 1、注意 （1）资料的真伪，去伪存真 （2）文件的存储位置 建立专门的素材存储文件夹，并按主题内容或文件类型分类存放，不要将与主题无关的资料存放到素材文件夹中 （3）素材文件的命名 文件名尽可能用英文或汉语拼音来命名 2、实践学习 提示： 文字处理软件有记事本、写字板、Word、WPS文字等；图片处理软件有画图、ACDSee、Photoshop等；声音处理软件有录音机、GoldWave等；动画处理软件有Flash等；视频处理软件有爱剪辑、剪辑师、会声会影等。 要求：请根据以上自己对于网站页面内容的规划，简单说说你收集素材的内容和方法。 选取网页制作工具 1、师：犹如人们进行思想交流必须使用相通的语言、文字一样，网页的信息也必须采用一种通用的语言来表达，而这样的语言必须能够标识文字、图像、音频和视频等多种媒体信息，这就是超文本标识语言，即HTML语言。 2、以“我的第一页”为例，师简介“HTML语言”的结构及编辑方法。 师：由于直接用HTML语言编写网页比较麻烦且不直观，因此人们研制了许多制作网页的专用软件。 常用的网页制作软件： 例：Dreamweaver、FrontPage、iH5等 师：使用这些软件时，一般通过使用 ... ...