网页制作教案1VIP免费

第二章网页制作一、教学要求1、让学生掌握建立网站和制作网页的基本方法。2、使学生学会设计网上交流的技巧。3、对学生进行美育的培养。4、让学生了解发布网站的基础知识。二、教学内容1制作“自我简介”2初建“我的家园”3设计“网上交流”4装饰“我的家园”5点缀“我的家园”6网上安家三、重点和难点1、重点：(1)设计网站的基本结构(2)制作网页的基本方法(3)美化网页的技巧2、难点：(1)悬停按钮的制作和使用(2)美化网页的各种方法四、教学方法教师可要求同学们将上一章学习过程中搜集到的资料组织起来，制作一个宣传环保的主页，可以一个人做，也可几个人合作制作，最后一节课或课余时间进行评比，将优秀主页发布到校园网上。五、教学时间：3课时六、教学过程：第一节制作“自我简介”一、教学要求：掌握制作网页的基础知识，学会在网页中插入文字、图像和表格。二、教学内容：1、制作网页标题2、展示“自我”形象3、制作“我的简历表”三、教学重点、难点：本节内容的重点是网页中文字、图片、表格的插入及修饰；难点是图片属性的设置。四、教学方法：示范法、讲解法、总结法、练习法。五、教学时间：3课时六、教学过程：第一课时制作“网页标题”（一）课前谈话、引入课题，展示一个制作好的“自我简介”网页，提高学生的学习兴趣。（二）提出本节课的主要任务——制作网页标题1、教师简单介绍网页制作软件FrontPage窗口：标题栏、菜单栏、工具栏、编辑区、管理视图面板、编辑视图面板、状态栏。2、学生自学文字的输入、修饰及文件的保存（这些内容和Word中的操作类似），修饰文字可用工具栏按钮，也可用“格式”——“字体”菜单。3、解释HTML：HTML(HypeTextMarkupLanguage)超文本标记语言。网页文件实际上是一个按HTML语言规则编写的文本文件，我们看到的网页是浏览器对HTML文件进行逐条解释，再显示出来的结果。（三）学生用FrontPage再制作主题为“兴趣特长”和“成长之路”的网页，教师巡视指导。（四）总结本节内容，提出思考问题：如何调整文字的间距？1、启动“MicrosoftFrontPage”2、窗口介绍/输入“自我介绍”并居中/设置字体、字号、字型等/保存/另存对话框的使用3、HTML语言（HyperMarkupLanguage）这种语言是用“〈〉”来标记网页中对象的格式和有关参数。文字保存在HTML文件中，其它对象只保存了相应的标识和有关参数。（五）教学后记：第二课时展示“自我”形象（一）复习标题文字的添加，引入新课：在网页中添加图片（二）讲授新课，教师演示图片插入到网页中：1、打开网页jianjie.htm，选择“插入”——“换行符”菜单命令，弹出“换行符属性”对话框，选择“普通换行符”，单击“确定”按钮，将光标下移一行。（用换行符换行行距为0）；2、单击“常用工具栏”上的“插入文件中的图片”按钮，弹出“图片”对话框；3、单击“剪贴画”按钮，弹出“剪贴画库”窗口，在“比喻”类别中找到一张剪贴画图片。单击图片——插入；4、调整图片的大小、并居中放置。在FrontPage中可以插入的图片文件格式很多如：GIF、JPG、PNG和BMP。（三）指导学生做练习1、在已建立的“兴趣特长”网页中，使用“常用”工具栏上的“插入文件中的图片”按钮，加入合适的图片，并调整图片的位置和大小。2、选择“格式”——“背景”菜单命令在网页中加入背景图片。（四）教师总结，指出学生操作中存在的问题。1、插入/换行符/普通换行符（回车换行行距较大，而采用普通换行符行距为0）2、常用工具栏/插入文件中的图片/剪切画/调整大小、位置（插入的图片格式多为gif/jpeg/png等）3、加入背景图片/“格式”/“背景”（五）布置作业：第三课时制作“简历表”（一）复习检查,指名学生操作演示上节课内容,在网页中插入图片的操作，并加以评价，做得好的给以表扬。引入新课，如何在网页中插入表格。（二）讲授新课，在FrontPage中插入表格：1、在FrontPage中插入表格，可以整齐地排列文本，有效地组织数据，使整个网页看起来简洁清晰。2、教师边讲解边演示，（1）单击“常用工具栏”上的“插入表格”按钮，制作一个6×2的表格；（2）在第一行第二列中，单击鼠标右键，在弹出的快捷菜单中，选...