《网页制作》（精选8篇）

《网页制作》（精选8篇）

《网页制作》 篇1

　　（一）教学要求

　　1、 掌握网站构思的一般方法。

　　2、 学会收集、整理素材的基本方法。

　　3、 掌握网页制作的基本方法。

　　4、 掌握链接网页的各种方法。

　　（二）教学设计建议

　　本节安排五个课时，是本章的重点，本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网站的设计和制作。

　　本节教材中安排了三个实践探究活动，包括一个讨论交流活动和两个实践体验活动，并且给出了比较详细的操作示例。

　　教材通过让同学们组织一个小组来共同设计、制作一个有关世界遗产的主题网站，学习网站的构思、制作以及素材收集、整理的基本方法。

　　我国是一个有五千年历史的文明古国，并且有九百六十万平方公里的大好河山，同学们的家乡总有一些值得纪念的人文历史和自然风光，一方面以这个主题作为网站的内容，大家比较有亲切感也容易找到素材，另一方面，通过网站制作的过程，也是一次爱国主义教育过程。

　　当然，教师也可以结合学校所在地的具体情况，设计制作一些更有纪念意义的主题网站，也可以结合学校近期的工作重点，设计制作一些网站。教师可以自行决定，只要是学生感兴趣的，健康的内容都可以作为网站的主题。

　　设计、制作一个网站仅靠一个人的力量很难在短时间内完成，需要几个人合作完成。在本节中，要求通过小组合作学习的方式，在小组中既有分工又有合作，在完成一个网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣、积极作用和深远的影响。

　　在本节的教学中，可将学生分成若干个小组，每个小组五至六人，小组中的同学相互协作，共同完成一个网站的制作。

　　网站的设计、制作可分成三个主要方面：网站构思、素材整理、网页制作。

　　每个小组的同学依此分工，在学习时也各有侧重，有些同学主要考虑网站的内容和结构等问题，有些同学把主要精力花在有关素材的收集和整理上，还有些同学重点学习网页的制作方法。

　　由于事先进行了分工，学习中就有所侧重，在小组合作设计制作时，他们都各有所长，就能实现互为“专家”的合作学习模式。这是一种比较好的合作学习的方式，通过小组同学间的互帮互学，从而达到共同提高的目的。

　　由于每个小组中担任不同角色同学学习的侧重点不同，教师在教学中也不应采用面面俱到的办法，必须采取类似于“复式教学”的教学方法。

　　具体教学建议如下：

　　第一课时。

　　（1）确定任务，进行需求分析。在课堂中组织好合作小组，并对各合作小组的组成情况做好记录。要求每个合作小组的同学坐在一起，从中推举组长，并做好任务安排，落实每个人的学习任务。

　　（2）小组同学一起讨论确定准备制作的网站的主题，同时为下一节课的活动做好准备。

　　第二课时。

　　（1）将所有学生分成三大组进行“复式教学”，即“网站构思组”、“素材整理组”和“网页制作组”。将这三个大组的同学相对集中，便于进行“复式教学”。

　　（2)教师组织“网站构思组”的同学进行“网站的策划与构思”的讨论交流活动，其他同学自学有关的内容，着重学习如何掌握收集、整理素材的基本方法。

　　（3)讨论交流活动后，“网站构思组”的同学分别回到各自的小组中，在小组中向大家介绍自己的初步想法，通过讨论协商，对网站的总体框架和主要内容，达到认识基本一致。

　　第三课时。

　　（1)继续进行“复式教学”。教师对“素材整理组”的同学，着重讲解如何对素材进行整理、处理，其他同学则查找并收集有关的文字、图片、声音、影像等素材。

　　（2) 然后，每个网站制作小组的同学一起将收集到的素材进行分类和评价，保留有用的素材，并在“素材整理组”同学的指导下，对素材进行必要的处理。如将图片的格式转换成jpg格式，文字素材进行重新编排，将声音和影视资源转换成rm或wmv等流媒体格式。教材中用画图软件进行格式转换是一种最简单的办法，如果是大量的文件需要转换格式，运用第三方软件将能提高工作效率。

　　第四课时。

　　（1)继续进行“复式教学”。针对“网页制作组”的同学，教师通过一个“设计制作网站主页”的实践体验活动，帮助大家掌握网页的基本制作方法。其他同学，按照主题网站的构思要求，收集、整理更多的素材。

　　（2)在每个网站制作小组中，每位同学在“网页制作组”同学的指导下，按照主题网站的总体规划，分别制作网站中的其他网页。

