《制作网站》教学设计

《《制作网站》教学设计》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第10章第2节《制作网站》教学设计（第1课时）句容市大卓中学邰小佳2014年11月27日一、教学要求1．认识FrontPage软件窗口的基本结构，比较与Word的异同。2．理解站点的意义，学会建立、删除站点。3．掌握建立简单网页的方法，能够排版、编辑文字与图片。4．能够灵活设置网页属性，如背景、背景音乐等。5．掌握网页设计中图片、水平线的插入方法及属性设置。6．掌握保存网页的方法，进一步理解建立网站的意义。二、教材分析与教学建议【教材地位和要求】：本部分是网页设计的第一步，是网页设计中最基础的部分，其侧重点是熟悉软件界面、网页设计中文字的编辑、排版与

2、修饰，图片的插入与排版以及网页属性的设置。本部分具有承前启后的作用，其教学目的是为了提高学生综合处理文字、图片等信息的能力。【教学重点】：(1)认识FrontPage2003窗口结构及主要菜单的功能。(2)掌握建立、删除网站的基本方法，网站的管理作用。(3)掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。(4)掌握设置网页属性的一般方法。【教学难点】：（1）站点的作用和存储路径。（2）网页的保存。【教学方法】：对比、任务驱动、自主探究、演示、小组合作等。三、教学中的几个关键知识点：（1）网站的作用，它与文件夹的区别。（2）网页属性、

3、水平线属性、图片属性的设置方法。（引入对象不同，属性也不同，所以属性设置的对话框也不同）（3）文字的编辑与排版：网页设计中，应正确引用网上下载的资料，除了内容的相关性以外，还要注意文字导入的方法，一般不宜采取直接粘贴的方法，而执行“编辑→选择性粘”命令，采用“普通段落”，能够清除原来格式，再利用“格式”菜单下的工具排版文字。（4）标志设计：简单介绍标志的意义。（5）标题设计：作为拓展内容，在组间交流作品后根据学生设计情况做出相应要求。（6）注意指导学生保存网页文件，如网页存储的位置、网页中图片信息的存储位置、背景音乐等多媒体信息的存储位置等。四、教案

4、：【教学目标】：1．知识与技能（1）认识FrontPage软件窗口结构，比较与Word窗口的相同与不同点。（2）了解站点与主页的概念，理解站点的意义，学会建立、删除站点。（3）掌握简单网页的新建方法，能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐等。4（4）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2．过程与方法（1）通过对比教学，使学生掌握学习及应用软件的基本方法和规律，达到举一反三的功效。（2）通过学生动手设计网站的实践活动，使学生建立对象属性设

5、置的思维方法和操作方法，为学生今后学习其它软件奠定了基础。3．情感态度与价值观（1）通过对比学习使学生体验软件学习的方法及规律，提高学生学习信息技术的信心。（2）通过网站创建和首页设计，掌握对象属性的设置方法，初步体验成功的快乐。（3）通过创建“动物—人类的朋友”网站，使学生树立人与动物和谐相处，珍爱、善待和保护动物的理念。【教学过程】：教学过程教师活动学生活动设计意图引入1．以学生上网、浏览网页为切入口，提出本节课题。2．通过浏览网站解释网站、网页、首页概念。网页：超文本标注语言（HTML）描述的文档，包括文本、图像、声音和动画信息，我们通过浏览器

6、在网上所看到的每个画面都是网页。网站：按照某个目的规划的多个网页的集合。网页之间彼此链接，访问者能利用超级链接看到每页的内容。首页：访问网站时看到的第一个页面通常称为这个网站的首页或主页。3.同学们喜欢上网浏览别人制作精美的网页、获取丰富的信息，是否想过自己制作网页供别人去浏览呢？展示“动物——人类的朋友”首页，提出本节课学习达成目标。通过教师浏览网站了解网站、网页、首页概念。了解本节课所要达成的目标。由学生已掌握的知识入手，自然过渡，活跃气氛。直观感知本节课的学习成果，激发学习兴趣。过渡1．简单介绍HTML语言，是一种能识别文本、图像、声音、动画等

7、信息的语言，可直接用HTML语言编写程序制作网页，但太专业，比较麻烦，且不直观。通过查看网页源文件让学生了解HTML语言。2．如今网页制作的软件有很多，如：Dreamweaver、FrontPage、东方网页王等。今天我们就来学习如何使用FrontPage来制作网页。3．展示本节课的3个学习任务。通过观察老师查看网页源文件了解HTML语言。通过对比超文本标识语言与网页制作软件，增强学生学习信心，也为讲解4种工作模式做铺垫。新授一、认识FrontPage启动FrontPage，与Word比较窗口的组成有什么异同？1．6种视图模式：“页面”、“文件夹”、

8、“报表”、“导航”、“超级链接”和“任务”，通过切换视图模式，可以有针对性地查看站点内容或网站结构。2．编辑