动态网页制作心得

2024-07-14 版权声明 我要投稿

动态网页制作心得(精选11篇)

动态网页制作心得 篇1

姓名:

班级:

学号: 网 页 制 作 课 程 心 得题目:xxxxxx xx xxxxx xxxxxxxxxx

我制作的动态网页的主题是宣传我的家乡,通过网页将家乡的特色表现出来。通过网页可以让关注本网页的人更多的了解枣庄。还对一些热爱旅游的驴友来枣庄时可以更快的融入我们枣庄这个大家庭。

我制作的网页内容丰富。其一,包括枣庄的新闻,最新的新

闻可以使人通过现有发生的事来了解枣庄,新闻来源是枣庄最大的新闻网“齐鲁在线”,新闻真实有效。其二,有丰富的图片,图片可以说明问题,可以更好的反映枣庄的美景特色。图片来自枣庄旅游局官网。其三,有动听的音乐,收录了中国动听的音乐,有反映枣庄铁道游击队时的歌曲。其三,有中国各代在中国出现的名人。例如:墨子,奚仲,匡衡,孟尝君,兰陵笑笑生等名人的个人介绍。其四,有好的视频。是枣庄旅游宣传片,精彩不容错过。其五,有专属于枣庄的贴吧,点击链接到百度枣庄贴吧。其六,有文库,里面介绍枣庄来历,发展,枣庄人的精神。其七,包含枣庄的地图,地图上标注了枣庄的有名的旅游景点,例如,台儿庄大战纪念馆、万亩榴园、熊耳山、微山湖的景点。

动态网页设计这门课程是一门综合性很强而且非常实用的课程。包括.html、CSS、js、ajax、面向对象等等。这门课程让我了解到ASP.NET是一个统一的Web开发模型,能使用尽可能少的代码生成企业级ASP.NET网站所必需的各种服务。让我明白了如何去创建一个网站。…表示文档头部信息。表示浏览器标题栏中的信息,应包含于

…中。表示CSS样式信息,应包含于…中。…表示文档主题部分。

表示一个段落。
表示换行。
表示水平线。…表示一行。…表示一个单元格。这些都是经过老师的教导加上我的复习,逐渐掌握了,虽然我们用的是Dreamweaver8,并且设计网页不需要用代码,但是我感觉学习他们也是有用的,至少我能知道它的原理。

在制作动态网页中我学到了很多东西,懂得网页制作的许多

技巧,很容易就能制作一个简单的网页。以下我罗列出我学习到的技巧。

一、我知道如何利用超链接,现在可以灵活的利用它,明白超链接的原理。比如我可以链接到一个邮件、网站、视频等等。在网页中插入并经图片使网页更加美观。

二、明白了如何向空间中插入背景音乐,使网页变的有激情。简单了解了制作网页中的代码,并且可以写一些基础的代码来使网页得到想要的效果。

三、网页中我还插入了一些视频,并且可以让浏览人很快的应用下载视频。

四、可以向网站中插入滚动图片,滚动字幕,插入时间,插入图层等。

再现在这个年代,计算机的作用越来越重要了,人民生活办

公都离不开它,然而像这门如此深奥的知识,一般人是接触不到的。选择了这门课我感觉很高兴,接触到一些计算机知识,了解动态网页制作的基础。由于老师上课的耐心教导,我的认真听讲,使我制作出这个让我满意的作品,我很高兴很开心。说实话,对

于这门选修课我还想再上,可以让我更深的了解计算机知识,明白计算机的深奥。可惜没时间了,只能等以后自学了。

我以前总认为编程是一件很痛苦的事情,但是经过这次作

业,使我明白了编程也可以是一件很有趣的事情。想象一下:自己去构思和设计一个别人都没做过的项目那是多么的有成就感。学习网页设计不能心急,这不是一日之功,要想有比较高的造诣,没有长期的练习是达不到的。

我想我已经敲开了动态网页设计这扇大门,大门里有很多精

动态网页制作心得 篇2

1课程教学现状分析

根据笔者多年从事《动态网页制作》课程教学的经验, 目前, 中职学校学生普遍存在下列一些问题。

1.1上课容易走神、注意力不能持久, 缺乏持续学习的毅力

现阶段, 中职学生中普遍存在上课注意力不集中、不能持久, 对所学知识有畏难情绪, 缺乏持之以恒的学习态度, 这些毛病对于学生学习这门课程都是比较致命的, 因为这门课程的学习是由一个由浅入深、循序渐进的过程, 在学习过程中, 特别注重所学知识的连贯性, 而且后续的很多内容都是以一个个项目的形式展现, 每一个项目需要一定的课时量来完成, 如果学生缺乏持续学习的毅力, 中途出现畏难情绪, 就会造成半途而废的结果, 所以, 这就要求教师在传授知识、设计教学内容和学生实操方面要多下功夫, 设计难易适中、实用性强的案例, 提高学生的学习兴趣, 变被动学习为主动学习。

1.2数学、英语基础较差, 编写代码经常出错, 对学习有一定的影响

在学习本门课程之前, 学生们都已经学习了《网页制作》《VB程序设计》《数据库基础》等前导的专业课程, 这些课程对于他们进一步学习《动态网页制作》这门课程是有一定帮助的, 但由于目前学生中普遍存在数学、英语等课程基础薄弱, 逻辑思维能力较差等特点, 这就造成了他们在学习这门课程时遇到了很大的困难, 例如:编写代码时常常会出现语句单词拼写错误、逻辑运算符

使用不当等问题, 使程序不能顺利运行, 如此类似的错误出现多次后, 对学生学习的兴趣会有较大的影响。

2课程教学过程中的一些具体做法

针对上述一些问题, 笔者主要从以下三个方面对教学过程进行优化。

