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

第1节 设计主题网站 【教学目标】 1． 知识与技能目标 （1）了解网站设计的几个阶段，了解网站规划的几个要点。 （2）了解网站设计包括页面内容设计和内容表现形式的设计。 （3）掌握网站规划的要点，初步确定自己网站的主题及设计方案。 （4）简单了解HTML语言及常用的网页制作软件。 2． 过程与方法 以“动物——人类的朋友”网站为例，向学生介绍网站建设的几个阶段，规划网站的要点，以及收集处理素材的方法，并请学生欣赏模仿，初步尝试规划一份“主题网站”，最后简介网页制作工具，为《第2节制作网站》做好铺垫。 3． 情感态度与价值观 认识网站规划的重要性，并通过网站规划，形成整体规划、分布实施解决问题的计算思维。【教学重点】 规划网站的要点及实施；收集与处理素材的途径或方法。 【教学难点】 确定主题，进行网站页面、内容和结构的实际规划。 【教学方法】 讲演法、小组讨论法、自主探究法、实践法 【课时安排】 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等；视频处理软件有爱剪辑、剪辑师、会声会影等。 要求：请根据以上自己对于网站页面内容的规划，简单说说你收集素材的内容和方法。 （4） 选取网页制作工具 1、师：犹如人们进行思想交流必须使用相通的语言、文字一样，网页的信息也必须采用一种通用的语言来表达，而这样的语言必须能够标识文字、图像、音频和视频等多种媒体信息，这就是超文本标识语言，即HTML语言。 2、以“我的第一页”为例，师简介“HTML语言”的结构及编辑方法。 3、 师：由于直接用HTML语言编写网页比较麻烦且不直观，因此人们研制了许多制作网页的专用软件。 常用的网页制作软件： 例：Dreamweaver、FrontPage、iH5等 师：使用这些软件时，一般通过使用菜单命令、工具按钮、属性设置及一些快捷键，就可以轻松地制作出精美的网页。尤其是最近发展和应用比较广泛的H5页面制作工具，它具有跨平台性，可以用智能手机快速制作网页。 了解。 阅读理解，在老师的引导下，对3、4两点特别关注。 自由选择，欣赏、讨论，个别作答。 了解 认真学习、思考，尝试模仿规划自己的主题网站，并做展示交流。 明确、注意。 思考、讨论，个别作答。 了解。 简单了解HTML语言的结构，并体会HTML语言的不便性。 在老师的适当讲演下，初步体会可视化网页制作软件的优势。 呈现流程，让学生能够从整体上把握。 先是理论知识，后是实践探究，用说的，再进一步，模仿，进行实际规划操作，以突破难点。 流程2虽也重要，但接下来的课程主要还是模仿制作，有现成的素材提供，这里就作较为简单地处理。学生了解，明确，有个初步的规划即可，在未来自己创作的