发布时间:2023-03-22 17:39:03
序言:写作是分享个人见解和探索未知领域的桥梁,我们为您精选了8篇的网页制作论文样本,期待这些样本能够为您提供丰富的参考和启发,请尽情阅读。
现在利用网络信息手段增加了教学内容的生动性和丰富性。在网页制作课程中,课内项目通过课件展示和真实网站的欣赏,把书本上的内容活灵活现的展示在同学们面前,让学生获得真切的感受,即在头脑中再现画面,如临其境、如见其人、如闻其声,从而激发学生学习的兴趣,引起学生的关注和思考。在动态网页原理模块中,以动画的形式形象地展示出来,激发学生的想象力。而在课外拓展模块中,教师应将录好的教学视频发到教学平台上,以视频的形式展现出来,使学生方便参照与模仿。
二、信息技术课堂教学应用模式
1.情境探究模式是信息技术与课程整合的一种基本模式
现在我校在网页制作课中的应用确定为以下几个步骤。
2.自主学习模式
现在教育的出发点是培养学生终身学习的意识,这是贯穿于人的一生的自主学习,所以就要通过运用现代信息技术,培养学生良好的自主学习习惯,全面提高学生综合素质和应变能力。在网站建设课堂中我们将自主学习的研究重点基本流程初步确定为以下几个步骤:
3.协作学习模式
网页制作这门课程,要培养学生的协作学习模式,因为多数优秀的网站都不是一个人完成的,都是团队共同努力的结果,所以在课程中的协作学习模式具体应用过程如下:
4.研究性学习模式把学生作为主体
充分尊重学生的个性、自主性和差异性,使学生在求异、探索的环境氛围中进行学习与实践。
三、教学评价
传统的教学评价以单一的纸笔测试为评价形式;以老师为单一的评价主体;在评价的技术上,强调量化而忽视质的分析;在评价角度上,重视终结性评价,轻视形成性评价。在信息化教学模式引入课堂之后,教学评价也应强调实时、动态或基于作品的评价。要注重综合评价,关注个体差异,实性评价指标的多元化。在网页制作课程中,在以上的几种教学模式中,通过强调参与互动、小组自评与互评相结合的方式实现评价主体由单一的教师向多主体的多元化转变;同时,评价方式多元化,从网页设计规划到网页的设计与制作,最终到实习报告的总结,都进行评价,考虑到学生的差异,注重整个学习过程,使终结性评价和形成性评价相结合,而在各个方面对学生进行鼓励与评价。
四、信息技术与学科整合应注意的几个问题
信息技术的优势显而易见,它为教育教学活动注入了无限的生机与活力,给课堂教学效果带来了实质性的变化,在现代教育中越来越离不开信息技术这个工具,下面结合在网页制作教学中的实际情况,谈一下信息技术与学科整合时应注意的几个问题。
1.教学设计的重要性
通过在课堂中引入信息技术,课堂气氛非常活跃,教学内容丰富多彩,学生也很活跃,但是如果没有详细计划和教学设计,学生们反而会杂乱无章,不去思考,只是看热闹。所以在信息技术与专业学科进行整合时,教师的主导地位不是降低了,而是更重要了,这体现在课前的设计上,每一个提出的问题,学生要解决的任务,可能出现的状况都要好好的进行设计,课堂中让学生成为主体,但是真正的导演还是教师,让学生按照教师设计好的脚本表演,但这脚本要是隐形的。这样一节课下来,从教师到学生都会有很大的收获,所以信息技术与专业学科的整合不是在短时间内就可以实现的,这对于教师来说是更艰难的挑战。
2.信息技术在教学中要应用的恰到好处
信息技术固然好,但它与专业学科的整合重在“实用价值”,没有必要在原本传统手法就能解决很好的内容上把信息技术强加上去,比如在计算机软件的讲授课程中,没有什么比直接演示操作更好的效果了,如果在这时非要去做课件去完成,那就有些画蛇添足了,那就会偏离了信息技术辅助教学的初衷。
五、结束语
【关键词】网络 论文写作 评估体系
1 引言
毕业论文写作是检验毕业生综合能力、评估学业成绩的重要方式。毕业论文写作指导是高职英语专业学生的必修课。发挥英语专业特点,充分运用现代教育技术,保障毕业生的学术水平和科研能力,是高职高专外语系课程改革与建设中一项重要的任务。互联网在中国的普及和高校校园网宽带的不断升级,使基于网络的英语专业毕业论文写作教学成为可能。
毕业论文写作是一门实践性的课程,学生必须通过参与研究和写作的整个过程才能建构自己的学术研究理念和实践技能。结合网络教学的特点,发挥建构主义理论对网络论文写作教学的指导作用,整合网络教学理论与实践,探索基于网络技术、以任务为导向的教学方法势在必行。
2 建构主义理论指导下的评价体系
基于网络的论文写作教学新模式是以建构主义为理论基础的。建构主义强调,在整个教学过程中由教师起组织、指导和促进作用,学生是学习的主体,利用情境、协作、会话等学习环境要素充分发挥学生的积极性、主动性,最终完成对知识的意义建构。他们认为学习者是在与周围环境相互作用的过程中,通过“同化”与“顺应”两种方式,促进自身认知结构发展的。学生的学习不是被动的,而应是主动的、探索式的、协作式的学习。根据建构主义理论,学习本身是一个动态发展的过程,像建构理论下的情境创设、知识的意义建构以及人与人的协作关系都是随时空转换而不断变化的。wWw.133229.COM而以往论文写作教学中的终结性评价,关注的是整个阶段的教学结果,不能对教学过程起到跟踪、监控、检测和指导的作用。为了弥补终结性评价的缺陷和不足,在新的教学模式下,要重视学生综合能力和整体素质的发展,科学地、理性地、全面地对学生进行评价,从知识、能力、品质、态度等多项指标去衡量每一名学生。运用更具个性发展的评价策略,激发学习者潜意识中的学习兴趣,充分发挥他们的积极性、主动性和创造性,使众多更具特色的学习个体融于网络学习这个大环境中。
3 以形成性评价为主的多维评价体系的评价方式
以形成性评价为主的多维评价体系其评价方式是多种多样的,其评价资料可以由教师和学生共同收集而完成。评价体系:
(1)以自我评价为主,结合教师评价、小组评价等多种评价方式。建构主义主张自主学习,鼓励学生积极参与学习、研究,发挥首创精神,实现自我反馈学习者每一次实现对原有认知结构的改造与重组,也就是完成了一次自我的肯定、否定、再否定的辩证评价过程。这种自我评价有利于学习者成就感的形成、目标的明确、个性化的培养,使学生由评价客体成为评价主体,提高了学习的参与性,增强了学生的评价能力。同时,我们也不应忽略教师评价和小组评价的作用。教师评价为学生对知识的意义建构提供了一种引导,科学、更合理、更客观。
(2)通过对评价对象的多维度、多层次的评价,提高评价的说服力。建构主义重视个性发展,提倡多情境解决问题,主张发散性思维的培养。
毕业论文的写作一般分五个步骤:
1)选题;
2)搜集材料;
3)论文提纲的撰写;
4)撰写初稿;
5)修改初稿、完成论文。
根据willis的任务教学模式,我们可以把选题分为前期写作任务,搜集材料,论文提纲的撰写以及撰写初稿分为写作期,而修改初稿、完成论文分为任务后的分析和解决问题。因此我们把论文质量监控和管理分成3个方面:论文写作的准备阶段监控;论文写作过程质量监控;论文写作中期检查和学生意见反馈。论文写作的准备阶段监控主要任务是:教师对学生进行毕业论文写作的各个环节的辅导,帮助他们树立正确的写作态度。同时在论文写作各个阶段进行论文写作课堂教学,内容涉及毕业论文选题、写作方法、规范格式、写作过程中出现的问题及相应的对策等。论文写作过程质量监控的主要任务是:教师就各个环节进行质量监控,如定期抽取某个小组,了解其组员毕业论文撰写进展情况,以及存在的问题。论文写作中期检查和学生意见反馈表。在论文写作进展到中期时,教师自己填写其中检查表,对自己的进度、组织安排、质量监控等各个方面进行自查。学生意见反馈表主要涉及教师的态度、科研水平、教师对毕业论文指导、组织安排等方面的问题。
4 实施毕业设计管理系统
首先是通过网络监控毕业设计的选题。学生根据选题的基本原则填写毕业设计选题表,并通过e-mail发给指导教师。高职高专学生的毕业设计要充分体现其职业性和岗位性,毕业设计选题应与所学专业及岗位需求紧密结合。高职高专英语专业毕业设计选题的基本原则是结合英语专业特点,符合本专业教学大纲的要求。设计不应该只是单一的语言技能,更应该是英语语言技能与文秘、商务、旅游等其他学科知识相结合。此外,题目难度应适宜学生在规定的时间内可以完成,同时题目还要求有科学性、实践性、针对性、创新性。指导教师通过网络对选题进行审批。
其次是对设计过程的管理。毕业设计前期,管理部门落实管理选题工作并监督进展情况,提供标准来确定各种表格填写是否规范。根据毕业设计进度要求,学生网上提交选题报告。教师在网上进行评阅,通过后才能进入下一个环节。毕业设计中期,学生网上提交设计稿并汇报设计情况。教师通过检查工作进度,了解毕业设计工作中存在的问题,以便及时采取有效措施解决问题。网上指导便于教师掌握学生毕业设计的进度和质量,可考察学生掌握和运用知识的能力以及学生的工作态度,对学生在毕业设计中出现的原则性错误能及时指出,并帮助其改正。对部分态度不认真或违反纪律的学生要及时帮助和教育。通过网络,教师可全面审阅学生的书面材料,指导学生形成正确的表达思路,能充分调动学生学习的主动性与积极性。对关键环节如设计方法、理论分析、数据处理和结论等环节进行指导时,指导教师通过存储的学生的初稿进行评阅并做批注,最终论文定稿。毕业设计后期,指导教师可检查各项工作的完成情况,对进度缓慢的学生要根据实际情况提出改进意见,督促学生按进度完成毕业设计任务,同时决定毕业设计答辩的具体安排等。
5 建立评估体系,导向规范评价
建立质量评估体系应具有科学性与可行性。评估指标体系应具有一定的导向性,能充分调动教师、学生和管理人员的积极性。依据毕业设计的质量要素,依据科学性、可操作性、导向性和可比性的原则,我系建立的毕业设计质量评估体系包括6个评估要素,细分为18个评估项目(见表1)。
6 毕业设计教学管理、评估体系的实施效果
我系学生毕业设计始于2006年,几年以来,我系实施毕业设计教学管理与评估体系,取得了如下成效:
(1)进一步完善了毕业设计工作的有关文件。我系制定了有关毕业设计工作的教学管理规章制度,为毕业设计工作提供了制度保障,使毕业设计工作有章可循。
(2)充分发挥了系、教研室在毕业设计工作中的作用。毕业设计有目标管理和过程管理,而系、教研室两部门在过程管理中起重要的作用。系是宏观监控组织,教研室则针对高职英语专业特点,加强了对毕业设计的组织、管理和检查,制订了毕业设计工作的相关细则。
(3)加强了毕业设计工作的质量保障与评估。在贯彻实施毕业设计教学管理与评估体系过程中,学生毕业设计的质量不断提高。1)提前选题时间,选题从第五学期开始,学生提前进入毕业设计准备阶段,并充分利用寒假开展社会调研工作,增强能力培养与社会需求的契合度。并结合专业课程学习和实践教学环节、社会实践活动,在教师指导下及时选择或更换题目。实践结果表明,提前选题时间,更有利于发挥学生的自主性和创造才能;同时,学生有较充足的时间查阅、调研文献资料,提前进入角色,为第六学期开展毕业设计工作奠定较扎实的基础。2)加强了对毕业设计工作的中期检查。教学督导组成员、主管教学系主任、教务处有关人员深入到各专业查阅有关毕业设计的教学文件,了解设计的选题、及时发现问题,解决问题。3)编写了毕业设计指导用书,规范了毕业设计的撰写形式。4)在毕业设计工作结束后,教务处对当年的毕业设计进行抽查、审阅,了解当前毕业设计质量以及存在的不足,评出系、校级优秀毕业设计。5)在毕业设计工作结束时,组织专家组按照毕业设计质量保障与评估体系对当年的毕业设计工作进行评分,明确现状,找出差距,及时改进,不断提高。
毕业设计教学、评估体系的建立促进了我系毕业设计质量的稳步提高,毕业设计的成绩分布合理,设计优秀率保持在10%左右,良好率稳定在60%以内,中等率在20%及格与不及格率控制在10%左右。理论性题目保持在40%以内,而实践性题目稳定在60%以上。
参考文献
[1] airasian peter w. classroom assessment[m].new york: megraw---hill,1991.
[2] cohen andrew d. assessing language ability in classroom[m].boston: heinle & heinle publishers,1994.
[3] 丁光惠,唐正连,杨伟等.毕业设计管理系统研究与实践[j].黑龙江教育---高教研究与评估,2007(4).
[4] 丁光惠,唐正连,杨伟等.基于网络的毕业设计质量监控系统设计与实现[j].科技促进发展,2007(29).
开题报告
指导教师:王春平
论文题目:幼儿园网站设计
学生姓名:王凌宇 专 业:计算机 20xx年11月4日
幼儿园主题网站设计开题报告
1本课题的研究意义
可以说,从孩子一出生起,父母就一直在以理想的方向而塑造着他们。然而,这样单纯的教育模式是否就是完美的呢?我们究竟应该为幼儿建立一个怎样的教育体系,如何为他们提供一个平等的发展机会?
一个由家庭、幼儿园和社会共同构成的完整的教育体系,才会为培养和谐发展的未来人才提供强大的推动力。教育是国家富裕强盛的根本,幼儿教育更是不能忽视,如今已是信息化普及,网络也遍及到每家每户。因此,我选择了幼儿园主题网站设计来做我的毕业设计。这样可以利用网络进行工作学习以及品牌推广,以便打造一个三方相互联系,相互沟通的平台:为幼儿园和家长沟通建立一座桥梁;提供了一种最低廉最有效的宣传平台;树立幼儿园品牌,展示幼儿园风采。
2.本课题的基本内容
其网站制作首要内容是对制作网站所要用到的技术的掌握。本网站要掌握的技术有dreamware+access2019平台开发,ASP技术等
在服务器端运行ASP脚本语言,并连接到后台数据库,把动态查询生成的网页传送到客户端浏览器。ASP中通用设置变量可以实现对数据的存储、检索和操作。通过调用函数、定义过程执行特定的任务。Dreamware是一款高效率具有 网站管理功能和超强的管理功能是一个开发平台,用起来更简单方便!其内容有以下几点:
(1)在功能上,网站要实现提高教师专业发展、指导家庭教育、增进家园互动等功能。充分发挥这些功能,会使网站具有鲜明的服务特色,也会增强网站的专业性。
(2)在栏目设置上,网站应该充分考虑教师和家长的需要,设计一些他们感兴趣和针对性强的栏目,如教育活动展示、幼儿个案研究、幼儿成长记录、家庭教育论坛、家园直通车等。这些栏目简单明了,针对性强,能吸引教师和家长的注意,激发他们访问网站的兴趣和积极性,发挥网站的教育作用。
(3)在信息提供上,网站应多提供访问者需要和感兴趣的教育信息,如优秀的教育活动案例和评析,科研课题的研究成果,教师撰写的优秀论文,各领域教育活动的文献音像资料等。
3.本课题的重点和难点 :
重点在掌握运用dreamware+access2019平台开发,ASP技术并设计构思网站的主体,难点在于综合运用ASP技术和数据库技术知识开发一个实用的网络应用程序,并在网上运行。
4.本课题的进展计划
1、第一阶段:11月3日—11月8 阅读参考资料并撰写开题报告。 2、第二阶段:11月8日—12月5日 完成作品的设计开发。
3、第三阶段:12月5—12月22日 撰写毕业论文并对设计作品进行完善修改。 4、第四阶段:12月22日 准备毕业答辩。
参考文献
[1] 何海霞,Dreamweaver8 完美网页设计[M],北京:电子工业出版社,2019 [2] 罗国庆 陈两萍,网站建设案例精粹[J],重庆:电子工业出版社,2019
[3] 龙马工作室编著,Dreamweaver MX 2019 完全自学手册,北京:人民邮电出版社,2019
[4] 唐伟等编著,网站规划与网页设计,北京:清华大学出版社,2019
[5] 王璞编著,网页制作三剑客(MX 2019版)入门与提高,北京:清华大学出版社,2019
[6] 林小芳,吴怡. ASP动态网页设计教程[M] .北京:清华大学出版社,2019 [7]金旭亮,吴彬.网站建设教程[M].北京:高等教育出版社,2019
[8]许卫林.VBScript+ASP动态网页制作[M].北京:中国电力出版社,2019
[9]陈建伟,李美军,施建强. ASP动态网站开发教程[M]. 北京:清华大学出版社,2019
第二篇:幼儿园利用家庭资源进行科学教育 开题报告 400字
伊犁师范学院教育科学系
本科生毕业论文(设计)
开题报告
论 文 题 目: 幼儿园利用家庭资源进行科学教育的现状研究
专 业: 学 前 教 育
学 生 姓 名: 顾 倩 雯
学 号: 08040102028
指 导 教 师:
开题报告时间: 年 月 日
伊犁师范学院教育科学系制
填表说明和要求
1.开题报告作为毕业论文(设计)答辩小组对学生答辩资格审查的主要依据材料之一。此报告应在指导教师指导下,学生在毕业论文(设计)工作前期内完成,经指导教师签署意见,同意后生效。
2.学生阅读论文、资料的篇数一般不少于10篇,开题报告中应包括文献综述、选题依据、可行性分析及预期成果。字数不少于2000字。
此表一式两份,随同学生毕业论文(设计)一起由各系存档。
论文摘要:《网页设计基础与应用》是一门实践性很强的职业技术课程,在教学过程中采用哪种教学方法才能取得好的教学效果?本文从这一点出发,并结合自己的一些教学实践,对项目教学法在本课程的应用做了一些粗浅的探讨。
一、引言
随着科技与信息技术的不断发展,网络已与我们的生活息息相关,上网已成为一种潮流。人们已经越来越习惯于从网络上获取自己所需要的信息,已经越来越离不开网络,而网页是信息的基本载体。而《网页设计基础与应用》这门课程就是要告诉我们如何制作互联网上缤纷多彩的网页。
与其他课程相比,《网页设计基础与应用》这门课程无论是教学内容还是教学方法上都有其特殊之处:它是一门实践性很强的职业技术课程,在教学过程中,除了要求学生掌握基本的技术外,也必须对艺术设计有一定的了解,如果按照传统教学模式教学,仅仅在多媒体教室中讲解理论知识、演示操作步骤是远远不够的,一堂课下来学生只会做老师教的,不会融会变通,学生的创新意识得不到培养。因此只有在实际教学中突破以往的教学模式,才能培养学生自我探索、独立研究能力与自主创新精神。
二、选取合适的教材,合理安排教学内容
一本教材的好坏,会在一定程度上影响学生的学习兴趣和教学效果,特别是针对中职生这样一个特殊群体,我们更应该优选教材。作为一个以医药类专业为主的中职学校,结合本校的实际情况,我们在选职教材的时候,应该采用一些在内容编排上由浅入深、难易适中的教材。
在进行教学之前,我们首先应该结合学生的实际情况,合理安排教学内容。一般的网页制作课程包括Dreamweaver、Flash和Fireworks三大部分。网页外观丰富多彩,图像元素功不可没,图像不但能美化网页,而且与文本相比能够更直观地表达信息,而有些图像必须经过一些处理才能在网页中发挥它的作用。因此,我们在教学内容安排上可以做一些适当的调整,三个软件相互配合,在重点教授Dreamweaver之后,可穿插学习一些如何利用Fireworks来处理制作图像,以及学习用Flash来制作简单Flash动画,最后再回到Dreamweaver的学习上,由此制作出更加漂亮生动的网页。
三、使用项目教学,增强学生的实践能力
在实际教学中,项目实施是将某一教学课题的理论知识和实际操作技能结合在一起,通过对已有知识、技能和新学习的知识、技能的应用,解决实际问题的过程。在教学过程中,采用项目教学理念,为学生实践和实习作好了准备,充分体现了职业教育以“学生为主体,以能力为本位”的价值取向。在详细讲解网页制作的过程中,结合本次课的学习重点,以一些典型的网页作品为项目,由浅入深地带领学生进入丰富多彩的网页世界,这些项目都是经过精挑细选且有非常好的代表性,学生在学习这些项目的时候不但能够明确每节课的学习目标,而且也便于他们掌握每节课的学习重点。
在《网页设计基础与应用》课程实施项目教学时首先要确定合适的项目,每节课的学习内容不同,难易程度也不同,那么就要求在确定每节课的项目时,要结合本次课所学的知识点,及所学知识点的难易程度,选择合适的项目,这样既便于学生掌握本次的知识点,增强学生的自信心,也便于提高学生的学习兴趣。
其次在实施这些项目的时候,教师应注意从激发学生的兴趣人手,调动学生的求知欲望,在教学中充分发挥学生的能动作用。老师在每次上课的时候,首先可以将本次课所要完成项目的效果图展示出来,而在讲授过程中可结合具体的项目,将本节课所要学习的知识点,以疑问的方式让学生带着问题听课,并积极参与讨论,在讲了一个具体的项目以后,可以让学生亲自动手来完成这些项目,这样既便于学生在实际操作中发现问题,解决问题,掌握本节课的知识点,也可以增强学生的实践能力。而且在教学过程中,老师要根据学生的掌握情况,适当地增加一些书本上没有的项目亲自演示给学生,还要从这个项目中延伸出更多的问题或是需要完善的地方,让学生自己完成。比如,教师在讲解这些项目的时候,可以先介绍书上的项目,然后再给出一些比较相似的项目,让学生自己思考、设计、完善。通过这种方式不仅发挥了学生的主动性和创造性,更加有利于他们把在课堂上学到的理论性的知识与实践相结合。
最后为了激发学生的学习积极性,提高学生的自我满足感和成就感,在教学中可有意识地把学生的作品展示在全班同学面前,让学生一起参与评价。在评价过程中,老师要把握好评价的策略:先给予肯定,提高学生的自信心,然后再从专业技术的角度指出不足。这个过程既是学生展示自己的最佳时机,又是学生进行反思的过程。通过评价,可以使他们对别人作品有一定了解;并从中发现自己的不足之处,总结自己在上一阶段中所掌握的知识,取长补短,也可以使学生明确下一阶段的学习方向,充分体现教学目标的个性化。
四、发挥学生创新精神
在课程进展到一定阶段时,可以给学生布置明确的任务让他们独立完成。教师可以制订一定的网页制作要求。例如,教师可以确定所要制作网站的主题,学生可按自己的思路,兴趣及风络,利用前面所学的知识,制作出主题突出、内容详实、美观的网页;也可与其他同学分工合作制作网站,完成后教师再对学生制作的网页作品进行评分。制定好任务目标后,学生一定会产生一种迫切地要完成这些任务的愿望,而完成任务又能给他们带来成就感和满足感。抱着这样的心理能驱使学生自觉地由被动地学变成积极主动地学。在具体的教学中,教师要结合学生的实际情况,适当的进行指导,使学生在教师的引导下圆满的完成教学目标。
五、采用适当的考核方式
网页设计课程的考试应该打破传统的考试方式,可以采用机考的方式,通过一个学期的学习,学生应该能够独立设计一些网页,能够熟练地利用自己所掌握的制作网页的方法和技能,制作出丰富多彩的网页。
参考文献:
[1]徐洪亮.网页设计基础与应用[M].海洋出版社.2006.8
论文摘要:网页的内容通常是由图片和文字组成。由文字构成网页的主体,而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站,往往能让浏览者流连忘返。因此,有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息,使用户和网站进行交互,使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页,使用框架网页可以同时浏览几个不同的Web页面,使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括:在网页中插入FLASH动画利用Java或者javascript制作网页的动态效果。网页中使用插件,视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术,不可能创作出一个优秀的Web页面,一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1.网站名称:“济南中天环保设备有限公司”
2.步骤:
(1)确立主题
(2)收集资料
(5)美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识,并使之得以融会贯通,在掌握运用Dreamweaver制作网页的基础上再加以实践,进一步提高、加强自身的综合能力。
四、要求
根据公司的要求,设计一个企业站点,以达到宣传该公司及其产品的目的。有整体框架结构,表格定位等,布局合理,色彩搭配协调统一,内容丰富多彩,页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思:
本网站主题为:济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页,里面加有网页动画效果“滚动字幕”及Flas,本站几个主要分网页分别为:公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思:
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面,背景色采用跟主页一样的蓝色,淡蓝色的背景给人以干净大方的感觉,与环保网站的主旨相一致。上方为Flas与链接页,左下方是用Photoshop
处理过的图片,与主页是一致的。右边的标题是用Photoshop制作的图片,小标题采用斜体加黑,这样制作丰富了页面内容,使整个页面条理清晰。服务承诺分条目标示,一目了然。最后的“空气净化服务范围”标题,即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的,先用油漆桶工具把背景色填充为与页面相同的淡蓝色,调整文字的大小与位置,两边分别加上符号“【”、“】”和“”,使图片看起来更加美观。
经营业绩页面,背景色与Flas,链接页与主页保持一致。这一页的主要内容是用表格形式来固定的,边框设置为1,颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致,比较大方,浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面,左下方的图片与右边的标题都是用Photoshop制作的,在联系方式中还添加了一个outlookexpress电子邮件,方便用户与公司的联系,用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件,已经被越来越多的人所接受,无论是与同事和朋友交换电子邮件,还是加入新闻组进行思想与信息的交流,OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件,还列出了公司地址,电话,传真,邮编。
左边的图片是在Photoshop中,先用椭圆选框工具选中所要的部分,放置新建的画布中,再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中,用油漆桶工具填充背景色,然后写上“联系方式”,调整其大小与位置,“方式”二字较“联系”稍小一些,左右分别加上符号“”,“「”,“”,“”,使图片放置页面中显得美观,更突出了主题内容。
FLS-系列风淋室,净化空调厂房,中效送风机组,各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的,并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定,表格边框设为零,图片是用Photoshop制作成的。
所有页面整齐划一,设计风格保持一致,加上淡蓝色的背景,给人简洁、明了、大方的感觉。
七所用各技术的特点
1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器,其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入,使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点:
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks,FreeHand,或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单,快捷键与格式控制,都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具,如PlaybackFlash,Shockwave和外挂模组等搭配,不需离开Dremweaver便可完成,整体运用流程自然顺畅。除此之外,只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形,设计,更新和重组网页。改变网页位置或档案名称,Dreamweaver会自动更新所有链接。使用支援文字,HTML码,HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组,Dreamweaver支援精准定位,利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能,提供超强的支援能力给Third-party厂商,包含ASP,Apache,BroadVision,ColdFusion,iCAT,Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时,所供即所得的功能,让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开,应用于快速网页更新和团队合作网页编辑。建立网页外观的样版,指定可编辑或不可编辑的部分,内容提供者可直接编辑以样式为主的内容,却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页,可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果,声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能,Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时,只要从Dreamweaver的网站下载它的描述档,便可得知详尽的成效报告。
2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能,集成度高、适应面广和操作简便。他不仅提供强大的绘图工具,可以直接绘制艺术图形,还能直接从扫描仪,数码相机等设备中采集图像,并对他们进行编辑、修复、以及调整效果,同时可以改变图像的颜色模式,并能在图像中制作艺术文字等。Photoshop中的高级绘图工具,可自动生成背景纹理、图层效果,多种特殊效果滤镜,可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制,包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔,可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页,photoshop是不可或缺的工具,是强大的图片处理工具。
3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说,F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说,只需很短时间的学习,就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意,并且可以和javascript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象,所以生成的文件尺寸小,便于在网上传输。Flash创建的动画集可以插入到html文档中,也可以单独制作网页。使网页的效果更加完美。
八网页制作的优缺点
比较明确,风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感,形式丰富。就内容而言,比较丰富。大量运用了图片,并进行了文字说明,做到了图文并茂。但是由于我们刚接触网页制作,做出的效果还是有些稚嫩的,需要以后不断的实践。
九代码
1.滚动字幕
<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()
style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"
onmouseout=this.start()scrollAmount=1scrollDelay=50
direction=upbehavior=loopwidth=250height=150background="">
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性</A></P>
<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域:用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>
</MARQUEE> </td>
2.链接站点
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>友情链接站点</option>
<option
value=>新浪网</option>
<option
value=>网易</option>
<option
value=>搜狐网</option>
<option
value=>新视听</option>
<option
value=>中华网</option>
<option
value=>雅虎</option>
<option
value=>263首都在线</option>
<option
value=>索易</option>
</select>
</p>
<palign="center"><fontcolor="#333333"size="2">
<select
class=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=number1>
<optionselected>环境保护站点</option>
<option
value=/>国家环境保护总局
<option
value=/>北京市环境保护局
<option
value=/>山东环境
<option
value=/default.aspx>济南市环境保护局
<option
value=hisun-/>青岛海晟环保技术
</select>
3.下拉列表
<selectclass=ourfont
style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1name=select>
<optionselected>产品介绍</option>
<option
value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>
<option
value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>
<option
value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>
<option
value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>
<option
value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>
<option
value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>
<option
value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>
<option
value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>
<option
value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>
<option
value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>
<option
value="Untitled-15.htm"target="_blank">净化空调厂房</option>
<option
value="Untitled-16.htm"target="_blank">中效送风机组</option>
<option
value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>
</select>
参考文献
1.魏洪斌《DreamweaverMX网页设计》清华大学出版社
2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社
3.黄梦《DreamweaverMX完全征服手册》中国青年出版社
4.周明涛《DreamweaverMX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社
6.刘淼《FlashMX入门与提高》人民邮电出版社
7.李伟《FlashMX动画制作实例教程》清华大学出版社
8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社
自从任职教师以来,我认真钻研教育教学方法,学习新课程理念,研究课堂、研究学生,付出终有回报,在溧阳市第四轮教育教学基本功竞赛中我荣获二等奖,在XX年度学校教师技能竞赛荣获二等奖。
在教学之余,我也思考着教学与科研,尝试撰写教学论文。由本人撰写的论文《怎样说好一节物理课》荣获溧阳市职教论文二等奖。经过仔细修改后,论文《怎样说好一节物理课》又荣获XX年常州市职教论文一等奖,之后本人陆续撰写了师德交流论文《红专并进、为人师表》和《浅谈以问题为中心的教学创新模式》等校级交流论文。
在班主任工作方面,向有经验的老班主任学习,研究班主任工作方法,陆续担任0201班见习班主任和0116班见习班主任,两个班级都被评为校文明班级。在XX年度本人被学校评为优秀见习班主任。从XX年9月至今,本人担任0419电子商务专业综职班班主任,在XX学年上半学期,班级被评为“保护财产先进集体”“值周工作先进班级”在首届校运会上,班级荣获“精神文明风尚奖”
通过学习本人基本上已经掌握了先进的教学手段和多媒体制作技术,能够灵活的运用flash、ppt和authorware制作教学课件以及网页制作技术。由本人制作的课件《牛顿第一运动定律》荣获校课件评比三等奖。由本人设计的网站《走进电子商务》在XX年溧阳市专题学习网页评比中荣获三等奖。在XX年3月开通个人主页《教学与课件资源交流》(校主页→七色彩虹→教师空间→曲长利个人主页)作为一个与教师和学生交流的平台。
我知道教师是人类灵魂的工程师,教师所从事的工作是天底下最光辉的事业。而且我知道作为党培养出来的人民教师,必须忠诚于党的教育事业,忠诚于人民的教育事业。在思想上我早就做好了作为一个人民教师的准备,我很想走向讲台,用自己的热情、知识培养祖国新一代的花朵。当然我也知道教师是辛苦、清苦的,不过我不怕,我不在乎!我也做好了一切思想的准备!我会努力的工作,而且一定要做好自己的本职工作,反复钻研,认真学习,多与学生沟通,为学生考虑,为学生服务。
【论文摘要】本文根据高等职业院校《网页设计与制作》课程的特点,在教学中引入“项目驱动法”这一全新的教学模式。项目教学法是一种通过“项目驱动”进行的教学活动,目的是把课堂理论与实践结合起来。通过分析《网页设计与制作》的课程特点,探讨在该课程中运用项目教学法的具体步骤与实施,并在教学实践中取得了一定的效果。
1.引言
《网页设计与制作》是高职院校计算机专业的基础课程,是一门综合性很强的课程,其理论与实践结合非常紧密。与其他课程相比来说,无论是教学内容还是教学方法上都有其独特之处。该门课所涉及的相关知识较多,有计算机图像处理、文字版面处理和动画设计等。涉及到photoshop、fireworks、flash等软件的使用。之前《网页设计与制作》的教学只是针对软件的操作方法进行讲授,讲解理论知识点,然后学生练习所讲授的内容,其知识点多而散。我们尝试在该课程采用项目教学法,在教师的引导下,让学生在项目的驱动下自主学习,边学边做,激发学生的学习积极性和主动性,把“要我学”变成为“我要学”。
2.项目教学法的基本思想
项目教学法就是在教学中,组织学生切实参加项目设计、实施和管理的全过程,在项目实施过程中完成教学任务。实际上就是以实际的教学项目为媒介,先由教师对项目进行分解,并作适当的示范;然后让学生分组围绕各自的学习项目进行讨论、协作学习,分工完成项目;最后以共同完成项目的水平与程度来评价学生是否达到教学目标的一种教学方法。采用项目教学法教学,能把理论上空泛、抽象的东西变成可以看得见、想得通的实际东西,便于学生以项目为主线,把课程的零散知识点串联起来,强化学生对课程相关知识的理解记忆。
3.项目驱动教学法整体实施方案
在计算机信息管理专业《网页设计与制作》课程的教学实践中应用项目教学法,主要是有针对性的将教学内容转化为由学生能够独立完成的、可以收到良好教学效果的具体任务,也可以称为任务驱动法。具体实施按以下几个步骤进行:
3.1 项目的选取
项目教学法通常由教师提出一个或几个项目任务设想,然后与同学一起讨论,最终确定项目的目标和任务。但在本课程的教学实践中,我所选择的项目是一个小型的商业网站,小型商业网站开发是一个面向企业需求的实战演练。在这个项目中,学生是承接网站项目的设计者,教师是客户,学生要学习如何根据客户(教师)的要求进行项目需求分析、如何与客户(教师)进行有效沟通,以及如何高效率地进行项目的策划与实施、如何才能够更好地符合客户的需求等。
3.2 项目的开展
(1)相关知识讲解
先进行网页制作基本知识的讲解,以及设计软件的使用,使学生对小型网站制作的基本思路和方法有一定的了解。
(2)使用案例讲解
讲授一个融合了相关软件重点知识点的综合性网站,将构成该网站的知识点进行分解讲授,将dreamweaver软件作为教学的主线,而flash和photoshop是网页制作的辅助软件,讲解网站的标志banner和页面规划等等知识点。每部分的分解知识点除了结合本项目讲解,同时配以相关的小练习,加强学生练习,提高学生掌握技术的熟练程度。
(3)让学生独立制作小网站
学生独立制作一个与给出的案例网站相类似的小型综合网站,使学生能够将所学习的知识点整合起来。
(4)完成商业网站的建设
最终独立完成小型商业网站的项目。
3.3 实施阶段
学生按照选定的最终工作计划,以组为单位,各自独立完成工作任务。学生经过组内讨论和项目全面分析后,项目经理对任务进行划分,组内成员每人按各自角色负责不同的模块,并独立完成工作任务
3.4 项目的评价
我们可在一个或几个子项目完成后,在学生中开展讨论,进行项目分阶段评价,每组拿成自已的阶段性成果,大家共同评价好与不好,有什么问题,怎样改进,这是一个互相学习的过程,通常要经过小组、大组合作思维的撞击这样可以使他们共同进步,而且可以纠正偏差,实在不能解决的问题,大家老师再帮忙解决。也可以聘请行业专家、企业人士参加,对学生建设的网站给予评价,对于有争议的问题,大家可以一同找资料,共同解决。
4.项目教学法的应用效果
通过一个学期的教学实践,从收集到的学生项目成果看,在本课程项目教学法的实践过程中,创新性地让学生自己确定项目目标是成功的,一方面学生的作品内容非常丰富,另一方面,由于让每个学生都在做自己感兴趣的项目,充分的发挥了他们的主动动手能力和创新能力。作为页面设计作品,有一部分个人网站的页面精美程度可以和很多专业网站相媲美,而且在本课程应用项目教学法的过程中,还有一个意想不到的收获,有一批平时默默无闻的学生的潜能被发掘出来了,还有几位平时比较内向的女生通过在课堂上介绍自己的项目而开朗大方起来,增强了自信心。
实践证明,在教学过程中采用“项目驱动法”教学,学生的学习兴趣较高,学习目标明确。不但提高学生的学习效果,保证教学质量,而且能够锻炼学生解决实际问题、快速适应实际工作的能力,为以后的就业奠定基础。因此,项目驱动法教学对网页设计与制作课程来说是行之有效的教学方法。
5.总结
项目教学法是高职院校中培养应用型人才的有效教学法之一。而在信息管理专业的教学活动中,项目教学法并不束缚于一种固定的模式。针对不同的学科和当前社会的应用需求,以及学生素质的差异,实施项目教学法的手段和方式可以是灵活多样的。
参考文献
[1]王忠元.从电子商务的项目教学谈高职院校教学模式的创新[j].武汉职业技术学院学报,2006(2).
[关键词]网页随显技术;网络课件;网络教学
[中图分类号]G40―057
[文献标识码]A
[论文编号]1009―8097(2009)13―0222―02
在网络教学过程中,网络课程的建设是网络资源库建设的主要内容之一。随着对网络课程地需求大幅增加,网络课件的重要性日益显现,并对网络课件的操控性和交互性提出了更高的要求。在网络课件的研制与开发过程中,教师和学生因教与学的需求,希望在网页上可根据教学需要随指随显示相关的内容,经不断探究与反复试验,一项新的交互性强且易于操作的网页随显技术应运而生,成为一种新颖的网络教学手段。
一 网页随显技术的实现过程
通过操作网页中被设定特定功能的文字,来控制同一网页中多个精确重叠图层内的图像交替显示,并利用人的视觉暂留现象,快速交替闪现源图和另一图层的图像,准确图式化展示文字内容,达到随指即显的目的。
网页随显技术可通过常见的网页制作软件及图形图像处理软件来实现。网页制作软件本文选用Macromedia公司的Dreamweaver MX2004以上版本,图形图像处理软件选用Adobe公司的Photoshop。
本文通过一个实例,着重介绍网页随显技术在网络课件制作中的具体应用及实现方法。实例取自局部血液及体液循环障碍网络教材中的一页(见图1)。
为了便于说明,从图1中截取与本文相关的重点部分见图2。
图2中右侧一幅小图(源图)与第二段文字的内容是相关的。小图为讲解正常血液及体液循环的模拟画像,画像中有大循环(体循环)、小循环(肺循环)和微循环,三种循环中血液的流动路径是教学过程中需要交代清楚的。小图中三种循环有重叠的部分,并且血液流经的路径比较复杂,难以用言语表述。如果在图中用箭头标注则较难表示清楚,还容易引起歧义,当然也可以用颜色线块勾勒出呼吸膜的界限,但会将局部结构遮盖。因此,如何既不影响观看,又能交代清楚,是课件制作中的一个难点。当应用了网页随显技术后,问题迎刃而解。在教学过程中实现了用鼠标指向网页中相关文字(可用醒目颜色标识)大循环(体循环)、小循环(肺循环)和微循环时,小图的相应部位立即会响应,即有薄纱样的色块显现,移走鼠标,色块立刻消失,局部结构依然清晰可辨,不受一点影响,并且可以随指即显,效果非常理想,在后续制作中被大量采用。
二 网页随显技术的具体实现方法
(1)制备图片
将源图(即上述小图)调入Photoshop,并新建一个图层。选中工具箱内的[画笔工具],将前最色设置为希望的颜色,然后用画笔在新建图层里把需要标注出来的部位涂抹,待修正无误后,在图层调色板内调节新建图层的“不透明度”或“填充”项内值的大小,使覆盖的颜色渐呈透明,让背景层内的相关内容隐约可见,调节合适后台并图层。随即将其另存为一个图像文件(如大循环图3)备用。需要注意的是绝对不能改变图像的大小,即图像尺寸要与源图严格一致,不能有偏差。
(2)插入图片
在Dreamweaver中打开需要编辑的网页,适当进行调整,使网页空出适当的位置来置放源图和制备图片。由于在网页中直接插入图片是无法实现网页随显技术的,因此,必须先在网页的预留部位插入图层,再在图层中插入图片,方法如下:
点击菜单栏中的[插入]项,在下拉菜单里点中[布局对象]中的[层]选项,将出现在网页中的层标志框拖拉到预定部位,此层定义为图层1。点中图层1,按鼠标右键选中属性,记下层属性面板中“左”和“上”框内的数据,此数据将作为精确定位图层2的依据。在确认点中图层1后,点击[插入]项,在下拉菜单里点中[图像]选项,在弹出的对话框中选取源图,确定后可见源图已入。
重复上述步骤,插入图层2。不用再去拖拉图层2的层标志框,仅需在图层2的层属性面板中“左”和“上”框内填入刚才记录的图层1的数据,确定后即可见图层2已自动精确重叠在图层1的位置上了。在图层2中再插入预先制作好的备用图片,将图层2的层属性面板中“可见性”框内的default(默认显示)改为hidden(隐藏),此时可发现刚插入的备用图片已看不见了,显示的只有源图。
(3)定义文字
选中需要定义随显的文字(如本例的大循环),改变文字属性面板中文字的颜色,使其区别于其它文字,这点很重要,是实现网页随显技术的关键。然后点击面板组中的[标签检查器]使其展开,在展开的[标签1面板中点击[行为]选项卡,在[行为]选项卡的白板中有一行呈灰色的单元格,点击单元格的左列,在出现的选项框中点击下拉按钮,在下拉列表中选中onMouseOut选项。再点击[行为]选项卡的添加行为按钮,在弹出的选项框中选择“显示一隐藏层”,在随后弹出的对话框中选中层2(Layer2),点击“隐藏”按钮,此时完成第一次定义。本定义的目的是当鼠标离开定义文字后,将图层2中的图像快速隐藏起来,只显示图层l中的图像即源图。
当完成第一次定义后。在[行为]选项卡的白板中紧接着第一行的下面又自动出现了一行呈灰色的单元格,重复前面操作,在下拉列表中选中onMouseOver选项。在弹出的对话框中选中层,点击“隐藏”按钮,再选中层2,点击“显示”钮,注意与第一次的定义过程完全相反,这样就完成了第二次的定义,其目的是当鼠标指在定义文字上时,把图层1中的源图快速隐藏起来的同时,即刻显示图层2中的图像。
可用同样方法制作小循环和微循环图像,如图4,5所示。
三 总结
网页随显技术是在网络课件的研制与开发过程中,经不断探究与反复试验,产生的一项新的交互性强且易于操作的技术,满足了教师和学生希望在网页上可根据教学需要随指随显出相关的内容的需求,这种新颖的网络教学手段如果能根据不同的教学内容灵活运用,必将丰富网络课件的交互性,提高网络教学的效率。
参考文献