第一篇：网页制作的教学设计
网页制作的教学设计
一、教学目标
1 、知道站点、主页的概念，能在指定位置建立只有一个网页的站点;
2 、认识 FRONTPAGE 的界面;
3 、掌握在主页中插入文字、图片、水平线;
4 、掌握页面文件与图片的保存。
二、教学重点
1 、能在指定位置建立只有一个网页的站点(难点)
2 、能在页面中插入文字、图片、水平线
3 、掌握页面文件与图片的保存(难点)
三、学情分析
学生已经学习了 WORD 、 POWERPOINT 与上网浏览信息，对计算机的基本操作( WORD 中文档的编辑，网页的浏览等)比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
四、教学方法
在教学中，一方面采用比较教学的方法，促进学生知识的迁移;另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计
教师活动： 1 、引入课题：(激发兴趣，活跃气氛)
同学们喜不喜欢上网?经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么?(网站)
浏览新浪网站，浏览的第一个页面称为什么?(主页)
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题 1 ：网站是不是就是网页?用自己的语言描述一下网站的概念(网站包含多个网页，通过超链接把不同的页面链接起来)
问题 2 ：网页是不是就是主页? ( 第一个页面称为主页 , 网站设计者可以确定哪一个是主页 , 主页的文件名一般为： index.htm, 主页也是网页 )
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，让所有的人访问浏览。
今天我们学习用 Frontpage 建立站点，制作一个主页。
先来研究一下没有发布的网站 , 打开教师做的网站
问：同学们看到了什么?(文件夹)
总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务
2 、新建站点
FP 的启动
问：与 word 比较，有什么不同?
(增加了视图区，编辑区有三个窗口)
总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式
预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。
Html 窗口：编写 HTML (超文本标记语言，它是描述网页内容和外观的标准。)
打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
(教会学生利用导学课件，根据导学软件完成任务)
任务 1 ：学生根据导学课件，在 d: 建立自己站点
教师巡视指导
请一位学生示范如何建立站点 , 教师总结
问：在文件夹列表中看到了什么?
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在 images 文件夹中)
3 、编辑主页与保存主页
看效果图，请学生分析主页中的元素
总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍
根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片
教师巡视指导
4 、总结反馈
请学生示范，讲解如何插入图片(来自剪贴画与来自文件)、插入水平线，如何保存
总结：必须切换到 “ 普通 ” 窗口下编辑
主页的保存中存在问题：
单击 “ 文件 ”----“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。
5 、请学生继续完成自己的主页，有能力的同学完成提高篇
教师巡视指导
6 、教师与学生共同评价总结
展示学生作品，教师与学生共同评价
请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的表现形式、齐声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结
注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。
点评：
教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要(试行)》中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。
一、调动学生的学习热情，变被动学习为主动学习
整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导入，导入概念，强调概念;再引导学生学习课件的使用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，(此处若能引导学生，由学生来完成，减少老师的操作，效果会更好)，然后让学生模仿第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。
二、突出重点，及时点评
张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地准备;发现问题及时点评。(点评分为个别点评和全班点评，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，重点若再突出些，介绍再清楚些，效果会更好。比如：站点中内容说明不够清楚等。)
三、发挥学生的协作学习精神
张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ” ，从而体会到学习的乐趣。(整个教学过程中，这点做地不够，没有充分地让师生互动起来)
四、重点突出、目标明确
最后， 张 老师在整个教学过程中，应再突出教学重点，明确本节课的任务。(课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些知识，所以感觉这节课重点不突出，内容分散。)
五、教学效果较好
由 于张云 老师在课前对本课作了大量的准备工作，课件制作效果较好，所以学生完成情况很好，教学任务完成情况较好。
第二篇：《网页的制作》教学设计
山东省昌乐二中 滕学梅
【学情分析】
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。 【学习目标】
1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力; 2.大胆动手，积极实践，总结用网页表达主题的技巧和方法; 3.积极、热情地投入学习，体验网页制作的快乐。 【重点难点】
1.重点：利用表格对网页进行布局;网页中的图文设置及超链接的使用。 2.难点：网页间超链接的建立。 【教学过程】
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标(3分钟)
1.展示精彩网页(如北京大学、清华大学网站首页)，引导学生简单分析网页风格。 2.明确本节课学习目标与主要任务。
二、指导与点拨(3分钟)
1. 分析北京大学网站首页，观察其网页布局(如图)，引导学生尝试使用表格对网页进行版面设计。 2.对网页制作所用的基本操作进行点拨： (1)文字、图片的添加与调整 (2)网页背景的设置 (3)超链接的建立
三、基本功练习(10分钟)
1.任务：快速“克隆”示例网页。(素材发到桌面“基本功练习”文件夹中)
与word中的操作类似，注意迁移 2.要求：(1)先独立练习(参考导学案的“操作导航”);尝试一遍后可与组内同学小声交流，解决疑难问题;
(2)每组的“技术顾问”完成任务后可下座指导; (3)完成后相互检查超链接的效果。
四、制作主题网页(15分钟)
1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作;
2.具体要求参看导学案“实践探究”部分;可两人合作，有能力者最好独立完成;
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。
六、精彩展示(10分钟)各组派一代表向全班展示自己的作品，并简介操作要点。 展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么?有哪些可借鉴之处?
2.你是否清楚各作品的效果是如何实现的?若有疑问，及时提出。 3.能不能提出更好的修改建议?
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。 2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：(5分钟)
1.借鉴所展示作品的优秀之处，进一步完善自己的作品; 2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：(1)灵活运用基本操作;(2)版面设计清晰、条理，或者有独特之处;(3)配色和谐，给人美感;(4)超链接顺畅、自由，方便使用。 2.由学科班长公布本节课评价统计情况。
【教学反思】
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训(或者对各组长进行培训，由组长传达到展示者)，防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。 4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
第三篇：《简单网页制作之表格的使用》教学设计
省实附中 张晶
本人上学期才进入广州工作，现教初一计算机，手上没有教材，所以凭借原来的一点经验在林老师教学设计的基础上进行修改，写下自己的教学设计。希望各位老师给予批判指正。
一、 学生固有知识
学生已经学过利用表格在PowerPoint中使图文实现混排、在excel中对表格进行美化设置和修饰(熟悉并了解了表格的行、列、内外边框)等操作，因此本节课在介绍表格时不用花费过多的时间再去重复，可以让学生通过知识迁移的方法对表格有新旧知识的联系，教师只是起点拨的作用。
二、 教学重点
1、 表格的相关基本操作和灵活应用
2、 将页面中的各个元素合理的布局在表格中，实现图文混排
三、 教学难点
根据网页版面的设计需求熟练的运用表格和使用表格
四、 教学目标
1、
2、
3、 了解表格在网页设计中的作用与意义
继续熟练表格的相关基本操作(插入表格、合并单元格、拆分单元格、插入背景、边框设置)
初步掌握利用恰当的表格来规划网页版面的基本过程和方法。
五、 教学理念和教学方法
在教学过程中，以新课程的教学理念开展。创设学习情境，激发学生的学习兴趣。
教师采取的教法包括任务驱动法，学生演示法，指导法，讨论法等，使学生在学习过程中能自主的探究学习。
六、 教学过程设计
(一)内容复习
Teacher：打开并演示一个具体的网页
Q1：我们上节课学习过网站的一些基础知识，网站与网页的关系是? Q2：一般的网页上主要由哪些元素所组成?
Student：观看并思考回答
(二)新课导入
1.举例演示,学生思考不作回答：
例一：打开在PowerPoint中利用表格完成的图文并茂的幻灯片 教师以启发的方式提问：
Q1：在ppt中你是如何实现图文的混排? (表格)
Q2：在ppt中你是如何隐藏表格的边框线?(边框线宽度为?) Q3：你还记得如何将图片、背景等插入表格中吗?(学生思考) 例二：网页个(“英超射手榜”)，网页中既有明显的表格，也有隐含的表格(教师解释说明在网页中，表格存在两种不同的作用：排版与真正的表格)
例三：打开校园网，使用“编辑”按钮将它的表格显示在FrontPage的编辑窗口中学生观察，教师提问：在编辑窗口中表格的边框线为虚线,在预览窗口中边框线出现什么效果?
明确的指出: 表格在网页排版中的特殊意义——实现网页的精确排版和定位。 2. 联系学生已经学过的PowerPoint, excel，使用知识迁移，教师通过启发式进行提问如何对表格的属性进行修改?(鼠标右键)
T：请同学们带着我们学过PowerPoint, excel的学习经验，完成今天的操作题目：
(三)实践操作
目的：让学生利用知识迁移的方法自行掌握网页中表格的基本操作(插入表格，合并单元格，拆分单元格，设置边框，表格背景的插入)
任务一：给定两个文件夹,在 “文字”文件夹中有 “古诗一首”、“齐白石人生简介”、“课程表”等word文档，在“图片”文件夹中有相关的图片。
学生选取素材，根据各自的情况可完成一个、两个或多个网页文件， 要求：
1、页面中必须含有表格
2、恰当的使用表格进行排版和美化 给学生十分钟练习，教师巡视，请一位利用表格排版比较好的同学演示并讲解他的网页制作的方法。从中感受自己与别人的优点，应该在哪里取长补短。
教师将自己事先做好的三个网页进行展示，让学生观看点评。根据学生的情况对表格的排版和属性设置进行适当的点拨。
任务二：网页“精美台历”的制作(属于拓展进阶任务：让学有余力的学生选择性学习，掌握表中表的操作)
第四篇：网页设计师学习网页设计的经验和
技巧小结
随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招一个应届生网页设计师，算是一块成长。应届生有拼劲、肯学，但也好高骛远，起点都差不多，如何培养网页设计师就变得至关重要了。总结自己接触和学习设计的一点经验与大家分享，希望得到大家更多的建议。
一、配色
其实对色彩的感觉是设计师应具备的最基本素质，其作品不管是对网页界面、系统界面、还是产品包装等等都
有广泛应用。基本的一些理论，什么冷暖色、对比色/补色、色彩心理、搭配原则等等，满大街都是，有意者随便搜一两篇看看就行。色彩对于网页设计师设计师来说，更重要的是一种感觉，就像打篮球投篮的手感一样，多看，多练，这种感觉是可以后天练出来的。Mars刚接触设计时，连坐公交车时也会注意路边某公司、饭店的招牌是如何配色，处处留意生活中色彩搭配的美，关于色彩截图就更记不清有多少张了。
Mars觉得，设计师对颜色的运用一般有这么几个阶段：
初级阶段：用自己首映感觉最好的1~2种颜色，不考虑其他因素、他人感觉;
过度阶段：开始感觉一两种颜色单调，尽量多尝试不同色彩，该阶段极容易出现没目的的乱搭现象;
成熟阶段：该阶段了解了大众对色彩的审美，开始理性的用1~2种色系搭配，能体会到同种颜色不同色值的细微差别，大多设计师都在这个阶段;
终极阶段：把一种色彩用至极致，甚至只用黑白灰，完全沉浸某种颜色，甚至有点变态，但其创作效果让处于第三阶段的设计师一看就是大师所为。
其实这也是个不断练习积累的过程，这样色彩的感觉才会提升。
二、布局
网页设计师设计师除了对色彩要有好的感觉外，对布局也要有很好的把握，组合的好坏直接影响作品的效果。其实做好布局设计也不是很难，无非就以下几步：
布局准备：明确你表达内容的主体部分需要哪些必要的文字和图片。不要考虑太多细节。
布局版式：关于布局的版式多种多样，在将重点内容放在最显眼的前提下，可自由选择版式。对于网页来讲，根据大多数人从上到下、从左到右的浏览顺序来考虑，应该将最主要的内容、图片等放在页面的左边和上边。
精细布局：整体配色、字体、各模
块的间距、插图、增减内容等各个方面的推敲。这一步是细活。
Mars觉得最锻炼布局的方法是制作PPT。想把PPT制作美观、精简并不是件容易的事。对于软件行业的售前来说，如何制作漂亮的PPT应该是他们自我内修的一门必修课。PPT的布局做好了，其他网页、宣传册等平面布局应该都信手捏来。
三、细节
至理名言”细节决定成败”，在设计领域了这句话更显得重要。很多细节可能会被浏览者忽略，但对设计师来说绝不可放过，比如背景色、色彩渐变、各组件间间距、标题样式、高亮样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话，只有你看得多了，比较得多了，才能看得出这些细节。有人觉得这些细节没有什么大碍，但多个细节组合在一起就和让人觉得不舒服。
举例说一下，以下是某系统里一篇文章下面的添加批注表单。上半部分是没有经过美化、由程序员直接写的程序(上图)，下半部分是有设计师协助设计美化完成的表单界面(下图)。
一般正常审美的人肯定觉得下面的好看，但却不知好在哪?听Mars从各个角度详解一下：
配色：字体颜色像是直接从32色板上取的，没经过考究;表单边框色太重;表单背景与页面背景相同，没突出层次。
布局版式：此组件又没有多行操作，无需使用列表形式;上图保存按钮在该组件标题之上俨然不合理;组件的标题的位置大小不够醒目。
用户体验：明确这是一个系统里的界面组件，所以这个人既然都登进来了，还用填记录人吗?时间也肯定就是提交时间啊;提交人主要是提交自己的批注，所以给他提供大片的提交内容的输入框即可，简单明了;提交按钮，上图需要再填完批注内容后折回到左上角”保存”显
然不合理，下图的界面大大方方右手边一个按钮，看起来明显，操作起来舒服。
以上几方面都是关于个人审美观方面的提升，如果你不是打算进行美学研究，我觉得过多的纯理论学习不会对你的审美观有太多提高。所以我的建议就是：多看，多模仿，多做，多比。切忌自己没有什么审美观就盲目创作，其实模仿没什么可耻的，是学习的毕竟阶段。好比有人模仿 MJ跳舞，尽管不是很像，但最少会得到一小部分人的喜爱和追捧，比如在某校/班的圣诞晚会上;而如果不了解大众审美，就很可能像芙蓉姐姐跳舞，只会是笑料罢了。养成良好的审美观可以运用到生活的方方面面，而生活的方方面面也锻炼你的审美观，像摄影、布置自己的房间办公桌、服装的搭配等，能提高你的生活品味。
第五篇：制作一个简单的网页 教学案例
【课时安排】1课时 【教学内容分析】
本节课的主题：让学生了解网页概念并利用FrontPage软件制作简单的网页，学会建立网站的制作流程并建立一个只有文字的网页，本课是用该软件 创建以“诗文荟萃”为主题的网站，也就是用所掌握的信息技术知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科的优势，以素质教育的新理 念，增强学生的动手能力，提高学生的综合素质。
以教材为基石，作为构建知识的桥梁，依据《课程标准》，创造性、合理的对教材进行二次开发与重组。如：导入新课时，利用学生对美好事物的向往，激发 学生的求知欲和学习兴趣;采用任务驱动教学，增强学生自学能力;充分采用教材资源，使学生学会自学，并有的放矢;对学生的评价方式，采用学生作品展示，是 学生学习的一个延续，对学生学习起到一种推进的作用。
【分析教学对象】
1、学生的年龄特点和认知特点
八年级的学生对周围的一切充满了好奇，他们急于表现自己，对于教师布置的任务能够认真对待。对于FrontPage的知识了解不多;对网站兴趣较 大，但制作知识几乎为零。本节课给学生提出一个初步的任务：创建一网站，并制作一个简单网页，让学生体验初步的成功，这对于今后的学习有很大帮助。 初二的学生创作欲强，因此本节课中，提倡、鼓励独立完成作品，培养学生自学意识与自学能力。
2、学习者对即将学习的内容应该具备的水平
本课是学生初次认识FrontPage并能应用它制作简单的网页，培养学生综合运用知识解决问题的能力，以及各方面素质的一次综合评价。
【教学目标的设计】
1.知识目标 (1)了解网页的概念;
(2)了解建立网站的一般流程;
(3)初识FrontPage2003并学会建立网站; (4)学习制作一个只有文字的简单网页。 2.技能目标
学生通过探究学习过程中，掌握网站的建立方法与创建简单网页的操作。 3.情感目标
培养学生在学习过程，自主探究能力和分类汇总知识的能力。
【教学重点与难点】
(1)重点：建立网站、保存网页的方法。
(2)难点：网站与网页的区别，网页文件名与文件标题的区别。
【教学策略设计】
1、根据教材内容和学生的实际情况，本课采用“任务驱动”、“问题──探究”等教学方法，创设一个板报展览的情境(创设情境)，以逐个任务和问题驱动学生多动手、多思考、多实践，从而了解和掌握FrontPage的基本知识和技能。
2、本课传授给学生的学法是“问题驱动下的自主学习──分组协作学习──探究发现学习”。让学生在学习过程中，提倡某些问题的分组协作与自主探究。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信 息加工的主体。故此本课教学过程中，以问题驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
3、是在网络教室中完成的，利用多媒体局域网络，实现教师演示、个别指导、网上交流、作品提交及作品展示评比。在出现共性问题与个别错误时教师可以 利用网络教室软件演示和个别指导，在创作作品的同时，生生可以进行网上交流。体现教师的指导、组织作用，学生主体、探究协作地位。
【教学评价设计】 1.采用小组间竞争机制，比赛哪个小组解决问题或是完成任务的速度快与质量高，增强学生协作互助的意识。
2.最后进行作品展示，评出“速度”奖，“质量”奖，“自觉标兵”奖等几个奖项，进一步激发学生的学习热情。对自己的作品有一个反思，增加相互学习、相互交流的机会，让学生学会自己梳理知识，增强自学能力。
【教学过程设计】
一、情景导入
网络就像是一个信息的海洋，我们就像是一条小鱼，可以畅游在信息的海洋，获取各种各样的信息，这些信息都是以网页形式存在于网络中，但并不真正属于我们自己，大家想不想在网上拥有自己家(网站)呢?(激发学生的求知欲)
(学生回答：想)
从这节课开始我们就学习制作网页，到底什么是网页呢?
二、问题驱动
任务一：大家打开课本P46，通过阅读解网页概念，超链接标志?看哪个小组能最先解答问题?
学生阅读课本(2分钟)分小组讨论自己的理解„„ 小结：
1.网页使用文字、图形、声音影视等多媒体的形式表达信息，使表达的信息更加鲜活;
2.网页如同大家一样都必须有一个“家”，这个家就是网站; 3.存在网站中的网页之间采用了链接式的方法将网页串接起来。
任务二：在我们了解网页与网站后，会有疑问：使用什么软件制作网页呢?带着这个问题阅读课本P45。看哪个小组成员最先完成?
学生阅读并实践„„ 小结：
大家会有疑问为什么选择它，还有别的软件吗?有，如Dream weaver、网页制作软件等，课本中使用了FrontPage这个软件简单易学，并且窗口与我们使用操作系统windows都是基本一致的。 任务三：有了制作软件，如何才能做好一个网站呢?该做哪些准备工作呢? 学生自读P47，总结制作网站流程。
请几位学生叙述制作网站的流程，强化“三思而行的意识”，避免盲目操作。并总结。
任务四：自学P48了解网页制作具Front page 2003。 自读教材，初识软件界面。
任务五：创建“诗文荟萃”网站。教材要求将站点建在“D：诗文荟萃”，但
因机房是多个班共用，所以就要求学生先建立个人文件夹，然后再建立站点例：“F:张三诗文荟萃”。
学生自主学习P49“新建网站”，小组讨论并实践„„
以小组为单位，师查看完成情况，完成快的学生帮助慢的同学，实现共同进步。
广播教学：我们建立网页默认名称是new_page_1.htm，但是通常使用的主页文件名是index类型，是web页。除了主页以外，其他的网 页名称大家可以自由命名(建议大家尽量使用英文或数字作为网页名，上传到网上后易于检索到，地址不易出错。)保存时有两个文件夹，_private文件夹 用来存放制作网页过程中自动生成的一些文件，请大家不要随意删除，以免影响网页的浏览效果;images文件夹用来存放网页中用到的图片文件，大家在今后 的网页中使用到的图片全保存到这个文件夹中;
任务六：制作一个只有文字的网页。看哪位同学完成的速度最快，质量最高，创作主题明确风格优美?(参照P50)
学生动手实践„„
学生上台边讲边演示，培养学生语言表达能力。
师：广播教学，P51“小博士”。(因此内容较多，且文件名和文件标题是一难点内容)
任务七：继续添加网页，P52“做一做”、P53“动动手”。(此处老师应将用到的大篇幅文字素材及时发至学生机)
学生独立完成任务;学生代表上台演示教学。
三、达标练习
学生独立完成课后练习(此练习要求只有完成课堂任务的基础之上才可以做，目的是不要求学生贪多，而追求知识的精)。
四、作品提交与展示
让学生自主展示作品，并让其他同学做评价，评出其中的优点和不足，然后老师再做出评价。让学生在评价和被评价中得到进步与提高。
五、总结
让学生自己进行总结„„
【教学反思】
这节课的设计两头松中间紧，在时间的把握上可以增加一定的弹性。带着疑问使学生逐步进入到网页制作路途中来，有利于下节课内容的开展，同时也激发学生的兴趣，培养学生自主探究能力。知识点上的衔接比较紧密，要注重学生分类汇总知识能力的培养。
本次教学主要采用了“任务驱动，强化实践”教学模式，通过创设情景、任务分解、提出任务、探索方法、上机实践主要环节来组织教学，有利于提高学生进 行自主学习、探索的能力的提高。在知识传授的过程中主要是通过学生来讲解，让不同层次的学生都能享受成功的喜悦，从而得到发展提高。学生作品展示是学习的 一个重要环节，学生创作作品的过程，有那些收获，遇到那些困难，是如何克服的，那方面有待改进和提高，及时找出不足，调整学习目标，促进自身发展。