　　第五课时。

　　（1)由于超链接在网页中的地位非常重要，所以这部分内容需要教师组织全体同学进行“设置超链接”的实践体验活动，要求让每一位同学都能掌握设置各种超链接的方法。

　　（2) 经过网页制作小组同学的共同努力，基本完成一个主题网站的制作。对于主题网站的美化和优化工作，留待课余时间大家逐步完善。

　　由于本节需要动手操作的内容比较多，主题网站的设计、制作也需要充分的准备和实践的时间，所以，除了课堂中完成部分学习内容外，其他大部分的内容可能要作为回家作业让学生在课余时间通过合作的方式完成。

　　<

《网页制作》 篇2

　　一、         说教材

　　《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容

　　1、教学目标：

　　1）、利用表格定位网页

　　2）、添加网页元素

　　3）、使用模板制作其他页面

　　教学重点：利用表格定位网页

　　教学难点：使用模板制作其他页面

　　2、能力目标

　　通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。

　　3、情感目标：

　　通过本课的学习，培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

　　二、         说教法

　　根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。并以小组形式进行，每个小组记录整个制作过程的情感体验。

　　三、         说教学过程

　　由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如word工具的基本功能，学会了对文字图片及表格的基本处理。基于学生现有的知识技能，我决定让学生以小组形式组合成5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。

　　对此，我设定了以下几个环节：

　　环节一

　　前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。我会先提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。我接着在frontpage中打开学生常去的网站：腾讯qq网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构，从而引出目标一：利用表格定位网页。

　　紧接着让学生根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件。我会提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理。学生在调整表格中会遇到这么一个问题（或者由我设定出这个问题）：

　　a1

　　a2

　　a3

　　想调a3单元格的列宽度，a1单元格保持不变，不管学生怎样调整总是会带动a1的改变，在学生急切想知道答案时我及时引出了表格的嵌套，学生恍然大悟，印象加深。接下来我会叫学生回想下以前浏览过的网页有没有看到表格的框架，如何才能让表格不显示在我们的网页中呢，从而引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等。根据课堂情况而定，可以再让学生尝试单元格属性的设定，能力好的学生可进一步尝试网页属性的设置，并比较三种属性之间的不同范围。

　　环节二

　　网页的框架搭好了，就象若大的房子已经想好了该在哪个位置摆放哪些家具和电器，往下一步就是要把这些实物摆放在相应的位置上来，你们接下来工作是为你们的网页添加各种素材到相应的单元格中，从而引出目标二：添加网页元素。学生动手把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。提醒学生在插入图片时应选择jpg或gif格式，有利于提高网页浏览速度，注意把握网页素材的比例，文字过多就会造成网页的吸引力减弱，图片过多就会使网站内容空洞、浏览速度下降。最后提问学生还能为网页添加哪些元素（水平线、超链接、背景音乐等）扩展学生知识，使能力强的学生可以进一步提高。

　　环节三

　　在轻松快乐的气氛中各小组已完成了早已酝酿已久的主页，并保存。学生体验到了成就感，兴趣高昂。我这时趁热打铁,提问学生，一个内容丰富的网站应该是由多个页面组成，才能更加完善你所表达的思想，接下来就是制作其他页面。这时我打开榕树下这个网站的主页和其他子页面，让学生欣赏并观察这些页面的风格是否一致，学生认可后我提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致。提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作，结合frontpage模板功能引出目标三：使用模板制作其他页面。提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑。要求学生为他们的网站制作模板。

　　最后，各小组把做好的主页和模板上传到ftp服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评。我还可以根据课堂情况提示一些能力强的学生上网找些网页特效的代码插入网页，增加网页的吸引力，也使这些学生有更高的发展空间和互相学习的动力

　　在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。

　　评委点评：

　　从教师说课中看到，本课教学目标设计比较恰当，教学过程各环节安排有合理之处，比如运用删除qq网站网页元素，使用留下的空表格引出利用表格定位网页，提醒学生注意把握网页素材合理使用，使用模板制作网页等。

　　但是，作为说课，缺少对学生学习状态的分析和对教学内容重难点的分析等重要的教学设计依据，也没有看到教师进行教学设计的理论支撑和起码的原由，缺少课后对本课教学的反思，缺少说课时向同行和评委所作的必要的媒体呈现。这些都令评委感到遗憾。

《网页制作》 篇3

　　一、教学目标的确定思路： 