2.1选择合适的开发语言和平台

2.1.1开发语言的选择

开发动态网站使用的语言有很多, 目前使用较多的主要有ASP、PHP、JSP和ASP.NET等。ASP即Active Server Pages, 是微软公司开发的代替CGI脚本程序的一种应用, 它可以与数据库和其它程序进行交互, 是一种简单、方便的编程工具, 它允许使用VBScript或Java Script这种的简单脚本语言, 编写嵌入在HTML网页中的代码, 现在常用于各种动态网站中。笔者在教学中选用的正是ASP, 主要考虑到了一下两个方面的原因: (1) ASP是微软的产品, 与目前普遍使用的Windows操作系统和IE浏览器能很好地兼容, 服务器的配置、站点的架设比较容易; (2) ASP所使用的脚本语言是VBScript, 它是VB语言的一个子集, 而VB语言本身就是一种比较容易学习的编程语言, 再加上我校计算机专业学生在一年级阶段已经学过了《VB程序设计》这门课程, 在这个基础上, 进一步学习基于VBScript的ASP动态网页, 应该不会有太大的难度。

2.1.2开发平台的选择

在以往的教学中, 通常使用记事本、Edit Plus等编辑器作为ASP开发工具, 通过手工方式编写代码, 不仅工作量大, 而且还不能直接看到页面效果, 学习的过程十分枯燥, 从而使一些程度差的学生产生畏难情绪, 逐渐放弃了学习。因此, 选择合适的开发工具对于提高学生的学习兴趣是十分重要的。

在本课程教学中, 选择Adobe公司的Dreamweaver作为ASP开发工具, 主要原因有两个, 一是学生在前导课程《网页制作》中时已经使用过该软件, 对该软件的用户界面和设计工具的用法都比较熟悉;二是利用Dreamweaver提供的对数据表进行操作的服务器行为, 例如记录集分页、显示区域控制、转到详细页面、插入记录、更新记录、删除记录以及用户身份验证等服务器行为, 就能快速生成各种数据访问页所需的代码, 而且还可以对生成的代码进行编辑, 在这个过程中, 学生几乎不需要手工编写ASP代码, 因而极大地降低学习的难度, 从而提高了学生的学习兴趣。

实践证明, 在手工编码与可视化设计工具的结合上进行ASP应用开发, 可以做到少写或不写代码, 提高了工作效率, 这对于基础较差、害怕编写代码的中职学生而言, 无疑是一种行之有效的方法, 在教学中已收到了良好的效果。

2.2优化教学内容

《动态网页制作》课程的教学目标是通过“任务引领、项目导向”的教学实践活动, 使学生掌握动态网站开发的相关知识和技能, 了解项目开发的全过程, 养成良好的项目开发习惯。考虑到该课程的学习需要对HTML语言有较深入的了解, 再加上现今流行的CSS层叠样式表在网页中的广泛使用, 根据这个思路, 确定了下列5个单元和6个项目为教学的主要内容, 如表1所示, 表中所包含的教学内容, 是以任务实训为主线, 以项目为导向, 突出了课程的实践性、应用性和技能性。

2.3改进教学模式

本课程的教学是在安装有多媒体教学软件的计算机室中进行的, 机房中的每台计算机都预先安装有IIS服务器组件, 方便学生学习如何配置自己的Web站点, 进行ASP动态网页制作, 在测试时, 每台计算机既是动态网页测试的服务器端, 又是显示测试结果的浏览器端。

在以往教学过程中, 教师首先通过屏幕广播方式来展示任务或项目的运行结果, 继而示范和讲授相关的知识和操作步骤, 然后由学生自主完成设计和制作过程。在这个过程中, 如果学生遇到一个需要用较多的课时才能完成的项目, 为了保证项目的连续性, 则需要教师在每次课下课前, 要求学生把本次课上完成的页面直接保存在学生机中, 留待下一次上课时使用, 或者要求学生把这些页面进行打包, 然后通过学生端上传到教师端, 在下次上课的时候, 教师再将学生上次传上来的打包文件通过教师端重新发给学生, 以便学生继续完成同一个项目中后续的任务。在这个过程中, 保存在学生机中已经完成的页面容易被其他人误删, 或者在教师将学生的打包文件重新发回给他们时, 容易被其他学生复制, 从而影响了教学的顺利实施, 进而影响了教学的效果。

针对上述出现的问题, 笔者开发一个《个人主页空间开通系统》网站, 在使用时, 部署在教师机上, 学生在第一次上这门课时, 就通过浏览器打开该网站, 申请一个主页空间, 申请成功后, 每个学生都有一个属于自己的网站空间, 以及一个可以登录自己空间的ftp账号和密码, 每个学生通过自己的ftp账号和密码, 登录各自的空间, 可以对网站中的文件进行管理。

该网站的建立, 对这门课程的教学起到了一个很好地辅助作用。首先, 学生可以在Dreamweaver中以ftp连接服务器的方式定义自己的站点, 如图1所示。

每个学生都可以在自己的计算机中进行网页设计, 在教师机服务器端实时测试网页的运行情况。每次下课后, 学生只要将本次课上完成的网页通过Dreamweaver的ftp功能上传到自己的网站空间即可, 下一次上课时, 可以在前一次课的基础上, 继续完成同一项目中后续的任务, 完全不必理会自己的计算机中的文件是否会被其他人误删, 万一真的被误删了, 他仍然可以从教师机服务器端下载自己之前完成的网站文件, 从而确保学生可以在几个不同的上课时间段内, 连续完成同一个项目中的各个任务, 而且, 由于每次课后, 所有学生都会将本次课上完成的网页上传到教师机的服务器中, 这样就方便了教师可以随时在教师机检查每个学生完成任务的情况。其次, 学生使用的这种管理网站的操作模式, 与现今在Internet的虚拟主机网站空间上发布网页、进行管理的这种操作模式相似, 因此, 通过这样的操作, 学生对网页的发布、 网站的管理会有了一个更深的认识。

