《制作网站》教学设计.doc

第10章第2节 《制作网站》教学设计（第1课时） 句容市大卓中学 邰小佳 2014年11月27日 一、教学要求 1．认识FrontPage软件窗口的基本结构，比较与Word的异同。 2．理解站点的意义，学会建立、删除站点。 3．掌握建立简单网页的方法，能够排版、编辑文字与图片。 4．能够灵活设置网页属性，如背景、背景音乐等。 5．掌握网页设计中图片、水平线的插入方法及属性设置。 6．掌握保存网页的方法，进一步理解建立网站的意义。 二、教材分析与教学建议 【教材地位和要求】： 本部分是网页设计的第一步，是网页设计中最基础的部分，其侧重点是熟悉软件界面、网页设计中文字的编辑、排版与修饰，图片的插入与排版以及网页属性的设置。本部分具有承前启后的作用，其教学目的是为了提高学生综合处理文字、图片等信息的能力。 【教学重点】： (1)认识FrontPage 2003窗口结构及主要菜单的功能。 (2)掌握建立、删除网站的基本方法，网站的管理作用。 (3)掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。 (4)掌握设置网页属性的一般方法。 【教学难点】： （1）站点的作用和存储路径。 （2）网页的保存。 【教学方法】：对比、任务驱动、自主探究、演示、小组合作等。 三、教学中的几个关键知识点： （1）网站的作用，它与文件夹的区别。 （2）网页属性、水平线属性、图片属性的设置方法。（引入对象不同，属性也不同，所以属性设置的对话框也不同） （3）文字的编辑与排版：网页设计中，应正确引用网上下载的资料，除了内容的相关性以外，还要注意文字导入的方法，一般不宜采取直接粘贴的方法，而执行“编辑→选择性粘”命令，采用“普通段落”，能够清除原来格式，再利用“格式”菜单下的工具排版文字。 （4）标志设计：简单介绍标志的意义。 （5）标题设计：作为拓展内容，在组间交流作品后根据学生设计情况做出相应要求。 （6）注意指导学生保存网页文件，如网页存储的位置、网页中图片信息的存储位置、背景音乐等多媒体信息的存储位置等。 四、教案： 【教学目标】： 1．知识与技能 （1）认识FrontPage软件窗口结构，比较与Word窗口的相同与不同点。 （2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。 （3）掌握简单网页的新建方法，能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐等。 （4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。 2．过程与方法 （1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。 （2）通过学生动手设计网站的实践活动，使学生建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。 3．情感态度与价值观 （1）通过对比学习使学生体验软件学习的方法及规律，提高学生学习信息技术的信心。 （2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。 （3）通过创建“动物—人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的理念。 【教学过程】： 教学过程 教师活动 学生活动 设计意图 引入 1．以学生上网、浏览网页为切入口，提出本节课题。 2．通过浏览网站解释网站、网页、首页概念。 网页：超文本标注语言（HTML）描述的文档，包括文本、图像、声音和动画信息，我们通过浏览器在网上所看到的每个画面都是网页。 网站：按照某个目的规划的多个网页的集合。网页之间彼此链接，访问者能利用超级链接看到每页的内容。 首页：访问网站时看到的第一个页面通常称为这个网站的首页或主页。 3. 同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息，是否想过自己制作网页供别人去浏览呢？展示“动物——人类的朋友”首页，提出本节课学习达成目标。 通过教师浏览网站了解网站、网页、首页概念。 了解本节课所要达成的目标。 由学生已掌握的知识入手，自然过渡，活跃气氛。 直观感知本节课的学习成果，激发学习兴趣。 过渡 1．简单介绍HTML语言，是一种能识别文本、图像、声音、动画等信息的语言，可直接用HTML语言编写程序制作网页，但太专业，比较麻烦，且不直观。通过查看网页源文件让学生了解HTML语言。 2．如今网页制作的软件有很多，如：Dream weaver 、FrontPage 、东方网页王等。今天我们就来学习如何使用FrontPage来制作网页。 3．展示本节课的3个学习任务。 通过观察老师查看网页源文件了解HTML语言。 通过对比超文本标识语言与网页制作软件，增强学生学习信心，也为讲解4种工作模式做铺垫。 新授 一、认识FrontPage 启动FrontPage，与Word