　　1.教材分析：

　　“网页制作与发布”一章是教材中第四部分“信息的生成与发布”中的一个内容。这一部分学习内容的重点是：编辑属于自己的信息，发布具有自己特色的信息。主要涉及：文本信息的处理、信息素材的整理、对象的插入设置、网页效果的浏览及网页发布等相关方面的内容。这章是属于在综合运用以前所学知识的基础上进一步提高、学习。《网页制作入门》这一节是本章的基础、入门课程。

　　2.学生分析：

　　学生通过前面各章节内容的学习，对文本、图形、图像、声音、动画等多媒体信息的处理技术有了一定的使用经验，掌握了一些信息的搜集、整理、加工等方面实际处理能力，特别是通过对Internet相关知识的介绍及大量网站的浏览，对网页内容、结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。

　　3.教学目标：

　　通过本章的教学，使学生获取、分析、处理、发布、应用等信息处理能力得到提高。特别注意培养学生通过网络发布信息的能力，培养学生的创新、探索精神和分工合作意识。结合这个总的教学目标制定本节的教学目标：

　　教养性目标：

　　知识目标：（1）熟悉Dreamweaver的界面环境；

　　（2）了解Dreamweaver菜单、属性面板、对象面板、快速启动面板中主要功能及用法；

　　（3）掌握超级链接的概念。

　　能力目标：（1）掌握文本网页的制作技术，会设置字体、字号、颜色及超级链接，

　　（2）提高对信息的处理能力，

　　（3）培养学生自主学习的能力。

　　思想方法：观察法、发现法、类比法。

　　教育性目标：

　　培养学生做文明礼貌、诚实可信的人；发扬团结协作的学习精神。

　　发展性目标：

　　（1）培养学生学习信息处理技术的学习兴趣，

　　（2）培养学生探索新知识、新技术的求知欲望，

　　（3）激发学生的创新意识。

　　4.教学重点和难点：文本属性面板的使用。

　　二、教学过程：

　　1.教学任务的设计：

　　总任务：设计一个内容文明健康、图文并茂、效果丰富的网页，有条件的进行发布。

　　由于学生在基础知识、认知能力；个人的兴趣、爱好、性格、动机等方面存在个体差异，要求学生完成同一个任务、达到相同的学习效果，既不现实也不科学，反而会大大挫伤学生学习的积极性。所以在学生学习本章的所有内容之前，先让学生了解这一章的教学目标和最终所要完成的总的任务、达到的要求。在学生明确自己所面临的学习任务之后，以此拟定自己要设计的网页的主题、结构、内容；搜集并准备相关素材，然后在每节课开始向学生介绍本节课应达到的的教学目标及所要完成的任务，学生去完成阶段性的工作任务。

　　2.教学模式：“自学→指导”式教学模式。

　　其流程为：

　　创设情境提出任务

　　自主学习积极探索

　　帮助指导完成任务

　　展示作品交流评议

　　创设情景、提出任务：通过对典型的网页作品的展示与回顾，激发学生的学习兴趣和求知欲，明确提出本节课的教学目标和任务。

　　自主学习、积极探索：根据要完成的本节课的任务，选择学习资源中相关的学习内容，进行自主学习。从简单的模仿开始，大胆进行探索实践，通过多种渠道寻求问题的解决。

　　帮助指导、完成任务：对自主学习、探索问题解决过程中出现的问题，教师及时利用多媒体计算机系统的各种功能进行帮助、指导；鼓励学生开展协作学习拓展思路，使不同程度的学生都能向目标迈进。

　　展示作品、交流评议：选择学生制作的具有代表性作品进行展示，由师生共同参与点评，对学生中体现出来的好的制作经验和体会，给予肯定；对不足的地方提出指导性的意见，使学生的阶段性的作品逐步趋于完善。

　　3.教学策略：自主学习、协作学习、教师指导相结合。

　　三、教学手段：

　　在多媒体信息技术教室进行教学，通过多媒体教学系统的播放、监控、反馈、讨论、传输等功能完成教学任务。

《网页制作》 篇4

　　说课题目：

　　FrontPage网页设计技巧综合运用

　　专家们、教师们：大家好！

　　今天我说课的题目是：FrontPage网页设计技巧综合运用

　　我的说课将从以下几个方面进行：

　　一：说教材

　　二：说教学目的

　　三：说学生

　　四：说教学方法及实现途径

　　五：说有关教学设计中的三个引导点

　　首先说教材：