另外, 为了帮助学生在课余时间能够进行网上自主学习, 笔者还在外网中搭建了一个动态网页课程辅助教学网站, 在该网站上, 学生可以浏览到许多有关动态网页制作方面的知识、下载和提交作业、进行问题答疑和在线测试。

3结语

总之, 教师应按照中等职业教育的教学规律和学生的认知特点及实际情况, 不断探索、不断创新, 激发学生的学习兴趣, 培养学生的应用能力, 只有这样才能顺应时代潮流的发展, 达到培养高素质高技能人才的目标。

参考文献

[1]邓波涛, 查卫亮, 范夫伟.动态网站项目实训教程 (Dreameweaver CS4+ASP) [M].武汉:华中科技大学出版社, 2011.

[2]陈学平, 康海燕, 董立国.ASP动态网页制作教程[M].北京:人民邮电出版社, 2012.

动态网页制作心得 篇3

关键词:中职;工作过程;动态网页制作

中图分类号:G712文献标识码:A文章编号:1005-1422(2016)05-0077-02

一、国家方针和中等教育的现况

为了推动教育改革与持续发展,国家制订了《国家中长期教育改革和发展规划纲要(2010-2020年)》和《国务院关于加快发展现代职业教育的决定》,目的是加快发展现代职业教育,建设现代职业教育体系。我国的中等职业教育已为社会培养了数亿的技能型劳动者,还承担了数千万的农村劳力技能培训任务。另一方面,中等职业学校的教学理念和教学方式还没有脱离传统的教学模式,按照课程知识授课,重知识而轻实践,重传授而轻动手操作和团队合作。为提高学生的职业综合素质,增强学生的就业竞争力,缩短学生从课堂进入社会的适应时间,笔者从《动态网页制作》入手,采用基于工作过程的教学方式,对课程教学进行改进。

二、基于工作过程的理论基础

根据不来梅大学技术与教育研究所劳耐尔(Rauner)教授为首的职业教育学专家的研究,所谓工作过程是“在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”,“是一个综合的、时刻处于运动状态但结构相对固定的系统”。所以,工作过程的意义在于“一个职业之所以能够成为一个职业,是因为它具有特殊的工作过程,即在工作的方式、内容、方法、组织以及工具的历史发展方面有它自身的独到之处”。

三、基于工作过程的课前准备和岗位分析

为了制定基于工作过程的教学设计,首先要到企业第一线去了解网站后台制作的工作过程。为此笔者亲自到广州市神州数码公司、广州国米科技有限公司等大中型IT企业去顶岗实习,以部门主管和一线技术人员为调研对象,并做好行业调研和市场调查。以下是笔者归纳的工作岗位、工作任务和职业能力分析表。

四、基于工作过程的课时分配

在经过一轮市场调查和行业调研后,可以做出相对应的教学课时安排。《动态网页制作》以Asp.Net技术为平台,采用C#语言,在Visual Studio环境下学习一个包含后台动态网站,可以实现后台登陆、管理页面、修改密码、添加和删除新闻、注册等功能。现一周有8课时,按一学期有效学习周数16周,共有课时128个。为了实现基于工作过程的教学,体现工作过程为流程,实现工作任务为目的,可将课时分配如下:

五、基于工作过程的师生关系

对于工作过程的教学主体——教师和受教育的主体——学生,两者关系从过去的模式转变过来。以学生为课堂的主角,知识要为学生所能接受。教师前期工作是讲授和引导,后期工作是辅导、检测和督促。然而,由于学生入学基础差,良好的学习习惯没有养成,逻辑思维不强。要学习以逻辑思维为主的编程设计,需要教师不但有过硬的专业知识,还要有长期的耐心和情感沟通能力。前期准备知识阶段,教师采用任务驱动方法和小步子原则,传授知识的同时建立好师生感情纽带,后期工作过程,教师以项目教学法带动学生,以情感引导知识,用知识加深情感,多鼓励,多督促,用亦师亦友和严格有度的关系促进教学顺利进行。

基于工作过程的《动态网页制作》教学

六、基于工作过程的课程教学

从时间安排来说,在准备知识阶段,教师采用任务驱动法,将基础知识点分解为一系列的小任务。在这个阶段,主要目的是让学生适应上课节奏,养成完成任务的习惯。由于学生程度参差不齐,教师在教学设计上采用小步子原则,宁可让学生慢些掌握,不可追求速度。否则学生可能因为进度赶不上而放弃。

在项目教学阶段,可以采用一个有完整功能的后台网站,该网站包括后台对数据库的提取、增加、删除。教师引导学生实现每个模块的功能,让学生在实际操作中,熟习操作过程并发现问题,不断反思不断完善。每个模块在教学之前,先用多媒体软件介绍模块的功能、组成,与数据库的关系、程序结构和工作流程。在动手过程中,学生按工作流程完成模块,熟悉知识更能感受工作的氛围。考虑到学生的程度,笔者采用小组分层的方法,组长是编程能力较强并且有一定管理组织能力的学生,每小组5~6人,组长除了完成本人任务之外,还要督促和辅导其他组员完成工作。采用一路一带的方法,教师在项目前期讲授和操作较多,后期抓大放小,以组长带动组员,个别辅导,既可减轻教师的负担,又可以促进整个项目加快进行。

七、基于工作过程的考核方式

既然采用基于工作过程的教学方式,就不能沿用一直以来“一试定终身”的做法,而将学生学习初始程度、平时作业、工作态度、测验考试成绩联系起来,笔者用以下内容对学生进行考核。

