浙教版八年级上册第三单元 网站制作第九课 走进网站教学设计

第八课   你想设计什么样的网站

                                         —确定网站主题，规划网站结构

余姚市高风中学  周乐波

一、   教材分析

《你想设计什么样的网站》是宁波市编信息技术教材七年级下第八课。让学生初步了解

网站的基础知识，在动手设计网站之前，让学生确定网站主题，规划好网站结构。

二、   学情分析

学生对网站建设有浓厚的兴趣，但学生对获取、评价、表达、利用和组织信息的各项能

力还比较欠缺，教师要适当引导。

三、   教学目标

知识目标：

1、了解网站基础知识

2、了解网站建设基本步骤

技能目标：

1、   学会确定网站的主题

2、   学会规划设计网站的结构

情感目标：

1、   通过小组合作完成网站设计方案表，培养学生的团队协作精神。

四、   教学重难点

1、重点：了解网站设计基本步骤，学会确定网站主题

2、难点：学会规划网站结构，完成网站设计方案表

五、   教学准备

六、   教学方法

讲授法、小组合作、任务驱动

七、   教学过程

1、   情景导入

自我介绍的一个文件，文件是HTML格式。（里面是自我介绍的一小段代码）

让学生打开看，发现时关于教师自我介绍的文字。教师引导学生这就是一个简单的网页。

再次让学生用记事该文件，又发现什么？？发现跟刚才不同了？

教师引导这段代码就是HTML语言，上面简单的网页就是这段代码运行的结果。这是静态的网页，如果我们要做一些动态的网页，我们可以借助一些工具软件，对这方面感兴趣的同学我们可以课外进行交流。

教师：引导学生认识HTML语言

学生：打开文件，再次用记事本打开文件，发现不同

准备：机房的扩展名是否隐藏，默认HTML格式打开方式

2、   新授

（1）平时我们在网上浏览各种各样的网站，今天老师给大家看一个我们初中生制作的一个网站，“学校门前的小吃摊“

进入这个网站，看学生观察这个网页，大家可以看到哪些信息呢？

学生回答

教师进行引导

问题：1）、这个网站主要是关于什么内容的？也就是说主题是什么？

2）这个网站是由哪几块内容组成的，也就是说主要内容有哪几项构成，结构是怎么样的？

3）网站上的内容，比如说这些文字、图片等等这些素材，是怎么来的？

教师引导后做简要的归纳。主题是什么，组要的内容由那几块组成，这些素材我们是怎么收集、整理的。

上述的问答有没有必要？？

问题：那么这个网站“学校门前的小吃摊”只有这一个网页吗？

学生回答

    教师：对，我们可以通过超级链接连接一个个网页（手形）

那么可以引出网站、网页、主页的概念

教师可以做讲述，也可以让学生先来说说网站和网页之间的关系

结合实际的学生创作网站，讲述网站基础知识这三个概念，（投影展示网站，学生回答，教师复述，板书展示）

网站是由很多个网页组成的，我们可以通过主页上的链接进入一个个网页，主页是一个特殊的网页。

这样的图例表示合适伐

（3）如果让你们来做一个网站，你们想做一个什么样的网站呢？怎么来做呢？

学生回答

教师引导：

从学生的回答情况作必要的引导

比如说学生喜欢做一个吃的网站，教师可以以之定位为“美食之家”，可以考虑放些哪些栏目，内容可以放些菜的营养价值、原料、做法等等，素材主要以文字、图片为主。（学生说，教师做引导和帮助）

引导学生确定网站的主题，主要栏目，栏目中内容可以放些什么内容，素材怎么来等等，这样可以帮助学生理清网站的基本步骤

教师归纳网站设计的基本步骤。（Ppt展示步骤）

关于网站建设的步骤在PPt中展示后，还要不要再板书上展示

那么刚才同学们谈到的“美食之家”，我们可以把这类网站定位为生活类的网站，小说漫画可以考虑为文学艺术类的网站，那么现在有一些常用的网站主题供大家参考（P45）

常用网站主题参考

初一学生对上述表格中的这些主题是否有兴趣？？

动漫、小说、美食、地方文化、地方特产、流行服饰、音乐、旅行摄影等等

主题确定了以后，大家来看刚才这个网站，我们还要相应的栏目框架，就好比我们装修房子之前要有设计图纸一样，没有规划好结构，结果往往达不到我们预期的目的

我们可以把这个网站的结构归结为如下

这时ppt上展示主题参考和网站结构规划，以便学生进行有针对性的思考方向，2-3个同学互相合作共同完成网站设计方案表，对学生提出任务，大家明确老师布置的任务了吗？

在这个过程，对2-3个同学需不需要分工明确，比如说两个同学相互讨论后确定主题、网站名称和主要内容，其中一个同学完成输入，另外的同学思考方案表有无补充？？

网站设计方案表

教师巡视指导，并且发现学生中设计方案相对规范和出现问题的地方。

（4）作业保存和作业的评价

1）文件的保存，文件另存为什么？  如：两个同学   “学号1 姓名1 + 学号2  姓名2.doc”

（准备：事先问清楚学生平时交作业的习惯和方式）

2）作业的讲评，看课堂的时间情况

作业点评的时候，主题是否明确，内容是不是有特色，素材的来源清晰（教师引导可以考虑到哪边去查找更多的资料），不规范的地方在哪里。

（5）小结

  今天这节课每个同学都参与了网站设计的规划，有什么收获？

学生回答

网站制作成功了就可以知识等方面的共享，平时在上网过程中的知识共享和收获，

板书

你想设计什么样的网站

一、网站、网页、主页

这三个概念之间的关系要不要用图例来表示？？

二、网站设计的基本步骤

选择主题

规划网站结构

收集、整理和处理素材

网页制作

网站发布

三、规划网站结构

                   主 页

栏目1     栏目2       栏目3       栏目4      。。。。。