　　教材的选取：教材使用经全国中小学教材审定委员会审查通过，全日制普通高级中学信息技术教科书，高中第三册，第一单元FrontPage网页设计的总结运用课。这一教材由广西科学技术出版社出版

　　本节教学内容所处的地位：是巩固与提高学生网页设计技巧的极好机会，而且是教师抓住机会进行更精彩、更有意义的教学设计与教学实施的关键时期，我想这点会在我后面的教学设计阐述中体会。

　　接下来说教学目标：

　　基础知识目标：

　　巩固前面已学的网页设计技巧，而且将激发学生自主去探讨，更多的网页设计技巧。

　　能力培养目标：

　　培养学生互相合作，共同提高的良好品质；鼓励学生们在这一网页设计运用课中，充分利用网络资源，培养自己主动学习及探究能力和综合信息素养。

　　情感教育目标：

　　如何使信息技术教学成为培养学生综合素质的一个平台，如何设计除了教会学生使用一些基础软件知识之外的更多的东西，这是我一直在计算机课教学中思考的一个问题；学生情感教育的培养，一直应成为我们课堂教学中，不可缺少的重要素质教育目标之一，所以选择母爱为主题，由此培养学生对母爱的理解及体验母亲对儿女平凡而伟大的爱；另外也为丰富我自己的情感：我作为一名普通的教学人员，我希望在我的教学中做我应做的，做我能做的，多探讨，多尝试，丰富学生的内心同时，我也在其中丰富自己，并感受更多的快乐。

　　接下来说学生：

　　学生计算机知识背景：

　　我的学生是高二的学生，高二的的学生经过高一计算机基础知识的学习以后，他们有一定的网络知识，如何设计一个教学环节不仅仅简单让学生回顾复习一下，而是能达到更高的层次，下面了解一下：

　　学生的身心特点：

　　高中生在心理和行为上表现出强烈的自主性，具有很强的自信心和自尊心，热衷于展现自己的力量和才能；他们已不满足于父母、老师的讲解，或书本上的现成结论，

　　学生与父母的交流：

　　在高中阶段，高生中的自主、独立性使他们的个性处于极其张扬与反叛的时期，父母与孩子的交流往往在这一时期成为多事之秋。所以希望能通过这一教学，激发学生们心中对母亲的爱的理解与感受。而如何根据学生情况，使这一美好的愿望在我的网页设计教学中实现呢？用怎样的教学设计与方法来进行呢？这对我们师生都将是一个很大的挑战。

　　下面是实现这些教学理念的教学方法及实现途径：

　　教学方法一及实现途径：

　　用任务驱动教学设计与母爱内容相结合：

　　把所学的网页设计技巧与母爱内容相结合，巧设任务，对学生进行引导。

　　例如：网页中文字的修饰与滚动字幕的设计，让学生结合母爱内容，自拟一个标题，进行设计展示；从有关母爱的文章资料中选择感受深刻的有关母爱的段句并配上图片在网页中进行设计；同样的背景图片及音乐，另外表格对网页整齐化的设计，都进行精心安排，结合母爱主题进行练习。

　　教学方法二及实现途径：

　　课堂以学生为主，教师为引导，师生一起互相探讨学习的教学方法，教师在教案设计中分别把所学的网页设计技巧与母爱网页设计一一对应，设计成任务，学生之间分组合作，互相学习，相互探讨，把所有任务分成四组，班上学生分成四组，每个组负责一个任务在全班进行展示，如果有任务本组不能解决的，让其他组同学上来协组完成，让他们自己当老师。

　　教学方法三及实现途径：

　　让学生在已学习的网页设计技巧应用之上，用形式多样的方法让学生感受母爱，同时进行课本以外网页设计知识的探讨：

　　例如：给学生提供有关母爱的散文与诗歌文章及背景音乐，让学生尝试如何把朗诵与文字同时展示在网页中，鼓励学生把自己喜欢的母爱文章进行课后自己录制放到网页中；向学生介绍有关录音的软件；

　　再例如：引导学生使用特效设计代码，老师提供一两个特效代码，让学生尝试，由此鼓励学生在以后的设计中到网上自主进行资料搜索并下载进行尝试运用。……

　　教学方法四及实现途径：

　　给学生提供提问与学习的平台，鼓励学生利用网络资源进行学习。给学生提出自己在网页设计中想实现而自己又不知道如何操作实现的网页设计问题，这些问题如果可以在课堂上解决的，首先鼓励学生进行互相交流解决，教师可以当堂解决的，应给予引导，如果不能解决的，鼓励学生与自己一起到网上进行学习，并在课后再进行交流，探讨解决。