八、基于工作过程的教学效果

笔者以广东省轻工职业技术学校计算机1401、1402班为实验班,进行基于工作过程的教学。经过一学期实验,以期末考试为例,14级学生平均分比没有实行教学改革的13级高14.3分,其中90分以上的同学占全班同学的比例14级比13级高10%,学生对教师的评价14级比13级高2.5分。说明该方法对学生的水平提高行之有效,并且教师教学水平亦有所提高。

社会在变,职业在变,学生在变,职业教育也在变。教师不但要承担自己的教育工作,也要无时不刻反思自己的工作,总结自己的教学经验,提升自己的教学水平。职业教育不单单要提升学生的知识水平,也要培养学生的工作素质和工作习惯,为走向社会打好基础。

参考文献:

[1]陈哲.基于工作过程的课程开发评价案例研究[J].职业技术教育,2014(2).

[2]邹劲松.基于工作过程的课程体系构建[J].数字技术与应用,2014(10).

[3]王新荣.基于工作过程的“机械图样识读与绘制”学习领域课程开发与设计[J].图学学报,2013(2).

Dreamweaver动态网页 篇4

从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。

早期的动态网页主要采用公用网关接口CGI(CommonGatewayInterface)技术。您可以使用不同的程序编写适合的CGI程序,如Visual Basic、Delphi或C/C++等。虽然CGI技术已经发展成熟而且功能强大,但由于编程困难、效率低下、修改复杂,所以有逐渐被新技术取代的趋势。

与静态网页相对应的,能与后台数据库进行交互,数据传递。也就是说,网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形动态网页制作格式,而是以.aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网页网址中有一个标志性的符号——“?”。

特征

简要归纳如下:

(1)动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量;

(2)采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等等;

(3)动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

(4)动态网页中的“?”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索蜘蛛不去抓取网址中“?”后面的内容,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。

客户端脚本

客户端脚本在壹个特定的网页面改变界面以及行为或响应鼠标或键盘操作,或在指定时间事件。在这种情况下,动态行为在发生时。客户端生成的内容在用户的本地计算机系统里头。

这些网页使用的演示技术被称为富接口页面。客户端脚本语言,如JavaScript(爪哇脚本)或ActionScript(动作脚本),动态HTML(DHTML)和Flash技术的使用,经常被用来编排媒体类型(声音,动画,修改文本等)的演示。该脚本还允许使用远程脚本的壹种技术,DHTML页面请求从服务器的其他信息,使用一个隐藏的框架,XMLHttpRequest或Web(网络)服务。

服务器端脚本

一个在Web(网络)服务器上运行的程序(服务器端脚本)是用来改变在不同的网页之上的网页内容,或调节序列或重新加载的网页。服务器响应来确定这种情况,张贴的超文本标记语言表单里头的数据,URL中的参数,所使用的浏览器类型,时间流逝,或数据库或服务器的状态。

PS制作动态苹果标志 篇5

本文最后提供源文件下载,如果看完教程还不明白,可以下载源文件参考,

效果图:

先看过渡效果:

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

下面我们开始学习制作:

1、画出苹果。

2、在第一步的第二层上添加“水层”,就是蓝色效果层,方法是在一个简单的蓝色层上叠加白色笔触。

3、在蓝色层下方用路径工勾出运动层,然后将蓝色层与运动层执行复合蒙版,效果如下:

4、然后在蓝色图层上画上运动发光白点,将蓝色层与运动层还有白点编成组,添加形状蒙版,

5、打开上面的图层,并添加细节,前期的准备工作已大致完成了!

6、现在开始准备制作动画了。打开动画面板,把运动层移动至最左边(如下分解图),把所有的白色运动点移动至左下方,这就是第一帧。

7、新建第二帧,把运动层移动至最右边,各个白色运动点移动到合适的位置,第二帧完成!

8、同时选中第一帧与第二帧,点击如图中红色圆圈中的图标,把要添加的帧数改为30,点确定,大功告成了!!!!!

9、选择“文件―存储为WEB和设备所用格式”,选择GIF格式,就彻底完成了!

最终效果!

教程原文件下载:苹果.zip

FEVTE编注:更多PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum-51-1.html

★ PS制作英文简历

★ ps制作个人简历

★ PS制作极光文字效果

★ ps制作水墨写意画

★ PS简单制作立体文字效果

★ 教你用PS制作个人简历

★ PS制作魔幻文字效果

★ PS制作水晶文字效果

★ PS简单制作质感按钮

动态网页制作心得 篇6

“ASP动态网页制作”课程是一门抽象、灵活运用要求高的课程。该课程的学习不仅要求学生掌握每个知识点, 同时也要求学生能够在动态网站开发过程中灵活运用所学知识, 达到理论知识学习和实践运用的高度统一。正因为该课程的抽象性和灵活性导致许多学生对于本课程的学习感觉难度大, 兴趣不高、浅尝辄止, 知识的学习通常浮于表面, 深入不够, 升华不够, 没能与实践很好地结合, 课程的整体教学效果不佳。

学生学习现状调查

教学是教师的“教”与学生的“学”这两个部分组成的, 这两部分应该紧密结合、和谐统一才能很好地完成整个教学过程。其中, 教学的主体是学生, 教师教学方法的运用应该时刻围绕着学生的实际情况展开。通过笔者多年教学调查发现, 高职高专的学生在学习《ASP动态网页制作》这门课程时普遍存在以下几个问题:

学习目的不明确 学生作为课程的初学者, 在学习过程中, 他们很难对整个课程的知识点有一个宏观的把握, 他们不知道每一个知识点的学习是为了什么, 每个知识点在动态网站开发过程中作用又是什么。这种情况导致学生学习目的不明确, 学习多处于被动状态, 积极性自然不高。

