一键复制
人际关系是我们日常生活中重要的一部分，良好的人际关系能带来幸福感。写总结时要注重对关键问题的分析和总结，不要过多陈述细节和琐事。这些范文包含了丰富的内容和观点，相信会对你的学习和工作有所启发。
网页的制作教学设计篇一
2、学会利用表格来规划网页。
3、培养学生创新的能力以及动手操作的能力。
利用表格来规划网页，从中培养学生的创新能力。
一、情境导入。
同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！
二、新知探究。
首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。
教师讲解：如何制作学习园地网页。
1、制作网页的标题：输入文字，并设置文字的格式。
2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。
3、修改表格：调整表格行高和列宽。
4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。
5、进一步设置单元格的背景，来美化网页。
6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。
7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）。
三、作品评价。
1、生评：从网页设计上，美观程度上，知识落实上重点评价。
2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。
四、总结。
我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。
网页的制作教学设计篇二
新学期开始，本学期我将担任11级计算机网络班《网页制作》的教学，为了有效地培养学生学习网页制作课程的兴趣，使学生逐步具备利用所学知识进行网页制作的能力，以适应信息社会的学习、工作和生活的需要；为了规范教学，我特制订教学计划如下：
本学期我将认真做好所教课程的各项工作。认真学习中职计算机学科的教学大纲和网页制作的相关教材，明确教学任务和教材体系，力争“教书”与“育人”贯穿始终。全面贯彻教育部关于中职教育的大政方针，努力探索计算机教学规律，在激发和培养学生的学习兴趣，养成良好的学习习惯，提高动手能力的同时，着力培养学生树立正确的荣辱观和人生观，积极推进素质教育。在教学中要充分利用计算机来培养学生的信息素养，有效地提高教育教学水平。促进学生创新精神和实践能力的培养，充分考虑学生的发展需要，强调学生自主学习，发挥教师的主导作用，学生主体作用，以学生个体发展为目标，不断提高教育教学质量。
上学期学生已经初步学习了部分课程，对此可能有了一定的了解，但是中职学生整体素质层次不齐，绝大多数学生学习目标明确，但也有少数学生对微机在当前和末来社会中作用认识不够。虽然有基础但是通过一个假期之后，很多知识需要巩固。但总体来看本课程学生们的学习兴趣还是很好的。
我们选用的是电子工业出版社出版的《网页制作》第二版教材。本教材的'编写打破了传统的学科体系，以项目为中心，一个个小任务为实例，以范例网站的建设为主线，不强求理论体系的完整性，以够用为度，以是否实用为标准。整个项目统筹考虑实训的设计，循序渐进，逐步完善，着重培养学生独立思考问题和主动解决问题的能力，力求在学习的过程中积累实际工作的经验，从而突出职业技术教育的特色。
本书共8章，前面已学习了前三章，本学期主要学习后五章。第四章打造企业留言板本章的教学重点和难点是插入表单对象的基本方法及设置表单及表单对象属性的方法。要求掌握表单、文本域、单选按钮、列表／菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法等知识点。主要是通过完成企业留言板这一项目来学习的。通过总的项目来分析逐个小任务。最终完成知识点的学习。为了更好的使同学们掌握重难点，在教学中我会精讲多练，让学生案例分析，讨论，最终上机操作，如：用户注册，163信箱等的制作。
flash、弹出信息、拖动层等知识点。主要是通过逐个任务来完成教学的。首先教师演示教学案例。通过ppt课件讲授基本知识。然后通过让学生自己动手重新制作教学案例来巩固基本知识。最终通过实训让学生进一步熟悉所学知识点。
第六章站点的发布本章教学重难点是在iis中配置ftp服务器的方法及通过dreamweaver发布网页的方法和在模板中插入模板对象的方法。要求学生掌握安装iis服务器、配置web服务器、配置ftp服务器、发布网页、检查链接、改变链接、查找和替换、清理文档、保持同步等知识点。本章主要通过教师实例演示，学生动手操作来完成教学任务的。为了让学生更加熟练操作，教师主要通过多个实例操作练习的方法来完成教学。
第七章css样式的应用本章教学重难点是创建和设置css样式的方法及附加样式表的方法。要求学生掌握【css样式】面板、css样式的类别、定义css样式的方法、css的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级css样式、设置单元格id名称和样式、修改css样式、删除css样式、应用css样式、附加样式表、重命名样式等知识点。主要通过项目教学法来完成教学，项目的主要目的是让学生掌握css样式的基本知识。项目主要通过css样式控制购物网页的外观，一方面要熟悉css样式的基本使用方法，另一方面要了解购物网页页面的基本特点。本项目使用的网页布局技术仍然是表格，另外还涉及文本、图像等网页元素。
第八章网页制作综合实例本章重难点是使学生综合运用所学知识点。要求学生掌握网站设计流程、设计网页布局、各级网页制作的方法及网站的推广。本章主要是让学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的能力。同时培养学生主动学习的意识。
1、计算机是一个不断发展的学科，也是一个日新月异的学科，不断会有新的计算机技术出现，教师要在第一时间了解这些动态，然后学会交给学生。因为计算机在现实生活中的应用都是最新的技术，如果与现实脱节了，那么学生现在学到的计算机知识在现实中根本就用不上。所以需要教师有良好的计算机学习能力，为学生做好引导者。
2、采用项目教学法，任务驱动式，案例讲解，实例讨论等教学法围绕“教务管理系统”组织教学内容，分解出一个个子任务分组学习，分组讨论，充分调动学生的学习积极性，开发个人潜能。
3、学生自主完成学习任务，以培养学生发现问题，分析问题，解决问题的能力。同时培养学生主动学习的意识。
4、该课程理论性和实践性均强，要求学生勤学多练，除掌握对网页制作的操作外，还应要求学生做好flash与平面设计，并引导学生综合运用。根据学生的学习情况制订贴近学生生活的实践操作以真正达到了学以致用的目的。
5、课后及时反思，撰写反思日志，积极与学生沟通，了解学生学习掌握情况，对于存在的问题及时发现纠正，对于好的经验方法进行总结创新。
6、制定激励措施，引发学生的创新积极性。对于对计算机有兴趣和独到见解的学生，可以成立兴趣小组，有老师带队，做一些新的项目和开发研究。制定一套合理的奖励机制，对于学生的创新成果给予一定的肯定和奖励，激发学生的创新热情，让学生觉得自己创新是有人欣赏，是有价值的，从而以更积极的态度投入到新的创新中。
总之，计算机在教育中的地位越来越重要，我们需要投入更多的精力来对计算机教育进行创新和研究。对于本课程的教学已远远不止于此。除了因人而异、因材施教以外，更要博览群书、拓宽视野，努力寻求新的切入点,使理论教学和实际应用更好更紧密的结合起来,培养出更多适应信息化社会的实用型和复合型人才。
网页的制作教学设计篇三
总体可以分为以下几点：
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的标记语言、应用程序及协议进行良好的交互工。
网页的制作教学设计篇四
1、知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。
过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。
情感与态度：使学生感受中国源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。
2、初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。
3、
教学重点：利用表格对网页页面进行布局。
教学难点：怎样合理、美观地设计网页页面布局。
此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。
4、
我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法,建构主义模式下的任务驱动式教学法组织教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。
整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅游行程，独立自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构主义学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构主义学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建主义的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。
信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。
创设情境。
激发兴趣。
设计一个含有指向各旅游景点网页的超链接的主页。
提供信息活条件，激发起学生的兴趣。
利用“表格”。
为细化任务埋下伏笔;并且激发学生的认知冲突。
学生明确本节课课题，初步了解任务。
出示课题，介绍总任务。
根据对各旅游景点的兴趣及当初搜索信息的分工情况及本节课任务分工，四人一小组。
学生进行分组。
为细化任务做准备。
出示任务。
明确分工。
每个组围绕主题，利用表格规划设计旅游行程，并建立好超链接，利用主页展示出来。
学生明确任务。
明确总任务。
形式：创建并完善主页，并展示整个网站。
分工参考：
内容版式规划。
整理七个旅游景点网页。
超链接的建立与维护。
作品演示解说。
学生明确汇报形式，分工参考。
使学生明确各自任务后，通过研究，探讨，操作，通过电脑媒体来完成任务。
出示任务。
明确分工。
学生自由分组后,共同研究选组长，组长进行给组员分配任务。
学生共同研究选组长,并协调分配好任务.
锻炼学生自主协调分工能力。
教师出示作品评价标准：
作品内容：设计含有七个链接网页的主页，资料丰富，内容准确。
技术表现：页面布局设计合理，颜色搭配和谐，主题突出，作品演示运行正常，操作熟练。
创新特色：作品布局规划有独特之处，有新意。
提示学生有三条帮助热线：
1、组长2、邻座学习伙伴3、教师4、自学课件。
学生明确要求。
培养学生的创新能力，规划能力，思维能力和合作能力。
学生研究探索合作交流创作作品。
播放舒缓音乐，为学生营造自由和谐气氛。
（提示学生利用网上邻居把各组员的作品组合在一起，共同完成此任务。）。
学生根据角色分工，按小组形式开始完善网站。
学生体会了超链接的作用，练习了超链接的使用，理解了表格强大的页面布局功能；培养学生处理信息和应用信息的能力；通过学生间交流合作，老师及时点拨与指导，培养学生发现问题和解决问题的能力。
下面请各组派代表，到教师机前展示以下你们的旅游行程。其他同学观察后，可提意见或建议。
由小组代表展示组内作品，并详细说明旅游景点规划的呈现形式，内容选择及整体构思。
锻炼学生口语表达能力和分析说明问题能力。
合作成功展示作品成果汇报交流探讨。
教师引导学生探讨页面布局的方法和技巧；谈看完作品后，对其改进意见；进行组间互评和组内自评。
评出“最受欢迎奖”（即如果此网站上传到网上，点击率最高），“最具创意奖”“最佳布局奖”作品。
学生间相互交流探讨。
培养学生合作交流能力。
教师从页面布局，整体规划合理性，创意等几方面进行点评。
学生思考，怎样完善作品。
教师鼓励学生发展创新思维，页面布局规划能力，逻辑思维能力及合作能力。
教师或其他同学提问页面布局的方法。
学生代表演示。
及时检测学生对表格的掌握情况。
你受到的最大启示和收到的最大收获？成功经验和失败教训？
学生回答。
巩固知识，培养情感。
同学们已熟练掌握表格的使用方法，并且加工和应用信息的能力增强。
悠久的历史积淀和丰富的人文资源，使西安居中国六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你们热爱中国博大精深的历史，感受西安古老的魅力！
学生感悟。
全课总结，培养道德情感。
全课总结知识延伸。
网站制作好了，怎样让世界各地的人都看到你们的网站呢？
想当我们的故乡—大庆的小导游吗？赶快制作一个“铁人故乡—大庆”的网站吧！
学生思考。
学生课后实践。
为激发下一节课内容（上传主页）的兴趣奠定基础。
让学生可把本课内容应用到实际生活中去。
培养学生自发探究能力。
利用信息技术创设情境，播放一段自拍的录像，内容大体是：一位外国友人，想要来中国四大古都之一“西安”旅游，但想要自助游，想借助因特网，先在网上了解一下西安，并参考一下旅游行程。通过此录像激发学生兴趣并利用信息技术呈现问题，使学生产生认知冲突，培养学生发现问题、分析问题、解决问题的能力。我通过学生利用信息技术完成此项任务，促进学生对基础知识、基本技能的学习。我利用信息技术，尤其是网络提供的有关“西安”丰富的旅游景点介绍资源，帮助和拓展学生的学习。让学生借助信息技术手段开展探索、总结并进行创作。我利用信息技术展示学生自评，学生互评，教师评价的评价表，为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统支持师生间、生生间的交流对话。
本节课主题明确、集中，让学生分成小组，合作探究学习，给出特定的总任务，有利于学习效果评判的可比较性，也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游，对西安七个主要景点的介绍，让世界了解西安，每个学生在共同完成“网上游古都”网站作品后，让每个学生都有完成任务和宣传中国源远流长的文明历史的成就感，并感到自豪。
本节课，在小组合作学习过程中，学生之间互学互教，彼此交流探讨，经历了提出问题、分析问题和解决问题过程，每个学生都承担一定学习任务，防止滥竽充数，促进了学生的参与程度、认知深度，高质量地实现了课程的目标，增强学生的责任感。但个别学生没有认识到合作学习的重要意义，自主探究能力较弱，容易丧失信心。
教学实际实施过程，有学生提出：我对中国的少数民族文化感兴趣，能否制作一个宣传中国五十六个少数民族文化的特色网站？于是我了解到学生对中国的不同文化感兴趣，可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。
本节课让学生掌握了“表格”的妙用，还提高了加工信息和应用信息的能力，而且使学生感悟到了中国上下五千年的博大精深，对祖国更加热爱。
（
在新课程标准的理念中，明确提出要关注全体学生，建设有特色的信息技术课程。在教材因篇幅的限制，提供给学生感知的背景材料极其有限，“信息”且都处于“静止、储存”状态，不利于学生的感知和抽象概括。因此，允许教师在不改变教材内容、体系、结构的前提下，经教学法的加工，营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的支持下，自主能动地探索，实现知识的再创造。
教学活动在面向全体的同时更注重学生情感的`交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。
学生自主性学习，需要有一个适应的过程，开始阶段，布置任务要明确具体。
学生之间的交流和帮助比较少，自主学习的能力还要不断提高等。
附：学生学习过程及典型成果。
第________组组长________作品题目______________。
网页的制作教学设计篇五
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
网页的制作教学设计篇六
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、知识与技能：
（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、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；
2、认识frontpage的界面；
3、掌握在主页中插入文字、图片、水平线；
4、掌握页面文件与图片的保存。
三、教学重点：
1、能在指定位置建立只有一个网页的站点（难点）。
2、能在页面中插入文字、图片、水平线。
3、掌握页面文件与图片的保存（难点）。
四、教学难点：
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程：
教师活动：
1、引入课题：（激发兴趣，活跃气氛）。
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）。
浏览新浪网站，浏览的第一个页面称为什么？（主页）。
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）。
问题2：网页是不是就是主页？(第一个页面称为主页,网站设计者可以确定哪一个是主页,主页的文件名一般为：,主页也是网页)设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frontpage建立站点，制作一个主页。先来研究一下没有发布的网站,打开教师做的网站问：同学们看到了什么？（文件夹）总结：
可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。请学生浏览教师课件，了解学习任务。
2、新建站点。
frontpage的启动问：与word比较，有什么不同？（增加了视图区，编辑区有三个窗口）总结：
视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面。
普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式。
预览窗口：浏览器中出现的效果，与powerpoint中的“放映幻灯片”类似。html窗口：编写html（超文本标记语言，它是描述网页内容和外观的标准。）打开导学软件，根据步骤，示范建立只有一个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。
分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在images文件夹中。
3、编辑主页与保存主页。
看效果图，请学生分析主页中的元素。
根据导学软件，学生完成任务2：设计主页、保存主页与图片。
4、总结反馈。
请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存。
总结：必须切换到“普通”窗口下编辑主页的保存中存在问题：
单击“文件”---“保存”或工具栏的“保存”按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点images文件夹中,便于站点的管理。
5、请学生继续完成自己的主页，有能力的同学完成提高篇。
六、小结：
展示学生作品，教师与学生共同评价请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。
网页的制作教学设计篇九
2）教材使用情况：无。
3）任课班级：高二（1）教学计划。
4）本学期周课时：2。
5）计划教学时数：32。
6）已完成教学情况：无。
1）课程教学主要目的要求：
主要目的：
1、介绍网络及网站建设的相关知识，使学生对其有一个初步了解；
2、了解万维网的基本结构，网页组成的基本要素；
3、了解目前常用的网页制作软件，并熟练掌握用frontpage软件设计制作网页；
4、学会对站点进行管理，对网页进行上传。
2）教学重点、难点：
链接。
教学难点：动态网页的实现；利用表单处理数据信息；对站点进行管理并上传网页。
教学内容调整说明。
第一周：了解网站和网页的相关知识。
第二周：frontpage简介。
第三周：frontpage文本基本操作。
第四周：图像基本操作。
第五周：网页中表格的`使用之插入表格。
第六周：表格的修饰。
第七周：动态网页的实现之简单动画效果。
第八周：活动元素。
第九周：框架的使用之创建框架。
第十周：框架的修饰。
第十一周：表单的使用之表单栏的设定。
第十二周：使用表单模块处理表单信息。
第十三周：管理站点。
第十四周：网页上传。
第十五周：复习。
第十六周：考试。
1、五一放假及活动的影响，实际教学时数比计划教学时数要少；因此实际上课进度比计划要快。
2、由于是技能课，理论课时数会少于上机操作时数；
网页的制作教学设计篇十
项目教学法是当前职业教育中为实现“零距离”就业而广泛采用的一种教学方法。通过项目教学法，将实际工作过程引入教学，让学生对将来所从事的工作内容有初步或较为深入的了解，熟悉工作中的基本原理、基本方法，提高学生的主动学习能力。在项目教学法中项目的选择与设计是整个教学方法能否有效实施的关键所在。项目的选择要考虑以下几个方面。
1项目来源于实际——情境设计。
使用项目教学法进行教学是为了使学生更贴近实际工作环境，熟悉实际工作流程，掌握实际工作技能，所以教学过程中的教学项目必须来源于实际工程，是实际工作过程的再现，能真实反应实际工作状态。我们在项目设计时应分析实际工作情境，选择的项目在行业内应该具有典型性和代表性，一个完整的工作项目应该包括一系列典型的工作任务。选择项目必须以职业定位为基础进行充分的行业调研，通过对行业生产或服务情况的了解，包括工作岗位、工作环境、工作方法、工作组织形式、工作中使用的工具或设备、工作质量要求、工作职业要求等进行综合分析，明确工作者与工作环境、工作条件、工作者之间的关系，在繁多的工作任务中选出形成该行业职业能力所必须的工作任务，根据不同工作岗位对技术要求作出明确的定位。
2项目应用于教学。
实际工程中的完整项目往往比较复杂，不同任务之间关联性很强，如果完全以实际工程作为教学项目，往往会出现项目过大，难度较高，需时较长等问题。而我们教学过程中教学课时有限，学生刚刚展开专业课学习，对专业知识了解还不全面，完全的实际工程项目作为教学项目会出现课时量不够，学生入手困难，出现为难心理等问题。所以我们必须结合实际教学条件和学生学情分析，对实际工程项目进行合理处理，使之成為适合教学的项目。在这个过程中我们要考虑一下几个方面的问题。
（1）时间。教学的开展是具有时限性的，我们必须在规定学时内完成教学任务，这一因素就决定了我们设计的教学项目不能过于庞大，要结合教学课时合理选择适合课堂教学的典型工作项目和任务。
（2）学情分析。我们的教学项目面对的是高职高专二年级第一学期的学生。学生对专业知识的认识才刚刚开始，过于繁杂的实际工程不利于学生的理解和掌握，项目应该选取典型的、相对简单的、独立的实际工程。同时，当前的高职高专学生普遍存在学习主动性差的特点，所以项目选取应分能激发学生的学习兴趣。
（3）便于操作.项目基于教学过程展开，要便于操作。在选择过程中要结合学校实训条件，课程特点，当前先进的教学手段，工程实际工作过程，使项目更吸引学生的关注力，激发学生的学习兴趣，保证项目正常完成。
（4）完整性。实际工程比较庞大，项目选取虽然受到课时等条件的限制，但在选取时仍要保持一个项目的完整性，一个项目能完整的反应一个知识点，这样才有利于学生对实际工程中工作过程的理解和掌握。
3应用实例。
根据这样的思路，我在《建筑力学与结构》课程教学过程中的设计了多个教学项目和任务，下面仅介绍板的施工图读识任务。
（1）项目的确定和设计。在混凝土结构部分受弯构件是学习的重点和难点，建筑工程技术专业施工方向学生职业定位施工员，该岗位要求学生必须能够读识各类构件的施工图，并能根据施工图进行施工，所以在该部分设计了板的施工图读识与建模项目。项目设计时，考虑实际工程中的板的配筋结合课堂的课时及学生的可操作性，共设计六个不同的单向板和双向板的平法施工图，板的配筋情况包含受力钢筋、分布钢筋、板面构造钢筋等全部配筋。板不可做的太复杂，太复杂学生无法在有限课时里完成，所以每个项目都是一块单独的板。结合学生的学习现状，在项目设计中不考虑板面开洞等复杂情况。
（2）基本知识准备。首先要让学生对钢筋混凝土板有基本的、必须的了解，所以首先通过2个课时介绍钢筋混凝土板的分类、分类的依据、板中的配筋、每种钢筋的作用及其位置、该钢筋在施工图中的表达方法等知识。
（3）布置项目——板的施工图读识与建模。对学生进行实训分组，分组时让学生自由组合，一般不超过8人，然后教师再进行调整。必须使每组好、中、差的学生搭配合理，培养学生小组协作和团队精神。然后给每个组分配任务，教师应将事先准备好的书面项目任务书发给每个小组。提供参考书目录，包括教材、图集、规范、相关专业网页等。
（4）项目实施。学生解读实训项目，读懂图纸，解决相关构造问题，如锚固长度为多长、保护层厚度如何保证、钢筋位置在哪里。
确定建模材料，墙或梁用什么材料、钢筋用什么材料、如何保证钢筋连接、模型比例确定等。
过程中教师要适时跟进，确定进程，避免项目拖沓。同时解答学生在项目完成过程中的问题。解答问题时，教师以引导为主，比如告诉学生问题可以通过那个资料、那本文献的那部分解决，引导学生去查阅资料，拓宽知识面。
（5）项目展示及评价.项目完成后，各组对其成果进行展示、介绍。教师肯定起成果，指出问题。根据每组的情况，每个同学参与的工作，完成结果的评价。之后，将知识点外延，将模型情况复杂化，扩展知识，引起学生的思考。比如若板是多跨，情况会有什么变化，会有什么不同？不同板型相连会有何不同等。
总之，好的项目不仅体现实际工程过程，还要满足教学过程的要求，在设计过程中，我们必须综合考虑多方面因素，以取得最佳的设计效果。
网页的制作教学设计篇十一
【学情分析】。
1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习，对frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。
课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。
一、展示导入，明确学习目标（3分钟）。
1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。
二、指导与点拨（3分钟）。
三、基本功练习（10分钟）。
1.任务：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中）。
（2）每组的“技术顾问”完成任务后可下座指导；（3）完成后相互检查超链接的效果。
四、制作主题网页（15分钟）。
2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成；
五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至ftp。
六、精彩展示（10分钟）各组派一代表向全班展示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题：
1.你从展示作品中学到了什么？有哪些可借鉴之处？
注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。
七、完善提升：（5分钟）。
1.借鉴所展示作品的优秀之处，进一步完善自己的作品；2.根据展示同学的演示，将新学到的操作尝试一遍。
八、总结：
1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）超链接顺畅、自由，方便使用。2.由学科班长公布本节课评价统计情况。
【教学反思】。
1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。
2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。
3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。
网页的制作教学设计篇十二
《网页制作》教学是信息基础必修教材中第六章第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格式。
网页的制作教学设计篇十三
摘要：通过对传统教学模式的调查研究，了解到传统模式逐渐无法满足学生的需求。项目教学法作为一种新的教学模式，在《jsp动态网页设计》课程中是一种新的尝试，通过学生自己完成项目的方式，自主学习jsp网页设计，整个过程由学生自己负责设计，实施，对提高jsp教学的效果有着显著的指导意义。
通过对项目教学法的研究，选取与jsp网页设计课程相关的项目来创设“情境”[1]，让学生主动从零到一，完成自我思考，自我学习，自我强化的过程，认证搜集资料并进行整理，充分整合资源，发挥学生的自主创新精神，最终完成整个jsp动态网页设计的学习。
一、概述。
高职院校为了实现毕业生和企业直接对接的目标，在学生的培养方面主要是注重学生动手能力的培养，为了实现这一目标，项目教学法是最为合适的一种教学方法。该方法已经成为高职各科课程教学中必选方式之一了。明达职业技术学院的《jsp动态网页设计》这门课程也采用了该方式组织课堂教学，该门课程的实践能力要求较高，社会只用性很强，是专业核心课程。主要选用项目是”基于jsp的学生管理系统”，从部分功能开始，讲练结合，让学生做到能在理论的基础上，举一反三实现理论到实践的转化。课程结束时，学生应具备了了解软件开发的过程，熟悉开发工具，掌握理论实践的操作。
二、项目教学法的含义。
项目教学法是在教师的指导下，将一个相对独立的项目由学生小组自己进行资料收集，方案设计，由学生自己评价项目实施的成果，学生通过该项目，了解和掌握在整个过程中每一环节的基本要求。“项目教学法”的特点是最显著的项目为主线，以指导教师为主导、学生为主体”，体现在：多目标;培训周期短，速度快;可控性好;注重理论与实践相结合。项目教学法是教师和学生共同完成项目的一种教学方法[2]。在项目教学法的实施过程中，教师将需要解决的问题通过对学生设立项目的形式来呈现，一本每个项目都会有具体的任务要求和说明，学生通过老师发放的项目要求任务书来设计项目，负责整个项目的设计和实施。通过小组协同工作的方式，自学完成，期间有任何不懂得问题可以咨询导师，导师相当于是学生的左右手，有什么不懂的随时可以寻求帮助，给予学生一定的指导。最后学生共同根据项目制定计划，完成分工，搜集项目的资料并将进行整理，在实践中发现问题，分析问题并解决问题。
《jsp动态网页设计》是计算机专业学生学习的一门核心课程，其实践性较强，不但要通过日常的书本上的学习，还要在计算机上反复实践操作才能掌握。jsp全名为javaserverpages，中文名叫java服务器页面，是一种网络程序设计语言，用来开发动态网站[3]。它和java的特点很相似，都简单易操作，全面向对象，平台安全可靠且无相关性。使用java编程语言的类标签的xml脚本的jsp技术，对动态网页的处理逻辑[6]。网页也可以通过标签和服务器应用逻辑脚本资源访问。显示器的分离设计，jsp页面逻辑和网络，为支持可重用的基于组件的设计，使基于web的应用程序的开发变得迅速和容易。很多高校基于这些特点，都将其作为计算机专业学生继学习java后的有一门必修课程。但是由于其难度和枯燥性，很多学生表示很难驾驭得了，在步入社会以后，所学的知识没能发挥在工作上，从而降低了整个行业的就业质量。
(二)在jsp课程中应用项目教学法的重要性。
在传统的jsp课程教学中，学生通常按照课程的标准先学习一部分的基础内容，后期通过简单的上机操作进行理论的巩固，在这种教学模式下，学生很大一部分在前期就已经丧失了学习jsp的兴趣，后期的上机练习也只不过是现在教学的一种硬性要求，对于真正想要学习的学生无疑是一种沉重的枷锁，学生学习的效果很差。但是通过运用项目教学法，将课程的标准以项目完成的方式分成若干块，学生通过完成项目任务来获取学分，在项目中自学，不用拘泥于传统教学模式下的上课，学习更自由了，学习的动力也更强了，这在很大程度上提高了学生的学习积极性和学习的热情。
四、项目教学的应用步骤。
(一)培养目标的确定。
高职院校“jsp动态网页设计”课程必须确定其具体的知识培训的目标、能力和情感与相应岗位职业能力目标[1]。1.知识目标：通过本课程的学习，熟练掌握配置jsp开发环境;熟练掌握jsp脚本元素、指令元素的用法;熟练掌握jsp中内置对象的特点及用法;熟练掌握jdbc访问数据库技术;熟练掌握javabean组件的基本知识;熟练掌握jsp中的标准动作标签;熟悉servlet的通信方法，掌握servlet的上下文接口;掌握jsp中标签的用法;掌握jsp中filter过滤器的用法;掌握应用jsp进行web程序开发的能力，初步具备开发实际应用程序的能力;2.能力目标：能熟练使用eclipse软件，实现学生管理系统的注册登录功能;信息添加删除功能;查找等功能;能解决开发过程中出现的各种错误提示;测试完成。3.情感目标：具备较强的规范意识、较强的市场竞争力和承受压力的能力、良好的学习习惯，具备自主学习和团结合作、创新能力。
(二)教学项目的划分。
该项目是确定项目教学成功实施的关键因素，必须根据企业对学生工作任务的能力要求进行分析，结合学生的认知特点和接受能力，合理选择项目。并根据企业的工作流程，明确项目的任务，我院jsp动态网页设计”课程的项目被确定为：
(三)教学方式的选择。
高职《jsp动态网页设计》课程可设定多媒体讲练结合、岗位调查、学校实验室项目培训、联系个别实习企业，让学生置身于企业中去参与项目的进展，充分利用各种教学资源，丰富教学形式，提高学生的学习兴趣，突出课程的实践性强的特点，从解决实际问题出发，提高学生的创新能力和自学能力。
(四)教学方法及过程的组织。
1.从学生角度教师进行项目教学时，应重点侧重于学生自我实践能力的加强。以程的核心内容为项目依据为学生制定任务，并确保每个项目都是由简到易，层层递进，充分调动学生的学习兴趣。尽量选择和生活贴近的案例和素材，如布置的学生管理系统项目，利用情境教学法，让学生更好更有效地学习。在项目完成后，教师可以分别让组员互相做出评价和改进方案的建议，上交个人作品作为课程结束的作业。学生在交流中与老师互动，老师在学生做项目的时候可适当提出意见完善项目并修改，将理论与实践有机结合起来。2.从教师角度教师在授课之前应该做好项目的备案，充分考虑到学生对所选项目的适应性和项目本身的难易程度。在上述帮助学生加强实践能力的同时，提升自我的修养和学识。在实施之前，授课老师应对项目教学有一定的认知和了解，在具体应用中将理论知识与项目的实践应用融会贯通并传授给学生。自己在项目经验方面也要多下功夫，提升自己，提高教学服务的质量，培养出更一流的学生。实践能力的提升并非一蹴而就，在日常生活中教师还要多多接触社会中有关专业方向的工作要求，并及时反馈给学生，让学生及时了解到社会所需要的人才结构。项目教学应用是学生和老师互相学习的过程，是共同进步的纽带。不仅仅是学生自身能力的提高，也是老师对完善多年教学模式的一种新的认知。
(五)考核方案的设置。
适应项目教学需要，为培养学生的综合能力，对学生的考核也要注重过程化的考核，鉴于课程实践性强的特点，重点考核学生的软件操作和软件开发、处理能力，本课程主要采用以下几个部分进行考核：1.平时表现考核占总成绩的60%，由平时出勤、课堂表现和作业等内容构成。2.分阶段、分项目考核占总成绩的40%，即最终整体项目的考核情况3.根据上述各项成绩按比例总评得出考核结果。不再进行传统的期中考试4.6项目教学法在《jsp动态网页设计》实施教学中的注意事项1.排课安排要以半天或一天为单位进行排课，和以往的以一节或2节有所区别;2.班级人数不宜过多，应该在20至30人之间。
结束语。
项目教学法的实施，有利于丰富和发展全国计算机专业学生的教学模式，提高计算机人才进入就业市场后的适应能力，最大程度地满足经济建设和社会发展的需要。21世纪的信息时代，学生更需要接受像项目教学法这样的教学模式而非传统教学，这是一种新的尝试，更进一步地发挥了学生自主学习的能力，打破了以往刻板的教学，体现了高等教育的特色，这样学校才能够更好地培养出有效的高素质的技能型人才。
参考文献。
[1]欧志先.”动态网页设计(jsp)“项目教学法初探[j].科学咨询,20xx,(7):79.
[2]杨文.《jsp动态网页设计》项目教学法的研究与实践[j].福建电脑,20xx,25(8):206,204.
[3]李阿芳.项目教学法在《jsp网页设计》课程中的应用研究[j].电脑知识与技术,20xx(18)。
[4]赵海冰,李瑛,邢翠芳.浅谈项目教学与任务驱动在“c程序设计”教学中的应用[j].计算机工程与科学,20xx(z2).
[5]王向阳,李东,张惠玲.项目教学法在程序设计课程教学中的应用[j].价值工程,20xx(6)。
[6]陈民.基于j2ee学生网上评教系统的系统设计[j].电脑知识与技术,20xx(12)。
网页的制作教学设计篇十四
本章内容在本教材中的位置处于第五章,是在文字处理(word)和网络基础及因特网应用两章之后。学生所学的文字处理软件word和将要学习的网页制作软件frontpage同是microsoft公司的产品,在软件的使用上有很多的共通之处,所以在学习frontpage的时候,很多内容可以让学生自学,而不必面面俱到地在课上讲授。而第四章网络基础及因特网的应用又为学生对网页的理解奠定了基础,学生对网页中的基本元素――文字、图片、动画、声音等都有所了解,而网页的制作就是将这些元素重新组合到网页上,学生要学的就是这种组合的方法。所以说,虽然大多数学生以前都未接触过网页的制作,但有了以上这些基础,学起来就轻松多了。
本章内容按照学生已有的基础,我对教学内容分了一下类,也为教学的组织工作打下一点基础。本章内容主要由网页基础知识、网站的建立和管理、网页的制作、创建超链接、图片的处理、网页框架。
重点是网页的制作和创建超链接,学会了这些就可以开始简单的网页制作了。
难点是网页框架,这部分相互之间关系比较复杂,必要时,老师在对各组个别辅导时,可以给予分别讲解。这个分类可以为组长安排各个组员的任务提供参考,使分工更加合理。
二、教学对象的分析。
信息技术课虽然已经成为初中的必修科目,但是城乡学生之间掌握情况的差异却相当大,条件好一点的初中学生不仅已经熟练掌握了课本上的内容,还对一些常用软件有所了解;而差一点的可以说是从高中开始才正式接触到信息技术知识的学习,他们需要多锻炼、多指导,所以协作学习对学生的学习帮助很大。
三、教学策略的选择及媒体的使用。
在教学策略的选择上,我使用的是任务驱动和协作学习相结合的方法。
任务驱动就是要求本章内容学习完之后,每个小组都要完成自己班级网站的制作,并在全班进行评比,选择最好的作为班级主页挂到学校主页上去,这有助于激发学生参与学习的积极性。
协作学习则是让学生在学习过程中互帮互助,用较短的时间、教少的精力学到更多的东西,完成一个集体项目,让他们在学习之后获得成就感。因此在媒体的选择上,我们使用的是top2000系统。top2000系统有利于教师进行分组教学和学生作品的点评及成果的展示。教学过程开始之前,教师把学生按座位分成四组,每个组都按学生对计算机的掌握程度平均分配,保证每个组都有计算机操作方面比较突出的,也有相对比较差的,使其形成能够互帮互助的学习小组。并由他们自己选出组长各一名,然后由组长根据组员的情况,确定在班级主页制作过程中主要完成什么任务,也就是说起到一个组织者的作用。做过网页的人都知道,做网页是一项比较费时的工作,而要学生在较短的时间内制作出像样的网页是比较困难的,而在这个过程中,网页的设计占去了相当多的一部分时间,组长把任务分到各组员头上以后,组员就可根据自己要完成的任务相对集中的做某方面的工作,做完以后,组员之间进行经验交流,告诉组员自己的网页是如何制作出来的,在完成自己的网页后,再重复一遍制作过程花费的时间的不多的。这样,其他组员就可在较短的时间之内掌握比较先进的网页制作方法,而不必再花那么多时间去探索。因为每位组员都必须自己完成一个任务,所以在这个过程中,也同样有自己探索学习的机会和介绍自己经验的机会,使组内的每个学生都在学习中获得成就感。
四、教学过程。
教学进程。
教师活动。
学生活动。
1、课前准备。
课前将本章内容的基本结构、内容的归类、网页基础知识、网页素材做成一个网站,供学生参考,网站上的内容可根据学生以后在学习中的要求添加。根据学生对已有的网页制作的情况进行分组。
学生根据自己的分组情况选出组织能力较强、计算机水平较高的人做组长,协作小组形成。
2、教师布置任务,作必要讲解。
第一节课,教师简单介绍网页基础知识,并给各小组布置任务――用下面的时间完成班级网页的制作,并对组长进行本章基本内容及本章内容的分类的介绍,让他们对本章内容有总体上的'把握。
在教师对网页基础知识讲解的基础上,浏览教师制作的网站,继续学习;。
课后各组设计自己的班级主页,组长根据网站上教师对本章内容的分类给学生布置任务。
3、教师指导分工情况,学生开始自主学习。
第二节课教师对组长对全组的分工情况给予检查,提出意见和建议。
学生根据分工制作网页,学习可以跟着课本上自学,也可根据以前学习word的经验自己摸索制作过程,不懂之处可向会的同学请教,还可以相互之间讨论,在网页的设计方面也可以相互之间多商量,发扬互帮互助的精神。
4、学生自主学习,教师指导、监督。
下面三节课,老师在每组各用10分钟时间检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
五、阶段总结。
四节课的制作以后,各组员所制作的网页都初见雏形,所以教师组织一堂课,由各组展示自己的作品。教师在学生评讲完后,给予总结。
各组分别展示自己的作品,其他组对他们可以提出意见或建议,也可从其他组的学到好的创意。由组长在课后写一份阶段总结,从而指导以后的工作。
六、学生自主学习,教师指导、监督。
下面四节课,老师仍然对每组各花10分钟时间轮流检查他们上节课的网页制作情况,并对他们碰到的问题给予提示或解决,起指导和监督作用。
学生继续学习、制作网页。
七、各组将内容汇总,形成班级主页。
教师对各组出现的问题提出建议或意见。
组长或组长安排人将各组的主页进行汇总,形成一个完整的班级主页,对欠缺的地方进行修补。
八、班级网站制作完成,展示与总结。
老师请其他信息技术教师来做评委,对各组做的网站提出意见或建议,评出最佳网站、最佳创意等奖,让大家的付出都有所收获。
各组分别展示自己组所制作的班级主页。
课后:。
大家集中各组的优势,将班级主页完成,挂到学校主页上。
网页的制作教学设计篇十五
4、掌握页面文件与图片的保存。
1、能在指定位置建立只有一个网页的站点（难点）。
2、能在页面中插入文字、图片、水平线。
3、掌握页面文件与图片的保存（难点）。
学生已经学习了word、powerpoint与上网浏览信息，对计算机的基本操作（word中文档的编辑，网页的浏览等）比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。
在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学，让学生根据这个网络环境下的自己探索学习，以满足不同层次学生的需求。
教师活动：1、引入课题：（激发兴趣，活跃气氛）。
同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）。
浏览新浪网站，浏览的第一个页面称为什么？（主页）。
我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）。
问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：,主页也是网页）。
设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用frntpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站。