　　最后说有关教学设计中母爱情感培养的三个引导点：

　　一：说学习兴趣：苏联当代教育家苏霍姆林斯基在给教师的建议中说到：“在每一个年轻的心灵里，都存放着求知好学、渴望知识的火药，只有教师的思想才有可能点燃它”。所以为进一步激发学生的网页制作兴趣，进行如下教学程序：

　　1、教师进行鼓励：一张网页的设计，技巧是基础，在基础之上如何设计出一张你较为满意的网页，还有许多其他的综合能力的体现，赠言：一分耕耘，一分收获，以此鼓励。

　　2、激励办法：母爱主题的网页设计将邀请家长来欣赏，把好的作品放于学校网站上。

　　二、说有关母爱音乐：如何把时尚与情感教育相结合？我想在此我找到了很好的结合点，那就是结合现代青少年最喜欢的歌星周杰伦，他自创自唱的歌曲：听妈妈的话作为我的这节设计课的开场，当我的学生走进电教室，此时当我给我的学生播放这首歌，我的学生会不约而同的跟着节拍与我一起唱：听妈妈的话，我想在那一刻，有什么样的方法会让我的学生与我一起在深深地感受着母亲的爱呢？的确，伴着这首歌，也会使我的网页设计主题内容：母爱，自然传递给学生。

　　三、说阅读、朗读：阅读、朗读是最能使人的心灵变得明亮且是培养丰富情感的重要方式，我在网上查找了很多有关母爱的文章，一首很简洁而对母爱深刻描述的诗：MOTHER，课前与班主任、语文老师和英语老师了解情况，得到学生的同意，最后我设计班上的两位学生在课堂上朗读。另外倾听也是情感培养的重要方式，我找到有关母亲的一个英文的小故事，让我的英语老师朗读并录音，在课堂上播放给学生，进行倾听，从中让学生体会母爱。教育家孔子提倡诗乐，他说：“温柔敦厚，诗教也。”基于此，

　　总之，在整个教学过程中，如果说充分利用网络资源，及丰富形式多样的资料进行网页设计教学，让学生的网页设计技巧巩固中深深感受母爱和理解母爱，还不如说是我自己也是学生中的一员在深深的体会母爱吧。

　　我的这节说课就到此。

　　谢谢专家们，老师们的耐心聆听，希望专家们，老师们给我指导，我相信有大家的参与，我的这一节教学设计将会好。

　　再次谢谢大家

《网页制作》 篇5

　　【教学目标】：

　　1、知识与技能：进一步熟练掌握网页文字、图片的插入和格式设置，能根据创意制作内容较为丰富的个人网站首页；进一步掌握网页制作软件的表格、字幕等功能。

　　2、过程与方法：任务驱动，让学生根据自己的网站规划，参考教科书，以探究的方式掌握知识与技能，实现网站其他页面的制作。

　　3、情感、态度、价值观：培养学生的审美能力和创造能力，在小组协作学习中，培养学生的团队精神。

　　【教学重点】：

　　1、根据网站规划，独立设计网站的各子页面；

　　2、学习FrontPage20xx制作网页的技巧：字幕、表格、图片阴影。

　　【教学难点】：

　　1、字幕的设计和表格的使用；

　　2、文本和图片格式的更多设置。

　　【教学准备】：

　　大屏幕投影、多媒体网络教室、相关图片及文档素材

　　【教学过程】：

　　一、创设情景，引入课题：

　　同学们上节课已经在FrontPage中制作出了网站的首页，但一个网站一般都有许多页，（展示两个例子）大家看，除首页外，其它各页面都有些什么特点？

　　（有滚动字幕、有图片，有排列整齐的表格等）

　　小学信息技术教案：《制作网站页面》

　　个人主页“小星之家”

　　小学信息技术教案：《制作网站页面》

　　个人主页“风采图片社”

　　教师引入：在一个网站中，除首页外，还应当有更多的子页面详细表达各栏目的具体内容，这些页面一般比首页内容简练，但也可以加入一些滚动字幕，绘制表格以便排列图片和数据等。这节课我们就在FrontPage中试试这些功能。

　　二、新课教学

　　任务一：制作第一个子页面，并添上滚动字幕