代码中单词拼写错误多导致学生的学习兴趣受到打击 相当一部分高职高专学生的英语基础不好, 看到英语单词就有畏惧感, 而动态网页脚本开发过程中对象的方法和属性等都是较长的英文单词, 如何帮助学生快速记住这些单词也应该是教师需要考虑的一个问题。

脚本程序排错能力差 脚本程序设计过程中出现各类语法、算法错误是不可避免的, 很多学生碰到错误后, 手足无措, 不知该如何下手去改正错误, 这也极大地降低了学生学习的积极性和自信心。

低层次模仿多, 网页创作灵活性不够 相当一部分学生在课堂学习中能够认真记录教学实例, 但是到了实验课时, 这部分学生对于课堂记录依赖性太强, 只是将课堂记录的实例代码原封不动地输入, 实验课堂对于他们来讲几乎变成了打字练习课, 枯燥而乏味。

教学方法研究

要提高《ASP动态网页制作》课程的教学质量, 教师的“教”应从所教学生的具体情况出发, 结合该课程的特点, 合理调整教学内容、改进教学方法、合理利用辅助教学手段等来促进教学与学习质量的提高。

案例教学法明确教学目的 案例教学是一种以问题为核心, 以案例为基点设计教学过程的教学模式。通过使用案例教学能够明确教学目的, 可以充分调动学生学习积极性, 提高学生发现、探索、解决问题的能力。本课程中, 案例教学法的展开实施分成三个阶段:首先是案例集中展示阶段。案例集中展示安排在第一次课中实施。在第一次课中通过对多个完整案例的展示分析, 让学生对本课程所学的知识及如何运用所学知识有直观的了解。这也能够使学生明确学习目的、调动起学生学习的积极性。该阶段的案例选择应该选取典型性的、与学生生活学习相关的、功能完整的网站进行展示, 如购物网站、信息管理网站等。在案例的展示过程中, 教师应当在宏观上指出每个案例网站具备的功能模块及相关技术点, 当教师讲解2至3个案例网站后, 本课程的知识结构、重点就已经明了。这时, 可让学生翻看教材目录, 寻找各个功能模块及技术知识点所在的章节, 让学生对于本课程在整体上有个正确的把握。其次是案例分析讲解阶段。本阶段教学由网站案例的整体教学展示转变为案例局部技术知识点的学习, 所选择案例保持不变, 任课教师可以根据教材的章节安排及教学需要, 逐步地讲解各技术知识点。讲解过程中, 也应当遵循学生的认知过程, 先展示案例并提出问题, 接着引导学生分析问题, 最后完成问题的解答。案例分析讲解把枯燥乏味的灌输式教学与被动学习变成了师生间思想的碰撞, 把教与学的双方带到了矛盾的焦点, 课堂的学习实际上变成了解决问题的公开讨论。这样, 让学生带着问题完成了知识学习的全过程, 学生学习目的明确, 参与度高、学习积极性强。该阶段的教学教师在操作过程中需要注意教学思路的连贯性, 知识点的展开需要环环相扣。最后是案例扩展阶段。案例扩展阶段是在案例分析阶段要求学生将所学知识进一步灵活地运用和总结。也就是教师在完成基本知识点教学后, 本着精益求精的态度, 在原有基础上提出新要求, 引导学生进一步探究、拓展提高。例如, 在学生掌握网站用户注册功能后, 可以引导学生从用户角度转到管理员层次, 提出管理员如何进行批量用户的预注册。这样。问题的解答核心知识点没变, 还是数据库的写操作, 但是知识层次又进入了一个新的高度, 学生的思考也进入了一个新的阶段。本阶段中, 教师要充分调动学生去寻找原案例的不足之处, 以新要求促进新思考, 对学生提出的问题和方案进行批判性的肯定和分析, 并作为课后作业要求学生予以完成, 这种类型的作业灵活, 能激发学生创新意识, 为以后知识的灵活运用奠定了良好的基础。

重复教学法促进学生记忆 动态网页设计中涉及的脚本语言属于第四代编程语言, 其表达能力强, 效率高, 更接近现在普遍使用的英语。脚本程序设计中涉及的对象、对象方法、对象属性、基本编程结构都是通过英文单词形式表现出来的, 这也就意味着学生必须先记住这些单词才能用好它们。但是现实情况是大部分学生对英语有畏惧情绪, 总认为单词难记忆, 课后也提不起兴趣去看, 这样导致代码中有很多拼写错误, 程序调试不成功, 极大打击了学生学习的积极性和自信心。在教学过程中, 通过使用重复法能很好地促进学生对于单词的记忆。基本操作过程如下:课堂中教师讲解知识点时, 涉及的英文单词任课教师要有意识地多次反复地读和写, 同时尽量要求学生读出来。这样通过课堂集中重复多次记忆, 绝大部分学生能够完成所教单词的记忆。同时, 授课过程中也要注意一次性单词量不要太大, 每次课控制在10个以内。这样将大量专业词汇分散开来教学, 可使学生的学习效果更好。同时要注意的是, 复习要及时, 人的遗忘是有先快后慢的规律的。因此在第二次授课时必须复习, 甚至可以采取单词默写的方法帮助学生重复进行记忆。这样再重复一次后, 学生单词记忆就牢固了。

