《制作网站》教学设计.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比较窗口的组成有什么异同？16种视图模式：“页面”、“文件夹”、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可以有针对性地查看站点内容或网站结构。2编辑区的4种工作模式：设计、拆分、代码和预览。学生打开软件，仔细观察，类比学习，同时翻看教材，了解新知识。传授软件学习的方法类比法、知识迁移。二、建立站点由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，我们以站点的形式来管理网站内部文件。创建一个站点，在站点中制作网页，并把制作的网页及相关素材保存在站点的相关文件夹中。【任务1】 在D盘下建立一个站点，站点名称：dongwu。1指导学生对照书本进行学习，同时注意学案上的提示。2删除站点：对于不再需要的站点，可以像删除文件夹一样，直接删除站点文件夹，也可用“编辑”菜单中的“删除”命令。 3教师巡视课堂，做个别辅导。4针对普遍问题，教师做详细讲解。5小组内合作交流。6对学生的完成情况做简单评价。深入一问：在文件夹列表中看到了什么？分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在“images”文件夹中。学生明确教师要求后，阅读教材和学案，开展自学活动。组内合作交流。学生观察文件夹列表。传授软件学习的方法：对照教材，操作步骤自学法。发挥信息素养差异的同学合作交流能力。培养学生利用文件夹列表查看、管理网站的意识。新授三、设计首页1展示“动物人类的朋友”网页，介绍首页组成情况及标志图、水平线的作用，提出课堂制作要求。2【任务2】 新建首页，要求首页中有如下对象（不提出明确的属性设置要求）：（1）网站标题、水平线、网站标志图。（2）网站文字介绍。（3）背景图片与音乐。（4）欢迎光临动画、进入下一页标记。3保存网页难点由教师深入讲解。执行“文件另存为”命令，以index.htm命名保存，在“保存嵌入式文件”中选择“更改文件夹”，将图片保存在“images”中，便于站点的管理。保存后再次查看文件夹列表，比较变化。4教师巡视课堂，做个别辅导5完成后组内交流。6组间进行交流，教师选择页面制作精美的与一般的进行对比，引导学生总结不同对象的属性设置。学生构思自己网站首页中各对象的布局，不做具体要求，但要求出现元素不得缺少。学生明确教师要求后，阅读教材和学案，开展自学活动。学生认真听讲，按要求保存自己的网页。组内交流制作的情况。要求学生根据教材和学案完成基本操作。突破难点。发挥信息素养差异的同学合作交流作用。加强属性设置重点。总结与评价（）引导学生进行总结，反馈学生相关知识的掌握情况。（）教师与学生共同评价。同学间相互检查作业，推荐优秀作品，展示给全班同学，表扬完成情况好的同学与帮助他人的同学。学生总结，继续完成自己的主页，完成的同学做老师的小助手，辅导需要帮助的组内同学。加强总结反馈，鼓励学生互帮互助。五、学案【学习目标】：1认识FrontPage软件窗口的基本结构，比较与Word的异同。2理解站点的意义，学会建立、删除站点。3掌握建立简单网页的方法，能够排版、编辑文字与图片。 4能够灵活设置网页属性，如背景图片、背景音乐等。5掌握网页设计中图片、水平线的插入方法及属性设置。6掌握保存网页的方法，进一步理解建立网站的意义。【学习重点】：1.网站的建立与删除；2.设计简单网页的基本方法，如文字、图片的插入与编辑；3.设置网页属性的一般方法。【学习难点】：网页的保存。【学习方法】：类比法、自主探究、任务驱动、小组合作交流【学习过程】：一了解网站、网页、主页的概念二认识FrontPage1.启动FrontPage，打开窗口2.熟悉FrontPage窗口（1）标题栏、菜单栏、工具栏、视图窗口、编辑窗口、状态栏等（2）六种视图：网页、文件夹、报表、导航、超级链接、任务（3）四种工作模式：设计、拆分、代码、预览三建立站点可以方便网页的管理、浏览及发布，便于网站存储位置的移动和维护。在站点中制作网页，并把制作的网页及相关素材保存在站点的相关文件夹中。任务1：建立站点 （课本P75 实践学习）（1）注意文件的存储位置：d:dongwu（2）文件命名尽可能用英文或汉语拼音，不要过长。不要忘了鼠标还有一个右健！四设计首页利用老师提供的素材制作关于动物保护的首页。任务2：制作首页（课本P76-79 实践学习）（1）插入图片时，图片定位可以左对齐、右对齐、居中对齐，也可用图片工具的绝对定位来实现；（2）文字输入与排版可直接将素材中文字介绍内容复制，但一般采用“编辑选择性粘贴”命令，采用“普通段落”粘贴方式便于排版。（3）标题、水平线、图片、网页背景图片与音乐均需进行属性设置，且方法各不相同；（4）保存网页，要通过“另存为保存嵌入式文件更改文件夹”进行选择存放，要养成良好的归类保存文件的习惯！图片、动画可存入站点的“images”文件夹中。五组内、组间交流，学生总结。与你的小伙伴们一起分享下吧！六再进行修饰、完善。任务3（选做）：你还能将首页设计的更美观吗？4