　　1、学生探究：用以上节课学过的方法，根据自己的网站规划，新建一个空白网页，输入标题正文，再添加图片等使页面内容丰富。

　　2、教师提示学生，在插入菜单中，有“组件”子菜单，请大家试用其中的“字幕”功能，看看它有什么用途。

　　3、小组内交流试探结果，教师选两名学生通过网络广播（或大屏幕）示范插入滚动文字的步骤和效果。

　　4、保存网页，提醒学生要用英文字为文件命名。

　　教师提醒学生要记住关闭已编辑并保存的网页。

　　任务二：制作其他子网页，根据需要插入表格

　　1、师：有时候，我们需要将文字或图片按行列排整齐，的方法就是先插入一个表格（展示“卡通动物欣赏”网页实例），然后在表格内输入文字或者插入图片，这样就很容易排列整齐了。

　　小学信息技术教案：《制作网站页面》

　　你的哪一个网页需要使用表格呢？试试看，根据在word中学过的方法，参考课本“吃在四川”子网页的设计方法，为自己的网页也插入一个表格，再向单元格里添加文字或图片。

　　2、学生上机操作，新建一个空白网页，输入本页应有的标题及正文文字，然后插入一个表格，并在表格内插入图片，将图片大小调至合适大小。小组内交流：插入表格时，你是怎样设置表格参数的，为什么这样做？能改变单元格的大小和背景效果吗？你是怎样找到动态图片的？又是怎样把它们的尺寸设置成一样的呢？3、讨论后，学生继续操作，并保存新制作的网页。然后制作自己所规划网站的其他子网页。

　　任务三：进一步美化各网页。

　　师：为了使我们的网页更漂亮，我们可采用改变背景、使用动画或滚动字幕，改变文字或图片的格式等方法美化网页。多数功能都可以通过“格式”工具栏或“插入――组件”菜单来实现。

　　综合实践：

　　1、选择漂亮的图片作为子网页的背景。

　　2、尝试利用格式菜单，为网页的文本加上边框。

　　3、从网上找一些与网页内容相关的gif动画，插入到自己的网页中。

　　4、为图片加上凹凸或冲蚀效果。谈谈探究学习的收获：以上效果你实现了哪几种？你是怎样做的？四、拓展练习

　　运用所学的表格布局技巧，制作一个“可爱的卡通形象”网页，要求网页内有多个卡通形象，每个卡通的大小一致，并在页面上方添加一行滚动文字“卡通乐园欢迎你！”。

《网页制作》 篇6

　　第1章 计算机网络基础                             总累计第1课时 

　　课课题题    第1节  计算机网络基础知识 

　　课课题型    综合课 

　　教学目的    1、了解计算机网络的分类及其系统构成；2、 懂得计算机网络的基本应用；3、 掌握internet的基础知识。 

　　教学重点    1、计算机网络系统构成；2、网络地址及域名形式。 

　　教学难点     1、tcp / ip网络协议；2、统一资源定位器（url） 

　　教学用具    多媒体电脑 

　　教学方法    讲述法、多媒体教学法、练习法 

　　课时安排    共2课时 第1课时 

　　教学过程  i、引言：我们生活在一个信息社会里，时刻需要获取和交换信息。例如，各商业银行的总行要收集各业务点每天的资金情况，铁道部门要及时了解每一辆火车的运行状况等，这些数量极为庞大的信息怎样才能方便、快捷地传输呢？而计算机网络技术能很好地解决这个难题。那么，究竟什么是计算机网络，计算机网络又有什么用呢？  ii、讲授新课 一、计算机网络及其分类 1、计算机网络基础?1)概念：凡是将分布在不同地理位置上的具有独立功能的多台计算机系统，用通信设备和通信线路连接起来，再配有相应的支撑软件，以实现计算机之间的相互通信、资源共享的系统，称为计算机网络。 (2)作用：①资源共享②集中管理和分布处理③远程通信 2、计算机网络分类（按通信距离分）：①局域网②城域网③广域网④互联网二、计算机网络系统构成 1、硬件系统：①服务器②工作站③网卡④调制解调器（卡④）⑤集线器⑥交换机⑦传输介质e2、软件系统?1)网络系统软件：windows 2000、indows n、uni(2)网络应用软件：电子邮件软件、浏览器软件、网络教学软件 3、网络信息：在计算机上存储、传输的信息称为网络信息，是计算机网络中最重要的资源。  iii、练习、作业 、预习 ①什么是计算机网络？它主要分为哪几类？ ②计算机网络软件系统包括哪些？ ③预习：internet网络基础。  iv、教学小结     本节课主要讲述计算机网络的基本概念和分类以及让学生了解计算机网络系统的基本构件和其他的一些相关的网络基础知识。 

