第2课蓝图设计 (一)本课教学目标 1.根据自己站点的主题,会对自己的站点进行规划、设计。 2.会通过多种途径收集资料 (二)教学设计与教学建议 课堂引入分析 请同学们欣赏几个网站的首页,并以学习小组为单位讨论首页一般包 含哪些信息。由此引出要规划个人网站,需要从哪几方面入手。 规划个人网站,主要包括网站名称、网站栏目及主要内容,还要考 虑应准备哪些素材,收集的素材一定要围绕网站的主题。 由于制作一个网站工程比较大,可以采用小组分工合作的方式进行。 组内的同学共同商讨确定网站名称、结构,然后分工收集相关资料,并 进行分类汇总。通过这种方式不但可以节省时间,还可以培养学生合作 的能力
11 第2课 蓝图设计 （一）本课教学目标 1．根据自己站点的主题，会对自己的站点进行规划、设计。 2．会通过多种途径收集资料。 （二）教学设计与教学建议 1．课堂引入分析 请同学们欣赏几个网站的首页，并以学习小组为单位讨论首页一般包 含哪些信息。由此引出要规划个人网站，需要从哪几方面入手。 规划个人网站，主要包括网站名称、网站栏目及主要内容，还要考 虑应准备哪些素材，收集的素材一定要围绕网站的主题。 由于制作一个网站工程比较大，可以采用小组分工合作的方式进行。 组内的同学共同商讨确定网站名称、结构，然后分工收集相关资料，并 进行分类汇总。通过这种方式不但可以节省时间，还可以培养学生合作 的能力
2.重点内容分析 本节课的重点可以分为两点: (1)规划网站。对于学生来说,建设一个网站,是一件比较浩大的 工程,要完成这个任务,学生会感觉到无从入手,不知道怎么做,因此 本节课的重点之一是规划网站。通过规划网站,让学生了解制作网站的 过程。 规划网站的过程是:确定网站名称——规划网站的结构—收集素 材。网站的名称相当于网站的主题,网站中的所有内容都要围绕这个主 题来设计,所以确定了名称,也就确定了网站的大方向。网站的结构指 的是网站中的网页存在的层次关系。一个网站是由很多网页组成的,网 页之间存在着层次关系:主页是最顶层,主页的下一层是网站的各个栏 目,各栏目又能细分,构成第三层,甚至更多层,如下图所示。 彩虹花园(主页 index) 通世界 作文乐园 动感地带闪客一
12 2．重点内容分析 本节课的重点可以分为两点： （1）规划网站。对于学生来说，建设一个网站，是一件比较浩大的 工程，要完成这个任务，学生会感觉到无从入手，不知道怎么做，因此 本节课的重点之一是规划网站。通过规划网站，让学生了解制作网站的 过程。 规划网站的过程是：确定网站名称——规划网站的结构——收集素 材。网站的名称相当于网站的主题，网站中的所有内容都要围绕这个主 题来设计，所以确定了名称，也就确定了网站的大方向。网站的结构指 的是网站中的网页存在的层次关系。一个网站是由很多网页组成的，网 页之间存在着层次关系：主页是最顶层，主页的下一层是网站的各个栏 目，各栏目又能细分，构成第三层，甚至更多层，如下图所示
在制作网站前画出如上图所示的网站结构图,不但可以帮助我们规 划网站结构,使网站层次分明、条理清楚,还可以确定各个网页的内容 方便大家思考各网页之间的链接方式。 (2)收集素材并进行分类保存。规划好了网站的结构,也就确定各 个网页的内容,此时可以根据网站的结构收集相关的素材。收集素材的 方法有多种,可以利用素材光盘、数码相机拍摄、网上下载等方法获取 文字、图片、视频、声音、动画等资料。由于需要收集的资料很多,为 了便于管理这些资料,我们可以把它进行分类整理,放在不同的文件夹 中。分类的方法有两种:可以根据网站的栏目创建文件夹,把与栏目相 关的素材存放在这个文件夹中,如针对上图中的“卡通世界”、“心语 日记”、“小小戏迷”、“闪客一族”、“作文乐园”、“动感地带” 等创建相应的文件夹;还可以根据素材的类型创建文件夹,如“文字” “图片”、“视频”、“声音”、“动画”等。经过以上这些准备工作, 就可以创建网站了 3.归纳提高分析 本节课涉及到的知识可以归纳为以下几点: (1)在创建网站前,一定要对网站的内容、结构等进行规划,并画 出网站结构图,使网站层次分明、条理清楚,并确定各个网页的内容。13
13 在制作网站前画出如上图所示的网站结构图，不但可以帮助我们规 划网站结构，使网站层次分明、条理清楚，还可以确定各个网页的内容， 方便大家思考各网页之间的链接方式。 （2）收集素材并进行分类保存。规划好了网站的结构，也就确定各 个网页的内容，此时可以根据网站的结构收集相关的素材。收集素材的 方法有多种，可以利用素材光盘、数码相机拍摄、网上下载等方法获取 文字、图片、视频、声音、动画等资料。由于需要收集的资料很多，为 了便于管理这些资料，我们可以把它进行分类整理，放在不同的文件夹 中。分类的方法有两种：可以根据网站的栏目创建文件夹，把与栏目相 关的素材存放在这个文件夹中，如针对上图中的“卡通世界” 、 “心语 日记” 、 “小小戏迷” 、 “闪客一族” 、 “作文乐园” 、 “动感地带” 等创建相应的文件夹；还可以根据素材的类型创建文件夹，如“文字” 、 “图片” 、 “视频” 、 “声音” 、 “动画”等。经过以上这些准备工作， 就可以创建网站了。 3．归纳提高分析 本节课涉及到的知识可以归纳为以下几点： （1）在创建网站前，一定要对网站的内容、结构等进行规划，并画 出网站结构图，使网站层次分明、条理清楚，并确定各个网页的内容
(2)根据网站的结构收集相关的素材,收集素材的途径有多种,可 以利用素材光盘、数码相机拍摄、网上下载等方法获取文字、图片、视 频、声音、动画等资料 (3)为了便于管理收集到的素材,我们可以把它进行分类整理,放 在不同的文件夹中。分类的方法有两种,一是根据网站的栏目创建文件 夹,二是根据素材的类型创建文件夹。 (三)教学补充 1.看看在第1课教学补充提供的网站中都包含哪些信息,并试着列出 这些网站的结构,最多有几层? 2.请规划设计自己的网站,并画出网站结构图。 3.根据网站结构收集相关的资料,并建立文件夹,将收集到的资料 进行分类保存。 4.收集到的资料可以根据需要进行适当的修改。如获取的文字资料, 可以在Word软件中进行编辑修改;获取的图片资料可以用 Windows操作系 统自带的画图软件进行修改,也可以用 Photoshop等专业绘图软件进行修 改、加工;获取的声音资料,可以用 Windows操作系统自带的录音机进行 修改,或用超级音频解霸等专业处理声音的软件进行修改;获取的视频 资料可以用超级解霸、绘声绘影等软件进行加工处理。 BaCH 14
14 （2）根据网站的结构收集相关的素材，收集素材的途径有多种，可 以利用素材光盘、数码相机拍摄、网上下载等方法获取文字、图片、视 频、声音、动画等资料。 （3）为了便于管理收集到的素材，我们可以把它进行分类整理，放 在不同的文件夹中。分类的方法有两种，一是根据网站的栏目创建文件 夹，二是根据素材的类型创建文件夹。 （三）教学补充 1．看看在第1课教学补充提供的网站中都包含哪些信息，并试着列出 这些网站的结构，最多有几层？ 2．请规划设计自己的网站，并画出网站结构图。 3．根据网站结构收集相关的资料，并建立文件夹，将收集到的资料 进行分类保存。 4．收集到的资料可以根据需要进行适当的修改。如获取的文字资料， 可以在Word软件中进行编辑修改；获取的图片资料可以用Windows操作系 统自带的画图软件进行修改，也可以用Photoshop等专业绘图软件进行修 改、加工；获取的声音资料，可以用Windows操作系统自带的录音机进行 修改，或用超级音频解霸等专业处理声音的软件进行修改；获取的视频 资料可以用超级解霸、绘声绘影等软件进行加工处理
第3课花园之匙 (一)本课教学目标 1.理解网站站点的概念,掌握创建站点的操作 2.会用表格规划网页的版面 3.会在表格中插入文字和图片,会设置单元格中的文字格式,会设 置文字和图片在单元格中的对齐方式 4.会保存网页,并将网页中的图片保存到 Images文件夹中 培养学生自学与合作学习的能力。 (二)教学设计与教学建议 1.课堂引入分析 创建站点对于学生来说并不是难点,如何规划网页的版面,对于学生 来说难度更大。因此在课堂引入部分,可以这样设计: 首先教师可以准备两个内容一样的网页,一个是没有用表格规划版面 的,一个是用表格规划版面的,让学生观察预览效果,比较哪一个更好; 15
15 第3课 花园之匙 （一）本课教学目标 1．理解网站站点的概念，掌握创建站点的操作。 2．会用表格规划网页的版面。 3．会在表格中插入文字和图片，会设置单元格中的文字格式，会设 置文字和图片在单元格中的对齐方式。 4．会保存网页，并将网页中的图片保存到images文件夹中。 5．培养学生自学与合作学习的能力。 （二）教学设计与教学建议 1．课堂引入分析 创建站点对于学生来说并不是难点，如何规划网页的版面，对于学生 来说难度更大。因此在课堂引入部分，可以这样设计： 首先教师可以准备两个内容一样的网页，一个是没有用表格规划版面 的 ，一个是用表格规划版面的，让学生观察预览效果，比较哪一个更好；