错误示范教学法促进学生找错、排错能力提高 学生在编写程序过程中犯错误是正常的也是不可避免的, 但是相当一部分学生发现错误后只能求助教师帮助解决, 解决后的印象不深刻, 下次容易再犯。如何提高学生找错、排错能力也是本课程急需解决的问题之一。错误示范教学法的核心就是教师模仿学生去犯他们常犯的一些错误, 这些错误应该具有代表性, 包含的错误类型要尽量多, 要能引起学生的共鸣。在授课过程和实验过程中, 教师模仿学生思路去讲解包含错误的教学实例, 边讲解边让学生发现一些显而易见的语法错误, 最后通过演示发现程序不能运行或出现与预期结果不符的效果后, 在根据报错提示引导学生发现算法上的错误。这种方法的要点在于以学生为主体, 教师负责引导他们自己发现错误改正错误, 让学生充分参与, 逐步积累经验教训。由于问题是学生自己发现的, 因此印象深刻, 下次再犯的概率会大大降低。

任务驱动法在实验课堂运用促进学生灵活运用技术知识点 学生实验课堂过多模仿理论课堂的教学实例一直是实验课中矛盾的焦点, 过多模仿使学生思路僵化、缺乏创新, 不利于知识的灵活应用。本课程中使用任务驱动法的核心就是针对学生的不同情况, 在课程学习初就为每一个学生安排一个总的实验任务, 一般为一个完整的网站系统的开发设计。在这个大任务下, 每位学生根据平时的授课知识点, 逐步地去完成、完善自己的网站系统开发。使用这个方法后, 学生会感到学有所用, 学习的知识能立即解决实际问题。低层次的模仿已经无从进行, 学生必须根据自己开发的网站系统的性质进行灵活运用, 效果良好。

我院经过多年的实践, 证明了通过上述教学方法的综合运用, 学生对课程的掌握及实际动态网页制作能力有了明显提高, 从学生毕业的选题、毕业设计过程及答辩情况来看, 学生具备了独立的动态网页制作能力。我院学生成功完成了课题《高校学生管理系统设计》, 同时该课题被定为“江苏省高等学校大学生实践创新项目”, 同时学生撰写的毕业论文《局域网qq的设计实现》获得“江苏省本专科优秀论文三等奖”, 教学成果显著。

摘要:围绕高职高专学生学习ASP动态网页制作中存在的问题, 本文进行了调查, 分析了学生学习现状, 提出了综合地使用案例教法、重复教学法、错误示范教学法、任务驱动教学法能够极大地提高学生学习兴趣, 使学生明确学习目的, 加强学生动手能力和知识灵活运用度, 并研究了综合运用这些教学方法以促进教学效果的途径。

关键词:高职高专,动态网页制作,调查

参考文献

[1]马晓娟.非计算机专业visualbasic案例教学模式探讨[J].计算机教育, 2009, (22) :48-50.

[2]陈帝伊, 马孝义, 辛全才.“计算机软件技术基础”课程教学方法探析[J].计算机教育, 2009, (22) :68-69.

[3]付兴宏, 罗雨滋.项目教学法在《ASP网站编程技术》课中的应用[J].广西民族师范学院学报, 2010, (5) :108-110.

[4]闵兆娥, 肖欣欣.ASP网络编程语言课程教学思考[J].计算机教育, 2010, (22) :116-118.

[5]覃晓康, 盛雪丰.高职院校“程序设计”课程教学改革探析[J].计算机教育, 2009, (24) :19-21.

幻灯片动态片头易制作 篇7

首先设置片头尺寸、声音。打开Aleo Flash Intro Banner Maker软件,在出现的主窗口中选择“尺寸声音”选项卡,设置片头的大小、帧速、形状、边框、背景音乐等基本信息。这里可以根据幻灯片的大小进行设置。勾选“添加声音控制器”并选择Slider模式,这样不仅能够控制背景音乐的播放和停止,而且还能调整声音的大小。设置好控制器的位置(图2)。

随后再设置片头背景。选择“背景设置”选项卡,设置好背景颜色,将课件的主题图片(或系统提供的剪辑)添加到背景中。其中,图片可以添加多张,并可通过自定义来调整图片的位置及角度。

接下来设置动态效果。选择“选择效果”选项卡,根据需要选择动态效果,并在右边的参数对话框中对效果进行微调,需要设置的项目有透明度、数量、移动速度、颜色等。

还需要设置片头主题。选择“文字图像”选项卡,通过“添加文本”按钮在弹出的窗口中输入片头主题及主讲人等。选中主题文本,点击“编辑字体样式”中的按钮对字体进行设置。通过“选择效果”选项卡,为主题选择一个动态效果,可通过动态效果的参数来重新设置效果;通过“位置”选项卡设置主题在片头中的位置;通过“定时”选项卡设置控制文字在片头中出现、消失的时间(图3)。

最后进行片头发布。发布前需要先保存项目。选择“发布构建”选项卡,点击“发布”按钮,在弹出的窗口中选择“发布为Flash影片”,点击“确定”就可以了。这样,生成的SWF片头文件就可以插入到幻灯片中使用了。

小提示

如果在更改参数时电脑太卡,需要将“自动加载实时预览”的勾选去掉。

小提示

有的动态效果有透明度、颜色等设置,有的则没有。可按需随机应变。

小提示

动态网页制作心得 篇8

我们进行了两周电子商务网站建设与管理实训.总体来说,虽然很忙碌,但收获却很大,做了很多东本,不管是前台的网站设计,还是后台的数据库、PHP代码等。

通过这两周的实训,我学到了很多知识,也加强了自己的动手能力。其实在这期间,我们也遇到了各种各样的问题和错误。但面对种种问题和困难,我们没有放弃,编辑代码,调试程序,想尽一切办法去解决。或是去网上查资料,或是想其他同学请教,或是互相讨论,总之不解决问题,誓不罢休。虽然很忙碌,但是我们觉得很充实,也很值得。也是在这段时间里,我们学会了怎样与他人合作,明白什么叫做团队,也体会到了团队力量的强大之处。当然,在期间遇到了很多问题和麻烦,但是我们并没有退缩,不懂就问。一直坚信要成功就要坚持到底。现在,一个比较完善的网站总算完成了,这几天大家付出的努力和心血总算没有白费。