　　教学后记   

　　第1章 计算机网络基础                          总累计第2课时 

　　课课题题    第2节  internet网络基础 

　　课课题型    综合课 

　　教学目的    1、了解计算机网络的分类及其系统构成；2、 懂得计算机网络的基本应用；3、 掌握internet的基础知识。 

　　教学重点    1、计算机网络系统构成；2、网络地址及域名形式。 

　　教学难点     1、tcp / ip网络协议；2、统一资源定位器（url） 

　　教学用具    多媒体电脑 

　　教学方法    讲述法、多媒体教学法、练习法 

　　课时安排    共2课时 第2课时 

　　教学过程  i、引言：前面我们已经学习了计算机网络的一些基础知识，应该说，目前世界上最大的计算机网络可算是internet(因特网)了。下面我们就一起来了解internet的知识，看看internet的作用和使用。internet起源于1969年的一个广域网计划，由美国国防部高级研究计划署(advanced research project agency，简称arpa)发起组建的一个异地计算机网络系统，它是internet的前身---arpanet。  ii、讲授新课 三、internet（因特网）基础1、连接到接到inte：①拨号（电话线、牛）②一线通（、mo）③宽带（②一）④其他上网方式d2、网络协议：①tcp / ip协议②其他协议 transfer control protocol / internet protocol：传输控制协议/网际协议 3、网址 (1)统一资源定位器（url）：http:// 主机机地址（域名） uniform resource locator：因特网采用的一种特有的统一地址格式。 hypertext transport protocol：超文本传输协议 例如：http:// 202.121.103.101 (2)域名：①中国中小学教育教学网 ②金羊网（羊城晚报） cn：一级子域名（cn表示中国） com：二级子域名（com表示商业网站） k12：三级子域名（k12表示“中国中小学教育教学网”服务器名） www：四级子域名（world wide web：万维网） iii、练习、作业 、预习 有条件的同学可在家利用空余时间练习使用internet。 iv、教学小结 本节主要讲述internet的基本功能和使用方法，让学生能初步懂得什么是internet？如何连接到internet？如何使用internet的基本功能等方面作了简述。 

《网页制作》 篇7

　　[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。

　　[关键词]信息技术/网页制作/任务驱动

　　中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。

　　一、教材分析

　　我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

　　教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。

　　二、设计思想

　　1、任务驱动

　　本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标 。

　　2、小组协作

　　制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。

　　基于资源

　　要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。

　　三、学习目标

　　本单元的认知、情感和动作技能三种目标分述如下：

　　认知目标

　　1、能简要陈述FrontPage2000主要功能，熟悉其操作界面

　　2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接

　　3、能主动获取、收集班级信息，并加以分类和整理

　　4、能客观评价网页的内容和风格，具备一定的审美能力

　　情感目标

　　1、具有集体荣誉感，愿意为班级的网页建设出谋划策

　　2、具有乐于助人、团结协作的精神

　　3、能尊重他人的劳动成果，有保护知识产权的意识

　　动作技能目标

　　1、能熟练地建立、打开、保存、浏览网页文件

　　2、能按照需要建立框架网页，设置各框架中的初始网页

　　3、能在网页中熟练地插入文字、图片、动画、水平线

　　4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐

　　5、能选择合适的网页背景图案和背景音乐

　　6、能根据实际需要使用不同的超链接，合理地组织网页

　　7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感

　　8、能够插入简单的表单，使网页具有初步的动态交互功能

　　四、学习资源设计

　　在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：

　　1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等

　　2、本单元学习的目标和任务，以及每课时的子目标和子任务

　　3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等

　　4、根据每课时的学习目标制作的操作指导，包括操作界面的演示

　　5、网页设计所需的各种素材，如图片、动画、Midi音乐等等

　　6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料

　　7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源

　　以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。

　　五、教学过程 

　　本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下表：

　　课时

　　学习子任务

　　教师行为

　　学生行为

　　1

　　访问推荐网页

　　评价网页，确定标准

　　形成小组、讨论栏目，明确分工

　　推荐优秀网站

　　组织学生讨论网页内容和风格，分析网页框架和布局。

　　小结网页评价的标准

　　提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)

　　提供网页栏目划分建议

　　组织各小组讨论

