《网页的制作-html网页制作教程.docx》由会员分享,可在线阅读,更多相关《网页的制作-html网页制作教程.docx(6页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、网页的制作|html网页制作教程一、教学目标1、知道站点、主页的概念,能在指定位置建立只有一个网页的站点;2、相识FRONTPAGE的界面;3、驾驭在主页中插入文字、图片、水平线;4、驾驭页面文件与图片的保存。二、教学重点1、能在指定位置建立只有一个网页的站点(难点)2、能在页面中插入文字、图片、水平线3、驾驭页面文件与图片的保存(难点)三、学情分析学生已经学习了WORD、POWERPOINT与上网阅读信息,对计算机的基本操作(WORD中文档的编辑,网页的阅读等)比较娴熟。这使得学生主动探究、自主学习成为可能。每位学生必需完成基本任务,有实力的学生还可以完成提高篇的学习,以充分发挥学生的主动性
2、与自主性。四、教学方法在教学中,一方面采纳比较教学的方法,促进学生学问的迁移;另一方面,供应学生一个导学课件,让学生依据这个网络环境下的课件自己探究学习,以满意不同层次学生的需求。五、教学过程设计老师活动:1、引入课题:(激发爱好,活跃气氛)同学们喜不喜爱上网?常常上新浪、西祠胡同等,有没有同学知道新浪、西祠胡同称做什么?(网站)阅读新浪网站,阅读的第一个页面称为什么?(主页)我们还可以阅读其它的页面,点击超链接阅读,当鼠标变成手指的形态时有超链接。问题1:网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页,通过超链接把不同的页面链接起来)问题2:网页是不是就是主页?(第一个
3、页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为:index.htm,主页也是网页)设计网站一般必需经过两个步骤,首先是在计算机里做好,然后发布在internet上,让全部的人访问阅读。今日我们学习用Frontpage建立站点,制作一个主页。先来探讨一下没有发布的网站,打开老师做的网站问:同学们看到了什么?(文件夹)总结:可以这样理解网站:在资源管理器里,网站表现为一个文件夹,里面存放的是全部与网站相关的文件。打开主页,阅读页面,这是老师做的一个导学课件,将帮助大家完成学习任务。请学生阅读老师课件,了解学习任务2、新建站点FP的启动问:与word比较,有什么不同?(增加了视图区
4、,编辑区有三个窗口)总结:视图区:多种视图模式是为了便利网站的管理。制作网页时,必需在网页视图中编辑页面一般窗口:鼠标在闪动,可编辑、修改页面,所见即所得的方式预览窗口:阅读器中出现的效果,与PowerPoint中的“放映幻灯片”类似。Html窗口:编写HTML(超文本标记语言,它是描述网页内容和外观的标准。)打开导学软件,依据步骤,示范建立只有一个网页的站点,强调新站点的位置、路径的正确输入,站点的名称。(教会学生利用导学课件,依据导学软件完成任务)任务1:学生依据导学课件,在d:建立自己站点老师巡察指导请一位学生示范如何建立站点,老师总结问:在文件夹列表中看到了什么?分析多出的文件夹列表栏
5、,多了一个文件夹,里面有两个子文件夹和主页,图片存放在images文件夹中)3、编辑主页与保存主页看效果图,请学生分析主页中的元素总结:显明的主题,如:我的世界、我的宠物等,有分割页面的水平线,与主题相关的图片,对网站的简洁介绍依据导学软件,学生完成任务2:设计主页、保存主页与图片老师巡察指导4、总结反馈请学生示范,讲解如何插入图片(来自剪贴画与来自文件)、插入水平线,如何保存总结:必需切换到“一般”窗口下编辑主页的保存中存在问题:单击“文件”-“保存”或工具栏的“保存”按扭,弹出一个对话框,保存嵌入式文件,变更文件夹,图片必需保存在本站点images文件夹中,便于站点的管理。5、请学生接着完
6、成自己的主页,有实力的同学完成提高篇老师巡察指导6、老师与学生共同评价总结展示学生作品,老师与学生共同评价请学生总结今日的学习内容:建立包含一个页面的站点,主页的设计与保存。学生活动:学生回答问题、学视察鼠标指针、学生回答问题、学生视察网站的表现形式、齐声回答、学生阅读课件,并了解本节课的学习任务、学生视察FP界面与word的不同、学生回答、学生视察老师演示不同编辑窗口的区分。学生上机操作,在指定位置建立自己站点、请先做好的学生当小老师,辅导其它学生。学生回答、学生操作,同桌相互帮助,并参考老师做的课件,利用网络环境下的课件自己探究学习,满意不同层次学生的需求、学生总结注:课件中包含每一个操作
7、过程的操作步骤及拓展的学问、基本任务与提高任务的效果图。点评:教学课题“网页制作”作为初中阶段的最终一部分内容,难度较大,教学的深度较难驾驭。这就要老师在备教材的基础上,同时还要备学生,做到对学生的状况有较为深刻地了解,以便很好地完成教学任务,达到预期的教学效果。依据教材和中小学信息技术课程指导纲要(试行)中的精神,本课应以“任务驱动”的方式完成,一方面教会学生了解和熟识详细软件的基本功能,另一方面又能主动地驾驭并深化学习思索。寻着这个思路授课老师在课前作了大量的课前打算制作出了相应的教学课件“网页制作”。一、调动学生的学习热忱,变被动学习为主动学习整个教学过程张云老师实行了“引导加任务驱动”的模式进行。首先老师进行导入,导入概念,强调概念;再引导学生学习课件的运用,引导他们读懂课件中的第一个任务:建立一个只有一页的网站,(此处若能引导学生,由学生来完成,削减老师的操作,效果会更好),然后让学生仿照第一步的操作进行下面内容的学习,完成导学材料中给出的一个个任务。二、突出重点,刚好点评张云老师在引导学生进行学习、操作后,就主动地去视察和发觉学生中出现的问题,甚至于课前对可能出现的问题,也进行有预见性地打算;发觉问题刚好点评。(点评分为个别点评和全班点评,点评不等于老师将操作过程演示一遍。张云老师在点评建成的网站时,重点若再突出些,介绍再清晰些,效12下一页
限制150内