PS制作GIF闪烁动态效果图 篇9

4.将图层1的混合模式改为“变亮”。

5.然后Shift Ctrl m(到ImageReady)当中编辑

6.关掉图层1的眼睛,将帧的参数设置为0.1秒

7.复制一个帧,再把眼睛打开

8.再把眼睛关掉,复制再复制一个帧.那么我们现在可以看到三个动画了

9.选择第2个动画,点击"过渡"

10.过渡的参数设置为10,别的不改

11.选择最后一个动化再过渡一次,参数仍然是10,

如图

12.存储:

动态网页制作心得 篇10

笔者曾在网上看到一个用Authorware制作温度计的演示课件,制作过程虽简单,但动画效果不尽如人意。受其启发,笔者试着用Flash5简体中文版制作了一个温度计演示课件(图1),以期与同行交流。

一、设计思路

如图2,设置变量input1接收输入温度数,通过程序控制“温度计指针zz”影片剪辑中的属性_height,从而改变温度计指针的高度。

二、制作过程

1.设定场景的宽为300像素,高为250像素。

2.给整个课件制作一张漂亮的背景图片。很多Flash课件由于缺少和谐优美的背景图片,常常给人以突兀感,甚至影响最后的动画效果。在制作本课件时,笔者有意在课件“精美”环节上下工夫,选择了一张自己创作的背景图片,将其放在图层1,重命名为“背景”。

3.依次选择“插入”→“新建组件”→“影片剪辑”,命名为“指针”。选择矩形工具,画出一个宽为10像素、高为2像素的小矩形。用放大镜将小矩形放大到800%,打开排列面板,设置小矩形的对齐方式为水平底部对齐和垂直居中对齐(图 3)。打开颜色填充面板,对小矩形进行图形填充(图4)。

新建图层2并重命名为“温度计指针”,选中该图层并从图库中拖出“指针”影片剪辑到舞台上。选中该组件后,依次选择“修改”→“实例”。打开实例面板后,将“指针” 影片剪辑命名为zz(图5)。

4.依次选择“插入”→“新建组件”→“影片剪辑”,命名为“外壳”。选择矩形工具画出一个宽为10像素,高为202像素的矩形。打开排列面板,设置矩形的对齐方式为水平底部对齐和垂直居中对齐(图3)。

新建图层3并重命名为“温度计外壳”,选中该图层并从图库中拖出“外壳”影片剪辑到舞台上。选中该组件,选择“修改”菜单下“实例”,打开实例面板,将“外壳”影片剪辑命名为wk。

5.新建图层4,命名为“文本”图层,选择“文本工具”,在场景上绘制“请输入温度数(1—100之间的整数):”和“当前温度为:”两个文本。创建一个输入文本框,点击鼠标右键,在弹出的菜单中选取“面板”菜单项中的“文本选项”,此时系统弹出“文本”对话框,在该对话框中进行如图6所示的设置。同理,再设置两个输出文本框output1、output2(图7、图8)。

6.新建图层5,命名为“按钮”图层,选中该图层并从图库中拖出“确定”按钮,放在输入文本框input1的右侧。选中“确定”按钮,打开“对象动作”面板,设置脚本为:

on (release, keyPress "") {

if (input1 = "") {

output1 = "不能为空!";

} else {

if (input1>=1 & input1<=100) {

play ();

output1 = "";

} else {

output1 = "输入有误,请重输!";

}

}

}

//这是判断输入文本框input1是否为空,是否在1到100之间。

7.新建图层6,命名为“函数”图层,在该图层的第一帧打开“帧动作”面板,添加如下脚本语句:

setProperty ("/wk", _x, "239");//设置“外壳”影片剪辑的x坐标位置

setProperty ("/wk", _y, "225");//设置“外壳”影片剪辑的y坐标位置

setProperty ("/zz", _x, "239");//设置“指针”影片剪辑的x坐标位置

setProperty ("/zz", _y, "224");//设置“指针”影片剪辑的y坐标位置

setProperty ("/zz", _height, "2");//设置温度计指针的初始高度为2像素,即表示初始温度为1摄氏度

zz_height = getProperty("/zz", _height);//表示获取当前温度计指针的高度并传给变量zz_height

input1 = "";

output2 = int(zz_height/2); //将当前温度计的温度显示在输出文本框2中,即表示“当前温度为:(几度)”

fscommand ("showmenu", "false");

stop ();

8.到目前为止,一共有六个图层,每个图层只有一帧。给“按钮”图层的第二帧插入关键帧,将“确定”按钮更换为“重置”按钮,并在该按钮上添加如下脚本语句:

on (release, keyPress "") {

gotoAndStop (1);

}

再选中“按钮”图层的第三帧按F5键插入帧。

9.选中“函数”图层的第二帧,插入空白关键帧,并添加如下语句:

if (zz_height

zz_height += 2;

output2 = int(zz_height/2);

setProperty ("/zz", _height, zz_height);

} else {

stop ();

}

再选中“函数”图层的第三帧,插入空白关键帧,并添加如下语句:

gotoAndPlay (2);

10.分别选中其他四个图层的第三帧,按F5插入帧。

11.新建图层7,命名为“小标记”图层,将笔者制作的学校标记影片剪辑拖到舞台上。

动态网页制作心得 篇11

2 三种主流动态网页技术剖析

2.1 ASP

2.2 JSP

JSP是“基于Java的服务器端动态页面技术”。JSP技术让动态网页更容易编写, 功能更强, 可移植性更好的几个特点:

(1) 一次编写, 处处运行