　　浏览网页

　　仔细观察，区分优劣

　　了解评价网页的标准

　　明确任务及原则

　　选择小组，参与讨论，确定栏目及分工，推举组长

　　组长上报成员名单

　　课后收集整理信息

　　2

　　学会使用教学网站

　　熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作

　　输入文字信息并修饰

　　公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法

　　参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示

　　登陆教学网站，了解栏目功能，练习使用

　　创建网页文件，输入网页文字信息并保存

　　设置文本字体字号颜色，调整段落对齐方式和缩进格式

　　引用资料注明出处

　　在网页下方署名

　　3

　　学会插入图片、动画、水平线

　　设置背景和音乐

　　学习插入表格，并用表格实现页面布局

　　介绍素材库中各类素材

　　参与网上讨论、答疑

　　提醒学生网页上的图片和动画应少而精，以免影响浏览速度

　　介绍表格的嵌套

　　分析学生网页，用表格演示页面布局

　　选择合适的素材插入网页合适位置，

　　设置图片和动画的大小、对齐方式和边框

　　设置网页背景和音乐

　　在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑

　　用表格规划页面内容

　　4

　　学习框架网页的创建及保存，学会拆分和删除框架

　　小组合作，建立主页

　　建立页间链接，并学会通过预览功能测试链接

　　介绍框架网页的各种格式和创建、保存的方法

　　演示拆分、删除框架

　　参与网上讨论、答疑

　　分析学生操作错误原因，页间链接应使用相对路径

　　演示超级链接的建立、使用预览功能测试链接

　　小组讨论选择一种框架页面作为主页

　　设置框架属性，如框架名称、初始网页等

　　创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确

　　学会使用相对路径

　　5

　　学会创建书签链接、邮件链接和图片链接

　　建立URL链接

　　初步学会创建图象的热区链接

　　对每个链接进行测试

　　分析一个主页，让学生找出不同的超级链接

　　讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答

　　错误原因分析，URL链接使用绝对路径

　　选择内容较多的页面建立书签链接

　　在图片上练习图片链接和热区链接

　　为酷站链接和站长信箱建立正确的链接

　　加深URL地址的认识

　　对每个链接进行测试

　　6

　　学会插入滚动字幕

　　学会使用悬停按钮

　　学会插入站点计数器和横幅广告管理器

　　小组网页初步组合，上传到教学网站

　　逐个检查各小组网页的制作进展，并给出评估意见

　　参与网上讨论、答疑

　　讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件

　　在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式

　　在主页上插入计数器和横幅广告管理器

　　选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象

　　设置网页的动态效果

　　小组网页组合上传

　　7

　　了解表单的交互性，学习表单的创建和设置

　　在表单中插入各种组件

　　设置表单的Email提交方法

　　各组网页定稿上传

　　介绍简单的留言板，论坛和聊天室，供学生选择

　　引导学有余力的学生学习ASP和数据库技术

　　参与网上讨论、答疑

　　创建留言板或其他形式的表单，如学习调查表等

　　在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件

　　设置Email提交方法

　　小组网页定稿上传

　　8

　　各组网页演示、互评

　　网上投票推选优秀网页和网页制作高手

　　每位同学自评

　　由班内网页高手做班级网页管理员，负责提交、维护班级网页

　　组织小组网页互评

　　设计网上投票网页

　　设计网页设计评估表

　　为每个学生的作品打分

　　积极参加小组互评

　　投票推选优秀网页和网页制作高手

　　认真小结本人学习情况，并如实打分自评

　　六、教学评价

　　本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。

　　评价指标

　　(分值)

　　具体指标

　　量化等级分值

　　自评

　　教师

　　优

　　良

　　中

　　差

　　网页内容

　　(40)

　　获得的信息准确且完整

　　5

　　4

　　3

　　2

　　信息的收集方法效率高

　　10

　　8

　　6

　　4

　　网页文字没有语法和拼写错误

　　10

　　8

　　6

　　4

　　能找到合适的网页素材并合理应用

　　10

　　8

　　6

　　4

　　引用他人作品，是否注明出处

　　5

　　4

　　3

　　2

　　技术处理

　　(35)

　　网页布局整齐、合理

　　10

　　8

　　6

　　4

　　网页色彩协调、风格鲜明

　　10

　　8

　　6

　　4

　　网页链接正确、快捷

　　10

　　8

　　6

　　4

　　具有较强的动态交互功能

　　5

　　4

　　3

　　2