教学计划的编写需要综合考虑各方面的因素，如学校的教学大纲、学生的个体差异、教材的特点等。这是一些教学计划总结的范文，可以让大家更好地理解教学计划的重要性和实施步骤。
年度制作交互网页教学设计
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
网页制作教学设计
2、学会利用表格来规划网页。
3、培养学生创新的能力以及动手操作的能力。
利用表格来规划网页，从中培养学生的创新能力。
一、情境导入。
同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！
二、新知探究。
首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。
教师讲解：如何制作学习园地网页。
1、制作网页的标题：输入文字，并设置文字的格式。
2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。
3、修改表格：调整表格行高和列宽。
4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。
5、进一步设置单元格的背景，来美化网页。
6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。
7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）。
三、作品评价。
1、生评：从网页设计上，美观程度上，知识落实上重点评价。
2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。
四、总结。
我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。
网页制作的教学设计
总体可以分为以下几点：
1、建设企业网站所遵循的一般原则。
（1）完整性原则。企业网站是企业在互联网上的经营场所，应该为用户提供完整的信息和服务：网站的基本要素合理、完整；网站的内容全面、有效；网站的服务和功能适用、方便；网站建设与网站运营维护衔接并提供支持。
（2）系统性原则。同时提供设计方案。设计实施单位应充分了解企业文化和企业机构及管理信息等基本情况，对营销目标、行业竞争状况、产品特征、用户需求行为以及网站推广运营等基本问题等要素融入到网站建设方案中。
（3）简单性原则。在保证网站基本要素完整的前提下，尽可能减少不相关的内容、图片和多媒体文件等，使得用户以尽可能少的点击次数和尽可能短的时间获得需要的信息和服务。
（4）友好性原则。网站的友好性包括三个方面：对用户友好——满足用户需求、获得用户信任；对网络环境友好——适合搜索引擎检索、便于积累网络营销资源；对经营者友好——网站便于管理维护、提高工作效率。
（5）适应性原则。企业网站的功能、内容、服务和表现形式等需要适应不断变化的网络营销环境，网站应具有连续性和可扩展性。
2、网站优化。
网站优化包括三个方面：对用户获取信息优化、搜索引擎优化、网站维护优化。
（1）网站栏目结构合理，栏目设置不要过于复杂；
（2）网站导航清晰且全站统一，通过任何一个网页可以逐级返回上一级栏目直到首页；
（3）网页布局设计合理，网站设计符合用户浏览习惯；
（4）重要文字信息尽可能出现在网页靠前位置；
（5）字体清晰，css风格协调一致；
（6）最多3次点击可到达产品详细内容页面；
（7）通过网站任何一个网页不超过3次点击可达到站内其他任何一个网页；
（9）网站首页、栏目首页及产品内容页面均有一定的文字信息量；
（12）每个网页有独立的url；
（13）产品内容页面url尽可能简短且体现出产品属性；
（14）产品/企业新闻详细内容页面是独立网页不是弹出窗口；
（15）对于产品品种多的企业网站，要有合理的产品分页方式；
一网站名称。
绿色的灵动。
二主题思想：
让原创精神穿越人群，在绿色的灵动中寻找创意。
三个人分工。
1、主页制作：（谢龙、李金洪、王海灏---环艺四班）。
2、设计模板制作：谢龙广告模板制作：李金洪摄影模板制作：王海灏。
3、网页设计策划书：（谢龙、李金洪、王海灏---环艺四班）。
四设计网页前的市场分析。
1、原创作品的意思就是内容不是抄录别人的，而完全是自己创作的，包括原创文学、原创音乐等等。
原创作品是对既定参照物的怀疑与否定，是在刷新固有的经典界面之后呈现出破土而出的生命气息，是在展现某种被忽视的体验，并预设着新的可能性；原创是可经过、可停留、可发展的新的存在，是新的经典的原型，具有集体共识的社会价值。
原创作品不是对既定状态的完善与提升，也不是对已有的存在的另类注解；注解可以发展原创，但不产生原创。原创作品也不是形式的突围表演，不是先锋理念的夸张与变异；反叛的行为具有对既定秩序与价值的否定，但不指向原创以及原创作品。
通过我的创作活动产生的具有文学、艺术或科学性质而以一定物质形式表现出来的一切智力成果（即作品），并且内容不是抄录别人的，而完全是自己创作的称为原创作品。
2、人群分析：原创一直作为一种青年人群的喜爱，中年人和青年人也是原创产品的主要创作群体。绿色能给青少年儿童一种生机和活力，能为失落者带来新的希望，让原创精神穿越人群。
五、创新点——绿色与原创。
分析：绿色为植物的色彩，绿色的明视度不高，刺激性不大，对生理作用和心理作用都极为温和，因此人对绿色的嗜好范围很大，给人以宁静、休息、使之精神不易疲劳。刚好也是大自然草木的色，所以绿色意味着自然、生命、生长，同时绿色也象征着和平。在交通信号中又象征着前进与安全。
原创作品是对在刷新固有的经典界面之后呈现出破土而出的生命气息，是在展现某种被忽视的体验，并预设着新的可能性；原创是可经过、可停留、可发展的新的存在，是新的经典的原型，具有集体共识的社会价值。
六、建设网页的目的及功能定位。
1、建立网页是为了和大众共享自己的原创作品并开展业务，是个人市场开拓的延伸。
2、根据网页功能，确定网页能够达到宣传和让客户更好的了解原创的目的。
七、网页内容及实现方式。
根据网页的目的确定网页的结构导航。
1、一般网页应该包括：首页、设计、摄影、广告、联系方式、在线留言等内容。内容包括：作品展示、视频、背景音乐及留言板块。
2、根据网页的目的及内容确定网页整合功能。
1、网页美术设计要求，网页美术设计一般要与企业整体形象一致，要符合企业ci规范。要注意网页色彩、图片的应用及版面策划，保持网页的整体一致性。
2、在新技术的采用上要考虑主要目标访问群体的分布地域、年龄阶层、网络速度、阅读习惯等。
（1）、在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。
（2）、在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
（3）、除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一天后的自己都看不懂。
九、网页测试。
网页发布前要进行细致周密的测试，以保证正常浏览和使用，主要测试内容：
1、服务器稳定性、安全性。
2、程序及数据库测试，网页兼容性测试，如浏览器、显示器。
3、文字、图片、连接是否有错误。
少采用大型图片，用户关心的信息在首页体现，不应多次点击；
•首页下载速度要快；
•首页有效信息量丰富；
•首页有标题；
•提供一种以上外语链接页面。
•主页布局比整洁，重要信息得以重点体现；
•打开网页不宜弹出多个窗口，影响正常浏览；
•不要刻意追求“创意”效果，以至于很难理解网站要表达的意思。
页面信息：
•重要信息完整，如联系方式和产品介绍等；
•页面信息足够，减少多次翻页；
•去除与企业形象、产品、促销等方面无关的信息；
•产品详细介绍内容过少；
•内容页面没有标题，或者全部使用公司名为标题；
•客户能够方便的及时维护补充，保持其时效性；
•不允许有无任何内容的栏目。
•注重美术效果，但不必大量采用图片，影响网页下载速度；
•页面不应过于花哨。
必须克服的问题：
（5）网站有利于促销：通过网站向访问者展示产品、对销售提供支持，有多种具体表现方式，如主要页面的产品图片、介绍、通过页面广告较好体现出企业形象或者新产品信息、列出销售机构联系方式、销售网店信息等，或者具有积累内部网络营销资源和拓展外部网络营销资源的作用。
适应现在越多的网络设备和应用的需要；
是web发展的趋势。可以使web平滑的过渡到xml。
3.使用xhtml严密。
与其它基于xml的标记语言、应用程序及协议进行良好的交互工。
《网页设计与制作》的教学设计与实践
本章内容在本教材中的位置处于第五章,是在文字处理(word)和网络基础及因特网应用两章之后。学生所学的文字处理软件word和将要学习的网页制作软件frontpage同是microsoft公司的产品,在软件的使用上有很多的共通之处,所以在学习frontpage的时候,很多内容可以让学生自学,而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础,学生对网页中的基本元素――文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。
本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。
重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。
难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。
二、教学对象的分析。
信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。
三、教学策略的选择及媒体的使用。
在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。
任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。
协作学习则是让学生在学习过程中互帮互助,用较短的时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在媒体的选择上,我们使用的是top2000系统。top2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度平均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务,所以在这个过程中,也同样有自己探索学习的机会和介绍自己经验的机会,使组内的每个学生都在学习中获得成就感。
四、教学过程。
教学进程。
教师活动。
学生活动。
1、课前准备。
课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站,供学生参考,网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。
学生根据自己的分组情况选出组织能力较强、计算机水平较高的人做组长,协作小组形成。
2、教师布置任务,作必要讲解。
第一节课,教师简单介绍网页基础知识,并给各小组布置任务――用下面的时间完成班级网页的制作,并对组长进行本章基本内容及本章内容的分类的介绍,让他们对本章内容有总体上的'把握。
在教师对网页基础知识讲解的基础上,浏览教师制作的网站,继续学习;。
课后各组设计自己的班级主页,组长根据网站上教师对本章内容的分类给学生布置任务。
3、教师指导分工情况,学生开始自主学习。
第二节课教师对组长对全组的分工情况给予检查,提出意见和建议。
学生根据分工制作网页,学习可以跟着课本上自学,也可根据以前学习word的经验自己摸索制作过程,不懂之处可向会的同学请教,还可以相互之间讨论,在网页的设计方面也可以相互之间多商量,发扬互帮互助的精神。
4、学生自主学习,教师指导、监督。
下面三节课,老师在每组各用10分钟时间检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
五、阶段总结。
四节课的制作以后,各组员所制作的网页都初见雏形,所以教师组织一堂课,由各组展示自己的作品。教师在学生评讲完后,给予总结。
各组分别展示自己的作品,其他组对他们可以提出意见或建议,也可从其他组的学到好的创意。由组长在课后写一份阶段总结,从而指导以后的工作。
六、学生自主学习,教师指导、监督。
下面四节课,老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
七、各组将内容汇总,形成班级主页。
教师对各组出现的问题提出建议或意见。
组长或组长安排人将各组的主页进行汇总,形成一个完整的班级主页,对欠缺的地方进行修补。
八、班级网站制作完成,展示与总结。
老师请其他信息技术教师来做评委,对各组做的网站提出意见或建议,评出最佳网站、最佳创意等奖,让大家的付出都有所收获。
各组分别展示自己组所制作的班级主页。
课后:。
大家集中各组的优势,将班级主页完成,挂到学校主页上。
网页制作教学设计
1、知识与技能：
（1）、了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。
（2）、掌握框架结构网页的建立、框架结构的拆分、框架的删除等。
（3）、掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。
2、过程与方法：
（1）、能够区分框架结构属性设置与网页属性设置的不同点。
（2）、通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。
3、情感态度与价值观：
（1）、能够将表格与框架结构网页结合使用，在创作中体验乐趣。
（2）、培养学生网页设计的审美意识、创新意识。
1、教学重点：
（1）、框架网页的作用和功能，框架的建立与属性设置。
（2）、框架中各个页面之间的关联，每个框中页面的设置方法。
（3）、框架网页的保存方法。
2、教学难点：
（1）、框架结构网页中框架属性与页面属性的设置方法。
（2）、理解框架结构的多页面存储方法及各页面之间的关联。
1、创设情境、导入新课。
（1）、教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。
（2）、教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课——框架网页的制作。
设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。
2、任务驱动、自主学习。
（1）、教师展示一个框架网页，引导学生理解框架网页的概念。
（2）、出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。
（3）、教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。
（4）、学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。
（5）、出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。
（6）、学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。
（7）、出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。
（8）、教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。
设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。
3、展示作品、课堂小结。
（1）、教师给出一些常见的框架结构应用界面，如web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。
（2）、教师点评，并鼓励完成作品比较好的学生。
设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。
的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。
制作网页教学设计
《网页制作》教学是信息基础必修教材中第六章第1节信息集成中网站制作简介的有关内容。编辑网页所使用的是软件是frontpage20xx，该软件的使用与以前所学的word有类似的地方，软件操作具有一定的迁移性。
学生在之前已经学习了word的有关操作，具备网上获取信息和一定的信息处理能力。frontpage20xx的使用与word有很多类似的地方，学生较容易上手。
过程与方法：通过实践体验对比，得出结论。亲历网页制作的过程。情感态度与价值观：在与同伴合作完成简单网页的制作过程中，培养与他人合作交流的意识和习惯，通过设计学校网页，培养学生热爱学校的情感。
教学重点：网页制作中网页元素的应用。
教学难点：利用表格布局网页。
（一）情境导入。
生回答：通过网络发布，需要制作网页（如回答不在话题上，引导）。
师：本节课我们就一起来学习制作《美丽的蒲中校园》网页，宣传学校的美。学校将组织评选同学们设计的优秀网页作品，放在学校网站上。
（二）新课讲授。
生：文字、图片、动画、声音、超链接等。
师：网页里的这些元素是通过什么工具集成起来的呢？在这里，老师向大家介绍office20xx中的frontpage20xx来制作网页，它具有功能强大、简单易用的特点。
教师演示启动frontpage20xx的步骤，启发学生：界面和学过的哪个软件比较相似？教师点击相关菜单，引导。由于都是office套件的一种，所以和word界面很相似，演示界面和功能。演示打开站点bpzx，站点打开后，观察网站文件夹的结构，介绍images文件夹与_private文件夹的作用。，代表的是网页文件。其中，表示网站的主页名称。点击视图下的网页，切换到网页窗口，点击文件夹，切换到站点文件夹窗口，点击bpzx站点文件夹，便于我们打开网页文件。
师：刚才同学们的都非常好，在制作网页前，我们先来放松一下，来玩拼图。请同学们打开d盘的《网页制作》学案，完成实践一。
实践一：2个小实验。
实验1：启动frontpage后，点击“文件”“打开站点”，找到d盘下的bpzx文件夹。双击文件夹列表里的文件，学生尝试拼凑图形。
学生操作，发现实验1中的图形总有1个无法拖动，拼凑不成功，实验2在表格中拼凑图形成功。
教师启发学生思考，引导学生观察一开始出示的网页，发现图片、文字、动画等网页元素排列整齐。
师：是什么在起作用？
师生共同得出：利用表格布局网页。得出：表格的定位。
师：利用表格的布局功能。表格的'布局功能可以对页面元素进行定位，使网页清晰美观、富有条理。表格中可以包含多种类型的内容，如图像、文本、多媒体文件。
师：在网站文件夹里有一张利用表格布局的“美丽的蒲中校园”网页，今天，老师要请你们当网页设计师，完成“美丽的蒲中”网页制作。制作学校风景，需要什么样的素材？学生回答：图片。老师已经预先把素材准备好了，大家可以打开acde浏览素材，选择合适的素材。
实践二：双击文件夹视图里的。
任务一：请大家从d盘的sucai文件夹中，从7张校园风景图片中挑选其中一张，插入网页表格的适当位置。文字材料直接从sucai文件夹中的word文档中复制。注意页面的保存，保存时要注意：网站中用到的图像、声音、视频文件应有条理地存放到指定文件夹中。当保存图片时，要把图片保存到images文件夹中。
学生自主操作，4人一组合作学习。教师巡回辅导。操作中的操作步骤要点参考《网页制作》学案。
任务二：在单元格中各插入gif图像动画、欢迎字幕和flash动画,，以实现页面的动态效果。注意保存和预览。
可能的问题：1、图片属性设置2、flash动画的插入教师展示一部分学生的作品，点评，小结。学生再次练习完善。
师：刚才，同学们的表现都非常出色，要想使自己的网页更漂亮、更受欢迎吗？
实践三：
任务一：美化页面操作小贴士：
操作右击网页空白处，“网页属性”，“常规”，输入标题。切换到“背景”，设置背景色。设置背景图片：可勾选“背景图片”，“浏览”。
任务二：打开页面，对“美丽校园”创建超链接到。操作小贴士：
创建超链接：选定文字，“插入”、“超链接”，选定超链接的网页。学生合作学习，教师巡回辅导。教师展示学生作品，点评，小结。
教师提醒学生，做好后的网页，在浏览器里预览，发现有边框线，如何解决？学生自主探究。
文档为doc格式。
网页制作教学设计
4、掌握页面文件与图片的保存。
1、能在指定位置建立只有一个网页的站点（难点）。
2、能在页面中插入文字、图片、水平线。
3、掌握页面文件与图片的保存（难点）。
学生已经学习了word、powerpoint与上网浏览信息，对计算机的基本操作（word中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学，让学生根据这个网络环境下的自己探索学习，以满足不同层次学生的需求。
教师活动：1、引入课题：（激发兴趣，活跃气氛）。
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）。
浏览新浪网站，浏览的第一个页面称为什么？（主页）。
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）。
问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页）。
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frntpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站。
“网页的制作”教学设计
二、教学目标：
1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识frontpage的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
三、教学重点：
1、能在指定位置建立只有一个网页的站点（难点）。
2、能在页面中插入文字、图片、水平线。
3、掌握页面文件与图片的保存（难点）。
四、教学难点：
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：
教师活动：
1、引入课题：（激发兴趣，活跃气氛）。
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）。
浏览新浪网站，浏览的第一个页面称为什么？（主页）。
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）。
问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。先来研究一下没有发布的网站,打开教师做的网站问：同学们看到了什么？（文件夹）总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。
2、新建站点。
frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与powerpoint中的“放映幻灯片”类似。html窗口：编写html（超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中。
3、编辑主页与保存主页。
看效果图，请学生分析主页中的元素。
根据导学软件，学生完成任务2：设计主页、保存主页与图片。
4、总结反馈。
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存。
总结：必须切换到“普通”窗口下编辑主页的保存中存在问题：
单击“文件”---“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇。
六、小结：
展示学生作品，教师与学生共同评价请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
《网页设计与制作》的教学设计与实践
一、教学目标：
1、知识与技能：
（1）了解框架结构网页的概念及在网页中的作用，了解它与表格网页的区别。
（2）掌握框架结构网页的建立、框架结构的拆分、框架的删除等。
（3）掌握框架中页面设置及保存的方法，如设置初始网页按钮、新建网页按钮等。
2、过程与方法：
（1）能够区分框架结构属性设置与网页属性设置的不同点。
（2）通过框架结构网页设计，使学生对网页的整体结构有更进一步的认识。
3、情感态度与价值观：
（1）能够将表格与框架结构网页结合使用，在创作中体验乐趣。
（2）培养学生网页设计的审美意识、创新意识。
二、教学重点难点：
1、教学重点：
（1）框架网页的作用和功能，框架的建立与属性设置。
（2）框架中各个页面之间的关联，每个框中页面的设置方法。
（3）框架网页的保存方法。
2、教学难点：
（1）框架结构网页中框架属性与页面属性的设置方法。
（2）理解框架结构的多页面存储方法及各页面之间的关联。
三、教学过程：
1、创设情境、导入新课。
（1）教师展示一组表格制作的网页，引导学生找出它们的共同特点。并提问如何快捷地制作这种网页（学生回答：使用复制、粘贴快捷地制作）。
（2）教师又提问：有没有更好的方法呢？相同的区域我们能否只做一遍呢？从而导入新课――框架网页的制作。
设计意图：通过对比、比较，引导学生思考，激发学生学习的乐趣。
2、任务驱动、自主学习。
（1）教师展示一个框架网页，引导学生理解框架网页的概念。
（2）出示任务一：框架网页的新建与保存。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第227页的实践学习。
（3）教师讲解框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的“新建网页”按钮和“设置初始网页”按钮进行选择。
（4）学生理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解“新建网页”和“设置初始网页”两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。
（5）出示任务二：相关页面的制作与设置。教师要求学生先阅读教材中的操作步骤，再尝试完成书本第228、229页的实践学习。
（6）学生制作相关页面，同时也是对前面所学内容的复习和回顾。教师反馈学生的操作情况，开展评比活动，对表现好的学生给与表扬。
（7）出示任务三：框架网页属性的设置。学生自主探究学习，有问题可向教师寻求帮助。教师基础扎实的同学完成任务后可进行拓展学习。
（8）教师请学生示范操作，并说明自己设置的方法和原因。同时鼓励做的比较好的学生。
设计意图：培养学生的自主学习能力，对于课堂教学难点，学生在教师的讲解后模仿操作，有效突破难点。
3、展示作品、课堂小结。
（1）教师给出一些常见的框架结构应用界面，如web邮箱页面等，引导学生总结本课内容，并让学生分组，推进一些优秀作品在全班展示。
（2）教师点评，并鼓励完成作品比较好的学生。
设计意图：拓展学生的视野，使学生了解框架的应用方法。展示优秀作品鼓励学生，激发学生的创作欲望。
四、教学反思：
的教学方法。教师可以简单介绍框架结构网页的功能及框架的建立与编辑方法，以及框架属性设置与网页属性设置的方法与区别。然后由学生根据教师提供的学案及演示动画，完成框架网页设计任务。
网页制作的教学设计
一、教学目标、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；、认识frontpage的界面；、掌握在主页中插入文字、图片、水平线；、掌握页面文件与图片的保存。
二、教学重点、能在指定位置建立只有一个网页的站点（难点）、能在页面中插入文字、图片、水平线、掌握页面文件与图片的保存（难点）。
三、学情分析。
学生已经学习了word、powerpoint与上网浏览信息，对计算机的基本操作（word中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
四、教学方法。
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
教师活动：1、引入课题：（激发兴趣，活跃气氛）。
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）。
浏览新浪网站，浏览的第一个页面称为什么？（主页）。
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）。
问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：,主页也是网页)。
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站,打开教师做的网站。
问：同学们看到了什么？（文件夹）。
总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务、新建站点。
fp的启动。
问：与word比较，有什么不同？
（增加了视图区，编辑区有三个窗口）。
总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与powerpoint中的“放映幻灯片”类似。
html窗口：编写html（超文本标记语言，它是描述网页内容和外观的标准。）。
打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
（教会学生利用导学课件，根据导学软件完成任务）。
任务1：学生根据导学课件，在d:建立自己站点。
教师巡视指导。
请一位学生示范如何建立站点,教师总结。
问：在文件夹列表中看到了什么？
看效果图，请学生分析主页中的元素。
根据导学软件，学生完成任务2：设计主页、保存主页与图片。
教师巡视指导、总结反馈。
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存。
总结：必须切换到“普通”窗口下编辑。
主页的保存中存在问题：
教师巡视指导、教师与学生共同评价总结。
展示学生作品，教师与学生共同评价。
请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。
点评：
教学课题“网页制作”作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好地完成教学任务，达到预期的教学效果。根据教材和《中小学信息技术课程指导纲要（试行）》中的精神，本课应以“任务驱动”的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件“网页制作”。
一、调动学生的学习热情，变被动学习为主动学习。
整个教学过程张云老师采取了“引导加任务驱动”的模式进行。首先教师进行导入，导入概念，强调概念；再引导学生学习课件的使用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，（此处若能引导学生，由学生来完成，减少老师的操作，效果会更好），然后让学生模仿第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。
二、突出重点，及时点评。
张云老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个别点评和全班点评，点评不等于教师将操作过程演示一遍。张云老师在点评建成的网站时，重点若再突出些，介绍再清楚些，效果会更好。比如：站点中内容说明不够清楚等。）。
三、发挥学生的协作学习精神。
张云老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的积极性，让学有余力的学生充当“小老师”，从而体会到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来）。
四、重点突出、目标明确。
最后，张老师在整个教学过程中，应再突出教学重点，明确本节课的任务。（课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些知识，所以感觉这节课重点不突出，内容分散。）。
五、教学效果较好。
由于张云老师在课前对本课作了大量的准备工作，课件制作效果较好，所以学生完成情况很好，教学任务完成情况较好。
网页制作合同
甲乙双方经友好协商，就主页制作事宜达成如下协议：
一、甲方委托乙方制作甲方网站的主页，乙方应按照甲方的要求制作主页，并达到甲方满意的效果。该网页内含有/不含有后台管理系统。
1.首页设计，制作费：_________元;。
2.内页设计，制作费：_________元;。
多层动画设计，制作费：_________元;。
页面设计，制作费：_________元。
三、付款。
合同签订后当日，甲方应当预付_________元定金。
网页制作费用共计人民币：_________元整，应在验收期完成后_________天内交付。
四、验收标准。
1.甲方可以通过任何与因特网进行网络连接的计算机浏览自己的主页。
2.主页无文字拼写及图片(以甲方提供的材料为标准)错误。
3.验收合格，甲方以书面文字传真方式签收。验收期限为_________。
五、甲方权利义务。
1.提供有关企业的电子文字材料及图片，以及其他相关文件，应保证材料完整，图片清晰。甲方必须保证提供的信息内容真实可靠，不得发布虚假信息，信息内容必须符合中华人民共和国有关的法律和法规。
2.甲方有权根据网站平面设计图提出修改意见。
3.甲方有权要求乙方按照双方商定的网站结构，在双方约定的时间内，完成合同中规定的内容。
5.依合同约定时间使用主页。
6.甲方付清应付乙方的全部款项后，甲方正式享有网页的全部使用权。
7.甲方应对网页的源代码进行备份。因甲方未对网页的源代码进行备份而发生源代码损坏丢失等，乙方无法为甲方恢复，也对此不负责任。
六、乙方权利义务。
1.乙方依据双方商定的网站结构，在双方约定的时间内，完成规定的内容。
2.乙方对甲方提供的文字及图片资料中所涉及的包括知识产权在内的一切法律问题不承担任何法律责任。
3.在制作过程中，对甲方陆续提出的修改要求，乙方应尽力协助实现，对有可能影响双方约定的完成时间的要求，乙方有权提出合理的延期请求，由双方协商确定具体时间。
4.由于甲方未及时提供资料而导致乙方工作不能按时完成，乙方不负任何责任，并有权向甲方提出延期要求，延期时间由双方协商确定。
5.乙方负责在验收期内，如果甲方需要修改主页，可以免费进行较小的改动。
6.乙方负责对甲方进行操作培训，该培训可以以任何方式进行，如电话，传真，面授等，培训内容仅限于乙方所提供的服务的内容，如邮件的使用，源代码及数据库的备份，网站后台管理的使用等。培训内容不包括网页制作等相关内容。
七、违约责任。
1.由不可抗力因素(地震，台风，洪水，政府行为及其它非乙方人力所能预见或避免的因素)造成本协议无法执行，乙方不承担任何责任。
2.甲方违约或拒不付费时，乙方有权不退还定金，有权向甲方提出索赔，具体额度由双方协商确定，由此造成的损失由甲方负责。
3.乙方违约或没有按照合同规定按时完成，甲方有权拒绝付款，由此造成的损失，乙方自行承担。
八、声明及保证。
甲方：
1.甲方为一家依法设立并合法存续的企业，有权签署并有能力履行本合同。
2.甲方签署和履行本合同所需的一切手续均已办妥并合法有效。
3.在签署本合同时，任何法院、仲裁机构、行政机关或监管机构均未作出任何足以对甲方履行本合同产生重大不利影响的判决、裁定、裁决或具体行政行为。
4.甲方为签署本合同所需的内部授权程序均已完成，本合同的签署人是甲方的法定代表人或授权代表人。本合同生效后即对合同双方具有法律约束力。
乙方：
1.乙方为一家依法设立并合法存续的企业，有权签署并有能力履行本合同。
2.乙方签署和履行本合同所需的一切手续均已办妥并合法有效。
3.在签署本合同时，任何法院、仲裁机构、行政机关或监管机构均未作出任何足以对乙方履行本合同产生重大不利影响的判决、裁定、裁决或具体行政行为。
4.乙方为签署本合同所需的内部授权程序均已完成，本合同的签署人是乙方的法定代表人或授权代表人。本合同生效后即对合同双方具有法律约束力。
九、保密。
双方保证对从另一方取得且无法自公开渠道获得的商业秘密(技术信息、经营信息及其他商业秘密)予以保密。未经该商业秘密的原提供方同意，一方不得向任何第三方泄露该商业秘密的全部或部分内容。但法律、法规另有规定或双方另有约定的除外。保密期限为_________年。
一方违反上述保密义务的，应承担相应的违约责任并赔偿由此造成的损失。
十、不可抗力。
本合同所称不可抗力是指不能预见、不能克服、不能避免并对一方当事人造成重大影响的客观事件，包括但不限于自然灾害如洪水、地震、火灾和风暴等以及社会事件如战争、动乱、政府行为等。
如因不可抗力事件的发生导致合同无法履行时，遇不可抗力的一方应立即将事故情况书面告知另一方，并应在_________天内，提供事故详情及合同不能履行或者需要延期履行的书面资料，双方认可后协商终止合同或暂时延迟合同的履行。
十一、通知。
1.根据本合同需要发出的全部通知以及双方的文件往来及与本合同有关的通知和要求等，必须用书面形式，可采用_________(书信、传真、电报、当面送交等方式)传递。以上方式无法送达的，方可采取公告送达的方式。
2.各方通讯地址如下：_________。
3.一方变更通知或通讯地址，应自变更之日起_________日内，以书面形式通知对方;否则，由未通知方承担由此而引起的相应责任。
十二、争议的处理。
1.本合同受_________国法律管辖并按其进行解释。
2.本合同在履行过程中发生的争议，由双方当事人协商解决，也可由有关部门调解;协商或调解不成的，按下列第_________种方式解决：
(1)提交_________仲裁委员会仲裁;。
(2)依法向人民法院起诉。
十三、解释。
本合同的理解与解释应依据合同目的和文本原义进行，本合同的标题仅是为了阅读方便而设，不应影响本合同的解释。
十四、补充与附件。
本合同未尽事宜，依照有关法律、法规执行，法律、法规未作规定的，甲乙双方可以达成书面补充协议。本合同的附件和补充合同均为本合同不可分割的组成部分，与本合同具有同等的法律效力。
本合同自双方或双方法定代表人或其授权代表人签字并加盖公章之日起生效。有效期为_________年，自_________年_________月_________日至_________年_________月_________日。本合同正本一式_________份，双方各执_________份，具有同等法律效力;合同副本_________份，送_________留存一份。
甲方(盖章)：_________乙方(盖章)：_________。
授权代表(签字)：_________授权代表(签字)：_________。
_________年____月____日_________年____月____日。
签订地点：_________签订地点：_________。
网页动态效果教学设计
学历：中专/技校。
工作年限：1-2年。
工作地点：广州-不限。
求职意向：淘宝美工|平面设计|美术编辑/设计|cad设计/制图|网页设计/制作。
对色彩敏感。
工作经验。
(工作了1年，做了2份工作)。
超硕电子有限公司。
工作时间：2016年5月至2017年3月[10个月]。
职位名称：仓管。
雅依阁女装商城。
工作时间：2017年3月至2017年5月[2个月]。
职位名称：美工助理。
教育经历。
2015年12月毕业福建省湄洲湾职业技术学校平面设计。
项目/培训经验。
2017年5月-2017年6月美工技能。
项目/培训机构：淘慧电商培训。
项目/培训内容：主图设计，详情页设计，海报设计，首页设计，后台店铺装修。
自我描述。
积极向上，敢于挑战自己极限遇事冷静，能吃苦顾大局具有较强的团队合作精神。
将本文的word文档下载到电脑，方便收藏和打印。
]《网页的美化》教学设计
【教学目标】：
1.知识与技能：能在网页中插入图片，设置图片属性，对图片进行简单编辑；能通过网页属性设置网页的背景。
2.过程与方法：通过自主探究，小组合作，培养学生的动手实践能力和合作交流能力。
【教学具准备】：多媒体课件、广播教学系统。
【课时安排】：1课时。
【教学过程】：
一、导入。
师：最近，海西教育网在招聘微博小编辑，同学们想不想去试一试呢？要成为小编辑可不是一件简单的事，它必须要下苦工，要知道优秀的网站应该具备的条件。让我们先来看一下下面几个网站实例。
请个别小组的代表汇报自己的想法，并用实例验证。
师小结：色彩合理；主题鲜明；版面协调„„。
师：要想成为小编辑需要完成很多挑战，首先必须上交一个具有个性特性的自我介绍。
挑战一：为网页“梳妆打扮”
课件出示任务：网页中文字的字体太单调，不好看，请同学们将文字设置成自己喜欢的格式。
引导学生自主操作，教师巡视。
请学生口述操作过程，教师操作并小结。教与学的双边活动。
挑战二：使网页“图文并茂”课件出示任务：给网页加上图片，让网页更加丰富。
1.引导学生回顾word中插入图片的方法，然后引导学生根据教材44页步骤自主尝试。
2.学生口述，教师操作。
引导学生观察，让学生发现插入图片后出现问题“图片太大，位置不好”引出：
挑战三：图片我会修。
1.引导学生回顾word中修饰图片的步骤；
4.教师进行小结；此过程中故意使用站点外的图片作为插入对象，保存网页时，引导学生观察并思考出现问题的原因。
5.对还没完成任务的同学接着操作完成任务，并对图片进行简单的编辑操作。
挑战四：觉得白色的网页太单调，请你给网页穿上‘花衣服’，让它看起来更漂亮。
1.引导学生，可以给网页的背景加颜色或图片。
让学生让小组进行讨论，后操作；教师巡视，并对个别学生进行指导。2.派代表上台操作，教师再对学生的回答进行简单的点评和评价。1.学生自己谈谈：这节课你学到了什么？有什么收获等等。2.评选出今天的最佳小编辑，并让学生填写评价表并上交。
]《网页的美化》教学设计
教学内容及设计理念分析：
1、知识目标：
掌握美化网页的常用方法，理解美化网页对提高网站质量的作用。
2、技能目标：
学会在网页中设置背景、音乐、flash动画和滚动字幕。
3、情感、态度和价值观目标：
自制课件、教学软件。
教学过程：
一、创设情境，激趣导入。
师：（出示两张网页，一张很单调，另外一张是经过美化的网页。）同学们，这是两张不一样的网页，你们认为哪一张好看？注意要说说自己的理由。
学生观察网页，然后发表见解。
生一：第二张好，因为简明扼要，效果直观。
师：（及时评价）这个学生很有审美观点，说出了自己的看法。
生：（学生的兴趣被调动起来，课堂教学就成功了一半。）想。
师：今天我们就来学习一些美化网页的方法，主要有在网页中设置背景、音乐、flash动画和滚动字幕等。
设计意图：好的开始等于成功了一半。这一部分主要通过创设美感情境，提高学生审美意识，激发学生美化网页的热情。
二、自主探究，交流分享。
（一）自主探究：
1、明确探究任务：（1）认识网页美化的优点。（2）自主探究，掌握一定的方法。
2、教师引导，让学生认识网页的美化的优点。
师：首先，我们来看一下本节课的小标题，都对网页进行了哪些美化？生：快速浏览，并说出内容：
设置网页的背景，设置表格的背景，插入背景音乐，插入flash动画，插入滚动字幕等。
师：那么，我们就亲自来探究一番吧。
3、学生根据不同的喜好，分小组进行研究。（自主探究）。
（2）生找到自己喜欢的操作并进行小组探究学习。
设计意图：让学生在明确学习目标和学习任务后，进行自主学习。在整个学习过程中充分发挥学生的主动性，培养学生独立分析、解决问题的能力，使学生能够循序渐进地学习信息技术的知识和技能。
师：如果在研究的过程中我们遇到了困难，应怎样解决呢？生：靠老师，更靠自己。
4、小组内部交流疑难问题。和其他同学商量、看课本、查资料。
5、老师穿插其中，给学生适时个别指导。
设计意图：让学生明确学习目标和学习任务后，对自己喜欢探索的内容进行有选择性地自主学习。充分发挥学生的主动性，培养学生独立分析、解决问题的能力。
（二）交流分享：
1、小组内交流汇报，推选代表发言。
师：我看同学们通过自己的探究，已经小有收获了。下面，各小组成员就把自己的收获和小组内的同学交流交流，然后每个小组推选一名代表来发言，说说你们小组共同努力的结果。咱们看看哪个小组的同学收获的最多，汇报的最精彩。好，开始。
生：内部交流，推选代表发言。
师穿插在小组当中，了解交流汇报的情况，为下一步的合作交流奠定基础。
设计意图：学生以小组为单位，自主交流，并推选代表发言，以期养成良好的学习习惯。
2、各小组代表在班级内汇报研究结果。
师：同学们讨论的这么热烈，看来收获还真的是不少。下面，我们各小组派代表来汇报研究成果，注意尽量地边操作，边说说小组的研究成果。
3、在交流分享过程中，老师穿插在小组中，并进行适当调控、点评、指导。
4、在此基础上，鼓励学生进行设置网页背景和设置表格背景的方法尝试。设计意图：学生将自主探究的结果进行分享交流，使得学生的思维进行充分的激活，获得解决问题的最佳途径，并使学生在独立探索过程中不断获得成就感。
三、合作学习，释疑解难。
1、学生提出疑难问题，如插入背景音乐、插入flash动画、制作滚动字幕等。
2、学生互帮互助，解决一些疑难问题。
3、教师集中讲解比较有共性的问题。（包括实践和理论的问题。）设计意图：将学生在自主探究中出现的没有解决的重难点问题，再次交给学生，通过小组内分析讨论，找出方法，使问题得以解决，达到开阔学生思路、进一步理解知识的目的，并使学生的团结协作能力得到培养。最终学生有解决不了的问题，老师可以有针对性的进行点拨提示。
四、实践创作，展示评价。
生：实践创作。
师：发现有新意的作品，予以展示。师生：根据自己的观点来进行评价。生：吸收同学们的建议进行二度创作。
在此基础上，每个小组评选出优秀作品，最优秀者颁发“最佳美工奖”。师：这节课，我们每个小组都制作出了非常棒的作品，相信以后的练习，大家的作品会更优秀的。
设计意图：采用多种形式对学生的作品进行展示、交流、评价，增强学生的自信心和自我成就感，同时达到交流思想、取长补短的目的。
五、梳理总结，拓展延伸。
生：回顾本节课内容。
师：根据生回顾情况，再由教师作适当补充。
师：这一节课我们学习了网页的美化，还创作出了许多优秀的作品，希望同学们能将今天所学的内容运用到我们的实际生活当中去，由美化你的网页进而美化自己的生活，如卧室的布局、客厅的装饰等等。
生：利用余下的时间或课下查阅完成。
设计意图：通过对本节课所感兴趣内容的梳理、总结，并在此基础上进行拓展延伸，培养学生动手实践能力和创新能力。
网页动态效果教学设计
『说教材』。
这节课是重庆大学出版社出版的《初中信息技术》九年级第一章网页制作中的重要组成部分，是在学生初步认识并掌握了网页简单制作的基础上，指导学生给网页添加字幕、交互式按钮、插入flash动画、插入背景音乐等动态效果，使网页变得有声有色。从而完成对三峡网页的装扮、修饰、美化任务，提高自身艺术修养。
『说学生』。
随着互联网的普及，制作网页也成为一个附带的产物流行起来。在学习本课内容前，学生已经学会上网、word和powerpoint软件，还会制作简单的网页，动手能较强。初三学生有较强的逻辑思维能力，处于这个年龄段的学生思维活跃，对许多事物充满了好奇心，富有探索精神。因此在上这节课的时候，教师应充分考虑到学生的这些特点。
【教学目标分析】。
根据本章教学要求和本课特点，我制定了以下教学目标：
『知识目标』：使学生掌握网页制作中添加动态效果的方法。
『能力目标』：让学生能够熟练、灵活地美化自己的.网页作品。
『情感目标』：通过网页制作，培养学生对美的感受及创造美的能力，提高自身的艺术修养。
【重难点分析】。
本节课应突出的重点是：在网页中添加字幕、交互式按钮，插入flash动画，插入背景音乐，综合运用素材，使自己的网页更美观。
本节课教学难点是：对素材的更精细设置，对各个对话框的具体设置及其功能运用。
【教法分析】。
信息技术课是以培养学生的信息素养为宗旨。以培养学生的获取信息、处理信息、运用信息的能力。强调学生的自主学习和探究学习。而皮亚杰的建构主义理论指出学生获取知识不是通过教师教育，而是学习者在一定情境中，借助他人的帮助，利用必要学习资料，能通过自我建构重组的方式获得知识。因此，为实现教学目标我设计的教学方法以学生任务驱动为主线，通过自主探究、教师综合演示、效果对比、合作交流完成教学任务，培养学生的信息素养。
【学法分析】。
本节课教学内容抽象，根据九年级学生心理特征，有较强的抽象逻辑思维能力，因此以形象直观思维为主，使用多媒体作为辅助教学手段，变抽象为形象，为学生提供丰富的感性材料，促进学生对知识的感知、理解，激发学习的兴趣。
为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识。
网页制作合同
乙方(受托人)：_________。
甲方托付乙方制造主页，帮忙甲方建立公司形象，扩展宣扬，拓展出售途径，为明晰两边职责，依据有关法令，经两边洽谈，签定此合同，以期两边一起恪守。
甲方托付乙方制造甲方网站_________的主页，乙方应依照甲方的恳求制造主页，并达到甲方满足的作用。该页面内含有/不含有后台办理系统。
1、主页规划，制造费：_________元;。
2、内页规划，制造费：_________元;。
3、gif多层动画规划，制造费：_________元;。
4、flash页面规划，制造费：_________元。
5、别的页面规划，制造费：_________元。
1、合同签定后当日，甲方应当预付_________元定金。
2、页面制造费用合计人民币：_________元整，应在检验期完结后_________天内交给。
1、甲方担任供给制造所需的悉数材料(包含文字，图像以及别的有关文件)，并制形成电子文件。在乙方开端制造页面时，甲方应备齐悉数内容材料，并确保材料完好，图像明晰。
2、甲方应确保所供给的材料不侵略任何第三方的知识产权。乙方对甲方供给的文字及图像材料中所触及的包含知识产权在内的悉数法令问题不承当任何法令职责。
3、两边合作时期，乙方对甲方供给的文字及图像材料未经甲方答应不得以任何方法走漏给第三方。
4、甲方应确保其托付制造的网站的合法性，对于触及盗版、违法、政治、色情及其直接直接危害他人合法权益的内容乙方有权拒绝制造。
1、甲方应在页面制造的全进程中给与乙方便当条件，并活跃合作。
2、甲方应供给专人与乙方联络。
1、由甲方供给公司的网站电子文字材料及图像，乙方依据网站材料及甲方规划恳求进行网站主页规划，在_________个作业日后将主页平面规划图交给甲方审阅。
2、甲方依据网站平面规划图提出修正意见，乙方依据修正意见进行改动。
3、网站平面图经乙方修正完结并经甲方签字承认后，页面主页规划完结。如甲方在网站规划作业完结后更改本来两边已承认的网站构思，图像，构造及案牍时，由此发作的悉数费用由甲方一次性支交给乙方。
4、乙方应在_________月_________日开端页面制造作业，悉数网站制造时刻为_________个作业日，悉数作业将在_________月_________日前完结。竣工后，乙方将页面上传至甲方效劳器空间，由甲方依据检验。
5、在页面制造进程中，对甲方连续提出的修正恳求，乙方应尽力帮忙完结，并交甲方检验经过。对有也许影响两边约好的完结时刻的恳求，乙方有权提出延期恳求，由两边洽谈断定详细时刻。
1、甲方应在收到乙方书面竣工告诉的_________日内对悉数方案进行验证，并告诉乙方进行修正，不然，视为悉数规划检验合格。
2、检验规范。
(1)甲方能够经过任何与因特网进行网络连接的计算机浏览自己的主页。
(2)主页无文字拼写及图像(以甲方供给的材料为规范)过错。
(3)检验合格，甲方以书面文字传真方法签收。检验期限为_________。
断定满足后，如甲方再恳求更改页面，则应付费，更改的费用与新作主页费用一样。可是，在任何状况下，有下列状况之一者，乙方担任免费为甲方修正页面：
(1)页面内文字呈现错别字的，乙方担任在_________个作业日内改正;。
(2)后台办理呈现过错的，乙方担任在_________个作业日内改正;。
(3)任何别的数据库方面的过错，乙方担任在_________个作业日内改正;。
(4)因甲方地址改变或电话号码更改，而进行必要的内容方面的更改的，自接到甲方告诉之日起，乙方在_________个作业日内改正。
甲方应对页面的源代码进行备份。因甲方未对页面的源代码进行备份而发作源代码损坏丢掉等，乙方无法为甲方恢复，也对此不负职责。
乙方担任对甲方进行操作训练，该训练能够以任何方法进行，如电话、传真、面授等，训练内容仅限于乙方所供给的效劳的内容，如邮件的运用，源代码及数据库的备份，网站后台办理的运用等。训练内容不包含页面制造等有关内容。
1、乙方对规划完结的著作享有著作权。甲方将托付规划的悉数费用结算结束后，乙方将著作著作权转让给甲方。
2、甲方在未付清悉数托付规划费用之前，乙方规划的著作著作权归乙方，甲方对该著作不享有任何权力。
3、甲方在余款未付清之前私行运用或许修正运用乙方规划的著作而导致的侵权，乙方有权依据《中华人民共和国著作权法》追究其法令职责。
1、甲方有必要确保供给的信息内容实在可靠，不得发布虚假信息，信息内容有必要契合中华人民共和国有关的法令和法规，特别是国务院公布的《互联网信息效劳办理办法》。不然，由此而形成的悉数后果由甲方承当职责。
2、两边签署协议后，甲方应按规则交纳预付金额，在乙方制造结束后当日，甲方交给悉数制造费，不然因违反规则形成的后果，由甲方担任。
3、由不可抗力要素(地震，台风，洪水，政府行动及其它非乙方人力所能预见或防止的要素)形成本协议无法实行，乙方不承当任何职责。
4、甲方违约或拒不付费时，乙方有权封闭甲方租借效劳器的运用帐号，页面，空间，域名另行处理。由此形成的丢失由甲方担任。
5、因不可抗力之外的缘由，形成甲方效劳器间断运转，乙方以_________天为基本单位(虚拟主机租借费之1%)，向甲方补偿租借效劳费丢失。
因为internet是全球互联网络，因而因为别的通路上的偶尔堵塞，而形成用户的拜访速率下降;有时在对效劳器或装置用户程序时也许会发作一段时刻的间断，以上表象在任何效劳器上都有也许发作，是属正常表象。甲方对此应表明认同。
甲方：
1、甲方为一家依法建立并合法存续的公司，有权签署并有才能实行本合同。
2、甲方签署和实行本合同所需的悉数手续(_________)均已办好并合法有用。
3、在签署本合同时，任何法院、判决组织、行政机关或监管组织均未作出任何足以对甲方实行本合同发作严重晦气影响的判定、判定、判定或详细行政行动。
4、甲方为签署本合同所需的内部授权程序均已完结，本合同的签署人是甲方法定代表人或授权代表人。本合同收效后即对合同两边具有法令约束力。
乙方：
1、乙方为一家依法建立并合法存续的公司，有权签署并有才能实行本合同。
2、乙方签署和实行本合同所需的悉数手续(_________)均已办好并合法有用。
3、在签署本合同时，任何法院、判决组织、行政机关或监管组织均未作出任何足以对乙方实行本合同发作严重晦气影响的判定、判定、判定或详细行政行动。
4、乙方为签署本合同所需的内部授权程序均已完结，本合同的签署人是乙方法定代表人或授权代表人。本合同收效后即对合同两边具有法令约束力。
甲乙两边确保对在评论、签定、实行本协议进程中所得悉的归于对方的且无法自揭露途径获得的文件及材料(包含商业秘密、公司方案、运营活动、财政信息、技术信息、运营信息及别的商业秘密)予以保密。未经该材料和文件的原供给方赞同，另一方不得向任何第三方走漏该商业秘密的悉数或有些内容。但法令、法规还有规则或两边还有约好的在外。保密期限为_________年。
1、依据本合同需求一方向另一方宣布的悉数告诉以及两边的文件来往及与本合同有关的告诉和恳求等，有必要用书面形式，可采用_________(信件、传真、电报、当面送交等)方法传递。以上方法无法送达的，方可采取公告送达的方法。
2、各方通讯地址如下：_________。
3、一方改变告诉或通讯地址，应自改变之日起_________日内，以书面形式告诉对方;不然，由未告诉方承当由此而导致的有关职责。
本合同实行时期，发作特殊状况时，甲、乙任何一方需改变本合同的，恳求改变一方应及时书面告诉对方，征得对方赞同后，两边在规则的时限内(书面告诉宣布_________天内)签定书面改变协议，该协议将变成合同不可分割的有些。未经两边签署书面文件，任何一方无权改变本合同，不然，由此形成对方的经济丢失，由职责方承当。
除合同中还有规则外或经两边洽谈赞同外，本合同所规则两边的任何权力和职责，任何一方在未经征得另一方书面赞同之前，不得转让给第三者。任何转让，未经另一方书面明晰赞同，均属无效。
1、本合同受中华人民共和国法令统辖并按其进行解说。
2、本合同在实行进程中发作的争议，由两边当事人洽谈处理，也可由有关部门调停;洽谈或调停不成的，按下列第_________种方法处理：
(1)提交_________判决委员会判决;。
(2)依法向人民法院起诉。
1、假如本合同任何一方因受不可抗力事情影响而未能实行其在本合同下的悉数或有些职责，该职责的实行在不可抗力事情阻碍其实行时期应予间断。
2、宣称遭到不可抗力事情影响的一方应尽也许在最短的时刻内经过书面形式将不可抗力事情的发作告诉另一方，并在该不可抗力事情发作后_________日内向另一方供给对于此种不可抗力事情及其持续时刻的恰当依据及合同不能实行或许需求延期实行的书面材料。宣称不可抗力事情导致其对本合同的实行在客观上变成不也许或不实际的一方，有职责尽悉数合理的尽力消除或减轻此等不可抗力事情的影响。
3、不可抗力事情发作时，两边应立即经过友爱洽谈决议如何实行本合同。不可抗力事情或其影响停止或消除后，两边须立即恢复实行各安闲本合同项下的各项职责。如不可抗力及其影响无法停止或消除而致使合同任何一方损失继续实行合同的才能，则两边可洽谈解除合同或暂时推迟合同的实行，且遭受不可抗力一方无须为此承当职责。当事人拖延实行后发作不可抗力的，不能革除职责。
4、本合同所称“不可抗力”是指受影响一方不能合理操控的，无法意料或即便可意料到也不可防止且无法战胜，并于本合同签定日之后呈现的，使该方对本合同悉数或有些的实行在客观上变成不也许或不实际的任何事情。此等事情包含但不限于自然灾害如水灾、火灾、旱灾、台风、地震，以及社会事情如战争(不管曾否宣战)、骚动、停工，政府行动或法令规则等。
本合同未尽事宜或条款内容不明晰，合同两边当事人能够依据本合同的准则、合同的意图、买卖习气及相关条款的内容，依照一般了解对本合同作出合了解说。该解说具有约束力，除非解说与法令或本合同相冲突。
本合同未尽事宜，依照有关法令、法规实行，法令、法规未作规则的，甲乙两边能够达到书面弥补合同。本合同的附件和弥补合同均为本合同不可分割的组成有些，与本合同具有同等的法令效能。
1、本合同自两边或两边法定代表人或其授权代表人签字并加盖单位公章或合同专用章之日起收效。
2、本协议一式_________份，甲方、乙方各_________份，具有同等法令效能。
3、本合同的附件和弥补合同均为本合同不可分割的组成有些，与本合同具有同等的法令效能。
甲方(盖章)：_________。
乙方(盖章)：_________。
_________年____月____日。
《让网页动起来》教学设计
教材分析：
教材主要是介绍通过在网页中添加字幕与在网页中添加“动态图片”，“更改属性”等dhtml动态效果，让“网页动起来”。通过前面的学习，学生熟悉了教材第一课所列举的网页所有的组成元素，已基本掌握建立一个“静态”网站的方法。本课知识拓宽了网页制作的途径，拓展了之前制作网页的方法，弥补了之前表达网页效果制作手段上的不足。
学情分析：
1、学生在此之前已经会利用acdsee将彩色图片修改成黑白图片，能熟练地通过word字处理软件进行字体的设置，已学会了制作“静态”网页的操作方法。
2、目前因特网上网页的动态效果应用普遍，学生在平时上网浏览信息时经常接触，对网页的动态效果已经有一定的感性认识，因而，在网页中添加字幕和dhtml动态效果后，网页具有良好的动感，对小学生更具吸引力，学习本课的兴趣将相对较高。
教学目标：
1、知识与技能：在网页中添加字幕，并能对添加的字幕进行设置；在网页中添加dhtml动态效果，并了解其用途和特点。
2、过程与方法：在小组活动中培养学生自我探究、主动学习、自我创新的能力，培养学生如何获取信息、处理信息和应用信息的能力。
3、情感态度价值观：让学生在自主解决问题的过程中培养成就感，为今后学会自主学习打下良好的基础。
教学重难点：
1、教学重点：运用滚动字幕、悬停按钮美化自己的网页。
2、教学难点：给网页插入字幕、dhtml动态效果。
教学方法：
1、讲授法；
2、演示法；
3、练习法；
4、讨论法；
教学过程：
一、观赏导入，激发兴趣。
1、展示已按本课要求制作完成的网页，特意将鼠标悬停在会产生动态效果的图片及文字上，引导学生注意观察，想想网页中哪些元素吸引了自己。
2、请学生谈谈网页中哪些元素吸引了自己。
师：这张网页向我们展示了与前几节课不一样的东西，原本静态的网页多了一些动态的元素，如滚动的字幕、会变化的图片等。揭示课题——让网页动起来。
【设计意图】前几课所学网页中的文字和图片均是“静态”的，因此导入部分展示包含“动态”文字及图片的网页，引起学生的注意，激发其好奇心和求知欲。
二、自主探究，合作交流。
1、在网页中添加字幕。
（4）执行“插入”-“组件”-“字幕”命令，打开“字幕属性”对话框，在“文本”框中输入“欢迎光临笨笨熊之家，请多指教！”，单击“确定”按钮；（5）保存后，预览网页，观察字幕效果。
字幕的字体、字号、颜色、背景等设置操作与word的一样。
学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。
2、在网页中添加dhtml动态效果。
师：所谓dhtml动态效果，就是访问者在浏览网页的文字或图片时，随着单击鼠标或鼠标悬停或加载网页等事件发生，文字或图片就会相应地按设定的效果变化；事件消失，文字或图片恢复原样。教学操作演示：
（2）打开做好的主页，选中图片；
话框中，选择要交换的图片文件，单击“确定”；（7）保存后，预览网页效果。
学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。
3、试一试。
编辑“七巧板”主页，实现如下效果：浏览网页时，当鼠标指针悬停在“鲁班锁”或“九连环”或“华容道”文字上，文字变成加粗、倾斜、红色。
【设计意图】让学生阅读教材有助于明确任务，实践后在回过头来理解dhtml动态效果，能够帮助学生更好地掌握知识。
三、交流讨论，归纳总结。
1、请同学展示自己已经完成的作品，并说说自己为什么这么设置。对完成得比较好的同学进行鼓励性评价。
2、请学生结合自己本课的操作，说说自己学到了什么？
【设计意图】通过师生交流，帮助学生梳理知识点，通过问题引发学生思考。
板书设计：
一、在网页中添加字幕。
二、在网页中添加dhtml动态效果。
教后反思：
经过本课的学习，学生初步掌握了在网页中插入字幕并进行相应设置以及通过“鼠标悬停”等动态效果，体验“网页动起来”后浏览者带来的视觉冲击，感受frontpage网页制作功能的强大，发现原来网站中动态效果的实现也不是很难，激发制作网页的兴趣，调动进一步学习的积极性，为后续课程的学习打下基础。同时，通过教师的引导，探究学习“字幕属性”对话框、“速度属性”的设置于文字“更换属性”设置与动态效果的关系，删除选定对象动态效果的操作方法，体验探究的乐趣，体会交流的重要性。