JSP技术是完全的与平台无关的设计, 包含它的动态网页与底层的服务组件设计。可以在任何平台下编写JSP网页并且在任何支持JSP的系统上执行。也可以建立自己的组件, 并在JSP中使用。目前主要是Java BEANS和Java Servlet, 而它们都是跨平台的。

(2) 加强组件能力

JSP技术以Java的组件模型Java BEANS加强了组件的使用能力。这不但省去了开发的时间, 而且还可以将网页页面设计和商业逻辑分开, 有助于快速开发和简单维护。

(3) 作为Java企业平台的门户

Java的企业级API开发企业的各种需求系统。需要升级应用程序时, 需升级组件与动态页面部分都在于服务器上, 所以修改服务器上的资源, 所有客户端的显示都会跟着改变。

(4) 更容易建立动态页面

JSP就是用标准HTML语法混合自身语法标记, 所以实现简单容易的开发页面的需要。

JSP是平台无关的。从执行的效率上来看, 编译成为SERVET而进制代码形式的JSP也不错, 支持函数也不确定。JSP基于Java, 因此JSP对设计者的要求就是对Java要有了解, 学习门槛极一般。[3]

2.3 PHP

PHP是一种面向Internet/Intranet的编程语言。PHP有着许多其他的开发工具所没有的优点。

(1) PHP是跨平台的开发工具, 是真正能够在Unix平台和Window S平台下良好工作的开发工具。尽管在Unix和Window S下可以使用C作为CGI的开发语言, 但是要想把Unix下用C写成的CGI拿到Window S下来用是不可能的。有一个Apache的模块可以使Unix下的Apache服务器支持ASP, 但对于ASP这种基于ADO之类Active X控件的工具来说, 在没有Active X支持的Unix系统是使用ASP, 这点PHP接近于JSP。

(2) PHP有着非常良好的可扩展性。和其他一些利用脚本语言进行Web开发的工具不同, PHP是开放源代码的, 可以无偿得到PHP源代码。这样就开发PHP提供了条件, 可以自己向PHP中添加函数。ASP也是比较容易扩展的, 但是基于Active X控件的这种扩展形式, 无论是从结合的紧密度来说还是从速度上来说, 都是无法和PHP的扩展形式相比的。

(3) PHP的最佳平台Linux, PHP自从一出生就和Linux以及Apache紧密结合。Linux作为一种极有希望的操作系统, 而Apache则是世界上使用最广泛的Web服务器。

PHP功能特点:

(1) PHP拥有强大而广泛的数据库支持。 (2) PHP对网络协议的广泛支持。 (3) PHP拥有跨平台性, 即可移植性。 (4) PHP具有极好的开放性和可扩充性。

PHP的缺点是:首先, PHP的跨平台性显然没有JSP彻底, Linux (Unix) 是被公众所普遍接受的PHP平台。其次, PHP的服务器配置是困扰众多PHP用户的。再次, 学习门槛ASP相比PHP还是缺少对初学者的亲和力。最后, 公开代码是可以加快推动PHP本身的发展, 也同样能摧毁设计者的编程动力。

综上所述, PHP不仅能应用于Linux (Unix) , 也能应用于Win32, 执行效率快, 稳定性佳, 开发时间较短。函数支持多, 系统安全佳, PHP可适用于大型服务器, 但似乎不如JSP被大型站点选的多, 它也同样适用于个人, 但又不如ASP。似乎中小型站点, 如普通企业, 学校选择PHP的更多一些。

3 总结

应用范围

ASP是只能运行于微软的服务器产品, IIS和PWS上。Unix下也有Chili Soft的插件来支持ASP, 但是ASP本身的功能有限, 必须通过ASP+COM的组合来扩充, Unix下的COM实现起来非常困难。

PHP可在Windows, Unix, Linux的Web服务器上正常运行, 还支持IIS, Apache等通用Web服务器, 用户更换平台时, 无需变换PHP3代码, 可即拿即用。

JSP几乎可以运行于所有平台。

性能比较。

在循环性能测试中, JSP只用了令人吃惊的四秒钟就结束了20000*20000的循环。而ASP、PHP测试的是2000*2000循环 (少一个数量级) , 却分别用了63秒和84秒 (参考PH-PLIB) 。数据库测试中, 三者分别对Oracle 8进行1000次Insert, Update, Select, 和Delete:Jsp需要13秒, Php需要69秒, ASP则需要73秒。

前景分析。

目前在国内PHP与ASP应用最为广泛。国外JSP已经是比较流行的一种技术, 尤其是电子商务类的网站, 多采用JSP。三者中, JSP应该是未来发展的趋势。世界上一些大的电子商务解决方案提供商都采用JSP/Servlet。比较出名的如IBM的E-business, 它的核心是采用JSP/Servlet的Web Sphere;西方另外一个非常著名的电子商务软件提供商Intershop原来的产品Intershop1, 2, 3, 4占据了主要的电子商务软件份额, 通过CGI来提供支持的。但去年10月后它推出了Enfinity, 一个采用JSP/Servlet的电子商务Application Server, 而且声言不再开发传统软件。

以下是将三种主流技术以及传统CGI, IS-API/NSAPI的列表横向比较表。

摘要:几种主要的动态网页技术客观地展现按时间顺序谈动态网页技术的过去, 现在, 将来。对每一个时间段, 又针对当时的情况, 对当时流行的技术进行细分和比较。重点是现代的三种动态网页技术:ASP, PHP, JSP的比较和分析。

关键词:ASP,PHP,JSP

参考文献

[1][美]Jeffry Dwight著, 金帆工作室译.CGI开发使用手册[M].第1版.北京:机械工业出版社, 1998.

[2]苏鹏等.ASP编程技巧与实例分析[M].第1版.北京:中国水利水电出版社, 2001.

上一篇:儿时的梦,你在那【八】作文下一篇:浅谈低年级学生识字的途径与方法