时间:2022-05-31 13:53:09
导语:在网页制作论文的撰写旅程中,学习并吸收他人佳作的精髓是一条宝贵的路径,好期刊汇集了九篇优秀范文,愿这些内容能够启发您的创作灵感,引领您探索更多的创作可能。
本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与我联系,我会及时更改本规范的相关代码样例和文档。
/基本要求
1.在网站根目录中开设imagescommontemp三个子目录,根据需要再开设media子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner条、菜单、按钮等等;common子目录中放css、js,、php、include等公共文件;temp子目录放客户提供的各种文字图片等等原始资料;media子目录中放flash,avi,quicktime等多媒体文件。
2.在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件,如果这个栏目的内容特别多,又分出很多下级栏目,可以相应的再开设其他目录。
3.temp目录中的文件往往会比较多,建议以时间为名称开设目录,将客户陆续提供的资料归类整理。
4.除非有特殊情况,目录、文件的名称全部用小写英文字母、数字、下划线的组合,其中不得包含汉字、空格和特殊字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证明,用拼音命名的目录往往连一个月后的自己都看不懂,
/脚本编写
我们应该有一个脚本整体风格一致的概念,意思是一个月后和一个月前的你写的脚本风格保持一致,以及同一个工作组中不同的开发人员编写的脚本风格保持一致,因为我们不可能永远孤立的开发,你随时都有可能和三个月前的自己合作(你的客户要求改版),也经常要和工作室中不同的同事共同开发一个项目,还有可能被要求修改已经离职人员开发的脚本,当然你自己也有可能会扔下一个项目给后来的同事。
1.Html文件的通用模板:
其他meta标记
样式表定义
客户端javascript函数定义及初始化操作
……
补充:
为了保证网站能够与下一代的web语言xml标准兼容,所有的HTML标签的属性都要用单引号或者双引号括起,即我们应该写而不是.
2.允许全文检索的页面,为了使Internet上的搜索引擎能够有效检索,在频道的首页的html的之间应该加入Keywords和Description元标记,例如:
3.CSS文件的格式样例代码:
这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码,否则或多或少会出问题。另外我们规定重定义的最先,伪类其次,自定义最后,便于自己和他人阅读!
为了保证不同浏览器上字号保持一致,字号建议用点数pt和像素px来定义,pt一般使用中文宋体的9pt和11pt,px一般使用中文宋体12px和14.7px这是经过优化的字号,黑体字或者宋体字加粗时,一般选用11pt和14.7px的字号比较合适。
在写互相嵌套时,严格按照的规范,对于单独的一个来说,对齐,缩进两个半角空格,中如果还有嵌套的表格,也缩进两个半角空格,如果中没有任何嵌套的表格,结束标记应该与处于同一行,不要换行,
如我们注意在源代码中不应有这样的代码:
而应该是这样的:
这是因为浏览器认为换行相当于一个半角空格,以上不规范的写法相当于无意中增加一个半角空格,如果确实有必要增加一个半角空格,也应该这样写:
属于同一个级别的
一定是左首对齐的,另外不允许没有任何内容的空的单元格存在,高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片,这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱,在DW3中可以通过command->applysouceformatting进行重新整理!
5.Width和height的写法也有统一的规范,一般情况下只有一列的表格,width写在
的标签内,只有一行的表格,height写在的标签内,多行多列的表格,width和height写在第一行或者第一列的标签内。总之遵循一条原则:不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的,也就是你改动代码中任何一个width和height的数值,都应该在浏览器中看到变化。做到这一条不容易,需要较长时间的练习和思考。
/一般原则
1.在排布表格之前,请大家一定要好好思考一个最佳的方案,表格的嵌套尽量控制在三层以内,并且应该尽量避免两个标记,经验表明,这两个标记会带来许多麻烦。
2.一个网页要尽量避免用整个一张大表格,所有的内容都嵌套在这个大表格之内,因为浏览器在解释页面的元素时,是以表格为单位逐一显示,如果一张网页是嵌套在一个大表格之内,那么很可能造成的后果就是,当浏览者敲入网址,他要先面对一片空白很长时间,然后所有的网页内容同时出现。如果必须这样做,请使用
标记,以便能够使这个大表格分块显示。
3.排版中我们经常会遇到需要进行首行缩进的处理,不要使用或者全角空格来达到效果,规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上
标记,注意,一般情况下,请不要省略
结束标记。
4.原则上,我们禁止用来人为干预图片显示的尺寸,而且建议标签中不要带上width和height两个属性,这是因为制作过程中,图片往往需要反复的修改,这样可以避免人为干预图片显示的尺寸,尽可能的发挥浏览器自身的功能;但是这样的一个副作用是当网页还未加载图片时,不会留出图片的站位大小,可能会造成网页在加载过程中抖动(如果图片是插在一个固定大小的表格里的,不会有这个现象),尤其是当图片的尺寸较大时,这种现象会很明显,所以当预料到这种会明显导致网页抖动的情况会发生时,请大家务必在最后给附上width和height属性。
5.为了最大程度的发挥浏览器自动排版的功能,在一段完整的文字中请尽量不要使用
来人工干预分段。
6.不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。
7.所有的字号都应该用样式表来实现,禁止在页面中出现标记。
8.请不要在网页中连续出现多于一个的也尽量少使用全角空格(英文字符集下,全角空格会变成乱码),空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
9.中英文混排时,我们尽可能的将英文和数字定义为verdana和arial两种字体。
10.行距建议用百分比来定义,常用的两个行距的值是line-height:120%/150%.
11.网站中的路径全部采用相对路径,一般链接到某一目录下的缺省文件的链接路径不必写全名,如我们不必这样:而应该这样:
12、嵌入图形文本的使用较大的字体,建议不要在图形中包括文本。
13、“网页大小”定义为网页的所有文件大小的总和,包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户,网页大小保持在34K以下为合适。
/文件命名原则
1.每一个目录中应该包含一个缺省的html文件,文件名统一用index.htm
2.文件名称统一用小写的英文字母、数字和下划线的组合。
3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义,二是当我们在文件夹中使用“按名称排例”的命令时,同一种大类的文件能够排列在一起,以便我们查找、修改、替换、计算负载量等等操作。
4.下面以“新闻”(包含“国内新闻”和“国际新闻”)这个栏目来说明html文件的命名原则:
在根目录下开设news目录
第一条缺省新闻取名index.htm
所有属于“国内新闻”的新闻依次取名为:china_1.htm,china_2.htm,…
所有属于“国际新闻”的新闻依次取名为:internation_1.htm,internation_2.htm,…
如果文件的数量是两位数,请将前九个文件命名为:china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。
5.图片的命名原则遵循以下几条规范:
名称分为头尾两两部分,用下划线隔开。
头部分表示此图片的大类性质,例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名:banner
标志性的图片我们取名为:logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现,性质相同的链接栏目的图片我们取名:menu
装饰用的照片我们取名:pic
不带链接表示标题的图片我们取名:title
依照此原则类推。
尾部分用来表示图片的具体含义。
下面是几个样例,大家应该能够一眼看明白图片的意义:
【关键词】网络 论文写作 评估体系
1 引言
毕业论文写作是检验毕业生综合能力、评估学业成绩的重要方式。毕业论文写作指导是高职英语专业学生的必修课。发挥英语专业特点,充分运用现代教育技术,保障毕业生的学术水平和科研能力,是高职高专外语系课程改革与建设中一项重要的任务。互联网在中国的普及和高校校园网宽带的不断升级,使基于网络的英语专业毕业论文写作教学成为可能。
毕业论文写作是一门实践性的课程,学生必须通过参与研究和写作的整个过程才能建构自己的学术研究理念和实践技能。结合网络教学的特点,发挥建构主义理论对网络论文写作教学的指导作用,整合网络教学理论与实践,探索基于网络技术、以任务为导向的教学方法势在必行。
2 建构主义理论指导下的评价体系
基于网络的论文写作教学新模式是以建构主义为理论基础的。建构主义强调,在整个教学过程中由教师起组织、指导和促进作用,学生是学习的主体,利用情境、协作、会话等学习环境要素充分发挥学生的积极性、主动性,最终完成对知识的意义建构。他们认为学习者是在与周围环境相互作用的过程中,通过“同化”与“顺应”两种方式,促进自身认知结构发展的。学生的学习不是被动的,而应是主动的、探索式的、协作式的学习。根据建构主义理论,学习本身是一个动态发展的过程,像建构理论下的情境创设、知识的意义建构以及人与人的协作关系都是随时空转换而不断变化的。而以往论文写作教学中的终结性评价,关注的是整个阶段的教学结果,不能对教学过程起到跟踪、监控、检测和指导的作用。为了弥补终结性评价的缺陷和不足,在新的教学模式下,要重视学生综合能力和整体素质的发展,科学地、理性地、全面地对学生进行评价,从知识、能力、品质、态度等多项指标去衡量每一名学生。运用更具个性发展的评价策略,激发学习者潜意识中的学习兴趣,充分发挥他们的积极性、主动性和创造性,使众多更具特色的学习个体融于网络学习这个大环境中。
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).
作者在论文的写作当中难免要阅读相关的学术资料,在论文引用的他人作品时不能全部都写到论文当中去,那么只要将其主要文献标注好后依次列在论文的最后面。下面是学术参考网的小编整理的关于网页设计论文参考文献,欢迎大家阅读赏析。
网页设计论文参考文献:
[1]胡崧.HTML从入门到精通[M].北京:中国青年出版社,2007.
[2]知新文化.HTML完全手册与速查辞典[M].北京:科学出版社,2007.
[3]杨选辉.网页设计与制作教程[M].北京:清华大学出版社,2009.
[4]王诚君,刘振华,郭竑晖,高中山.Dreamweaver8网页设计应用教程[M].北京:清华大学出版社,2007.
[5]李光明,曹蕾,余辉.中文Dreamweaver8网页设计与实训教程[M].北京:冶金工业出版社,2006.
[6]周德华,许铭霖.新编网页设计教程[M].北京:冶金工业出版社,2006.
[7]赵铭建,赵慧,乔孟丽,康梅娟.网页设计与制作[M].东营:中国石油大学出版社,2007.
[8]赵祖荫,王云翔,胡耀芳.网页设计与制作教程[M].北京:清华大学出版社,2008.
[9]陈季.Flash基础与实例教程[M].北京:北京希望电子出版社,2005.
[10]丁海祥.计算机平面设计实训[M].北京:高等教育出版社,2005.
[11]曹雁青,杨聪.Photoshop经典作品赏析[M].北京:北京海洋智慧图书有限公司,2002.
[12]张怒涛.Photoshop平面设计图像处理技法[M].北京:清华大学出版社,2003.
[13]陈笑.Dreamweaver8,PhotoshopCS2,Flash8网页制作实用教程[M].北京:清华大学出版社,2006.
[14]孙强,李晓娜,黄艳.JavaScript从入门到精通[M].北京:清华大学出版社,2008.
[15]刘智勇.JavaScript开发技术大全[M].北京:清华大学出版社,2009.
[16]陈会安.JavaScript基础与实例教程[M].北京:中国电力出版社,2007.
[17]常永英.ASP.NET程序设计教程(C#版)[M].北京:机械工业出版社,2009.
[18]肖金秀,冯沃辉,陈少涌.ASP.NET程序设计教程[M].北京:冶金工业出版社,2003.
[19]金旭亮.ASP.NET程序设计教程[M].北京:高等教育出版社,2009.
[20]刘培文,韩小祥.ASP.NET程序设计教程[M].北京:中国人民大学出版社,2009.
网页设计论文参考文献:
[1]安颖莲,李秀,姚瑞霞,田荣牌.《网页设计与制作》课程教学设计与实践.中国教育信息化,2007(17).
[2]沈志刚,于晓霞.“模块项目化”教学法在网页设计与制作课程中的应用.福建电脑,2009(5).
[3]周娟.高职网页设计与制作课程教学的几点改进.电脑知识与技术,2009(26).
[4]蔡北勤.模块化基础上的工作过程系统化教学模式探讨.交通职业教育,2007(6).
[5],冯永华.课堂教学变革的反思与重建———“慕课”背景下课堂教学变革的思考[J].教师教育学报,2014,11(3):53-63.
[6]孙晓娟.基于“慕课”的高职课程改革及教学评价的研究[J].中国管理信息化,2016,1(4):236-237.
[7]张琳.高职网页设计课程的教学生态模式研究[J].教育现代化,2015,4(10):99-101.
[8]郑伟、薛岚.高职院校图形类专业实践教学研究[J].科技资讯,2010(12):248-248.
[9]郑伟.高职院校非图形类专业《网页设计与制作》课程教学改革的探讨[J].福建电脑,2011,27(1):205-206.
[10]郑伟、薛岚.高职院校图形类专业《网页设计与制作》课程建设改革的探讨[J].艺术科技,2013,26(3):283-283.
[11]李荣刚.视觉传达专业中的网页设计课程探索[J].美术学刊,2012,(10).
[12]何磊孙志宜.视觉传达设计专业课程教学改革与创新[J].合肥师范学院学报,2015,(1)33期
[13]魏坤.视觉传达设计专业发展现状与教学对策——以汉江大学设计学院为例[J].中国艺术,2013,(4).
[14]戴士弘.职业教育课程教学改革[M].北京:清华大学出版社,2007:13-15
[15]梁景红.网站设计与网页配色[M].北京,人民邮电出版社,2008,(52).
网页设计论文参考文献:
[1]王寅田.基于Hadoop的交通物流大数据处理系统设计与实现[D].上海交通大学2014
[2]滕勇.基于WMI的电信营业终端管理系统的设计与实现[D].上海交通大学2013
[3]刘畅.模型驱动的飞机座舱显示控制应用软件开发方法研究与实现[D].上海交通大学2014
[4]李岩.可调整时间自动机可达性算法的研究与实现[D].上海交通大学2014
[5]余启鸿.物流企业信用评级技术研究及系统实现[D].上海交通大学2014
[6]张明锐.基于AOP的座舱显示应用软件框架研究与实现[D].上海交通大学2014
[7]浦杰.券商门户系统统一通讯平台的研究和实现[D].上海交通大学2012
[8]陆志林.基于jBPM和SSH的电子政务开发平台的研究和实现[D].上海交通大学2012
[9]郑琦.基于OCM模型的在线计费系统开发及应用[D].上海交通大学2007
[10]华天.电子制造企业产品生命周期管理系统的研究与实现[D].上海交通大学2013
一、网站整体规划,要做网页的第一步便是做网站的整体规划这主要包括四个方面的内容。
1.讨论网站的主题。
网站整体规划是做网页的第一步也是制作网页最关键的一步它决定了你要表答的信息,因此我选择了我选择我最喜爱的服饰来为它做网页。在平时我也对服装的网页比较关心,无论是淘宝网上的衣店还是各种品牌装。这次我是为“易菲”服饰做的网页。
2.定位网站的CI形象。“易菲”植根中国文化之精髓,汲取自然禀赋之灵性,形成一个既有浓厚文化底蕴,又有现代自然人文气息的特色品牌。“易”即是容,是包容,是宽容,是五千年中华民族的文化精髓,是厚德载物,是对人性宽度的一种拓展。“菲”通非,是生机、是个性、是春意盎然、是自强不息,是对人性深度的一种挖掘。“生活如花,自在快乐”是YIFINI易菲的设计理念,倡导一种与自然和谐相处,如花儿绽放般美好舒适、自在快乐的生活方式。这也便是我网站的CI形象。
3.确定栏目和板块。
于时间的关系在本次我准备做四张网页:一张主页三张二级页面。分别设计了“时尚首页、时尚衣秀、推荐产品、潮流信息”等四个栏目。在这四张页面中我打算都用淡蓝色做背景颜色来映衬我网页的主打色绿色。
2.网站的整体风格和创意。
整个网站的创意就在于颜色的搭配,与各种图片的搭配,它们相互辉映,相互衬托。以便达到表现其品牌的和谐之美、自然之美。我踩用淡蓝色和绿色为我网站的主打色主要是因为我的产品特性。在设计上,YIEINI易菲推崇“自然美”,将带表女性气质的花卉和自然元素融入设计之中,充分体现设计师和顾客所追求的一种洒脱、舒适的生活氛围,力求表现悠闲、舒畅、自然的生活情趣。因此我用天空与自然的颜色来表达这张自然之美、和谐之美。
二、网页制作的前期策划与准备,在本阶级主要有两方面的工作。
1.资料的搜集。
在做网页我上网收集了许多方面的资料主要是有关网站的布局与服饰品牌方面的资料,我首先进它的企业网站找了一些关于“易菲”服饰的图片主要是一些代言形象还有代表其企业形象的图片。其次我去浏览了许多的网页观察其网页的布局、颜色搭配、栏目、板块等方面的内容,同时也搜集了一些对我有用的资料。在搜索资料最困难的便是动态图片的搜集,动态图片其gif格式的还是好保存,但是要搜集flash动态图片就相对较难了。我用了一天的时间来搜集我的flash都不太成功,不过还搜到了可以换自己图片的代码。在开始时我根本就不知道flash是怎样搜索,不过经过三次像老实询问我终于懂得一些关于代码的搜索。在搜集资料的过程之中我发现了自己的许多不足之处,最关键就是平时对知识的掌握不够,连最基本的资料搜寻都觉得困难。也是我平时不够认真和努力的表现。通过这次的教训在以后我一定会做得更好,争取不范类似错误。
2.熟悉制作软件。
做网页主要用的工具便是Dremweaver、Photoshop、Flash软件。在这些软件我对Dremweaver、Photoshop相对比较熟悉,因为在平时上课是老师带领我们运用过。所以我还可以正常的运用,但是出现的问题还是有很多。有很多不懂如何操作,只有通过在次去看书才能够了解,这也体现了我学习方面的缺点,它是我平时不够认真的具体表现。
三、网页制作,这便进入我该次的主题了具体制作流程如下。
1.构建站点框架。
在我打开Dremweaver后第一步便是新建站点,我把我的站点建立在F\仪下面。并将我搜集的全部资料都保存在其文件夹中,以便网页制作时可以方便的使用。
2.设计主页及二级页面。
在主页我设首页制作时,时刻考虑着网页的基本原则:统一,连贯,分割,对比及和谐的原则,内容统一,都是为了主题服务,美容美体,一个网站强调的就是一个整体,只有围绕一个统一的目标所做的设计才是成功的;连贯,页面之间关系连贯,统成一体;每版内容都自成一体,颜色各异,便于浏览;整个网页有动有静,色彩呼应,搭配协调,不呆板,富有生气;颜色各异,但又不同之中又相同,浑然一体。而且制作过程中,不忘以下原则:
简洁实用:这是非常重要的,网络特殊环境下,尽量以最高效率的方式将用户所要想得到的信息传送给他就是最好的,所以要去掉所有的冗余的东西。使用方便:同第一个是相一致的,满足使用者的要求,网页做得越适合使用,就越显示出其功能美;页面用色协调,布局符合形式美的要求:布局有条理,充分利用美的形式,是网页富有可欣赏性,提高档次。当然雅俗共赏是人人都追求的。
交互式强:发挥网络的优势,是每个使用者都参与到其中来,这样的设计才能算成功的设计。这样的网页才算真正的美的设计。每个子页都设有上导航栏,便于浏览和跳转。3个二级网页制作时,使用的是表格,每一个页面都用表格为它布局好,然后在插入图片文字及其他,这样有一定的规划性,体现了连贯统一性,不同的内容根据各自的特色建立了不同的表格,突出各自的主题,增强了对比性。在做这些网页的时候我就进行了如上所述的方法。但我所以网页的背景颜色及主题颜色都是相同的以便突出我每一个网页都是为凸显我主题而服务。
3.实现网页间的链接。
我的链接按钮主要有四个“时尚首页、时尚衣秀、推荐产品、潮流信息”它分别链接到我所做的四个网页。链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
4.向静太网页插入动态效果。
在这一阶段我遇到了许多的问题,主要是我在主页插入我的flash的时候,开是我将带码粘贴到我的网页上可是在浏览网页的时候flash却不能够显示。最后我向老师的请教后终于在老师的帮助下我成功的在我的主页插入了flash。而在其它的二级网页我主页插入的是一些gif格式的动态图片。
论文摘要:网页的内容通常是由图片和文字组成。由文字构成网页的主体,而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站,往往能让浏览者流连忘返。因此,有漂亮的图片是你的网页能吸引人的一个有力保证。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息,使用户和网站进行交互,使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的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实用教程》山东科学技术出版社
本人自工作以来,认真钻研教育教学方法,学习新课程理念,研究课堂、研究学生,付出终有回报,在溧阳市第四轮教育教学基本功竞赛中我荣获二等奖,在2004年度学校教师技能竞赛荣获二等奖。
在教学之余,我也思考着教学与科研,尝试撰写教学论文。由本人撰写的论文《怎样说好一节物理课》荣获溧阳市职教论文二等奖。经过仔细修改后,论文《怎样说好一节物理课》又荣获2002年常州市职教论文一等奖,之后本人陆续撰写了师德交流论文《红专并进、为人师表》和《浅谈以问题为中心的教学创新模式》等校级交流论文。
在班主任工作方面,向有经验的老班主任学习,研究班主任工作方法,陆续担任0201班见习班主任和0116班见习班主任,两个班级都被评为校文明班级。在2002年度本人被学校评为优秀见习班主任。从2004年9月至今,本人担任0419电子商务专业综职班班主任,在2004学年上半学期,班级被评为“保护财产先进集体”“值周工作先进班级”在首届校运会上,班级荣获“精神文明风尚奖”通过学习本人基本上已经掌握了先进的教学手段和多媒体制作技术,能够灵活的运用Flash、PPT和Authorware制作教学课件以及网页制作技术。由本人制作的课件《牛顿第一运动定律》荣获校课件评比三等奖。由本人设计的网站《走进电子商务》在2004年溧阳市专题学习网页评比中荣获三等奖。在2005年3月开通个人主页《教学与课件资源交流》(校主页七色彩虹教师空间曲长利个人主页)作为一个与教师和学生交流的平台。
本人积极参加各种继续教育培训,在2004年9月本人参加了信息技术与课程整合培训,被选为溧阳市信息技术与课程整合骨干培训教师。
在毕业班教学中,所带毕业班0116班和0201班一次性通过了高中物理实验会考和理科综合考试。所带0217班一次性通过省单招技能考核。
关键词:ASP;教学方法;教学实验;项目
中图分类号:G642文献标识码:A文章编号:1009-3044(2008)22-727-02
The Exploration and Practice of Teaching Method in "ASP Homepage Manufacture"
ZHENG Yi-qun
(Fujian Administration Institute, Fuzhou 350008, China)
Abstract: ASP is a kind of network database programming technology based on browserwhich Microsoft Corporation promotes and is the main programming tool of the B/S configuration application under the windows environment. Through the theoretical teaching and the experiment, combining student's actual situation and improving the inspection method, may cause the students to pay great attention to enhancing the ability of programming and practical application, and through developing project, achieves the effect which studies for the purpose of application.
Key words: ASP; teaching method; teaching experiment; project
1 《ASP网页制作》课程教学中存在的问题
目前各高校计算机科学、电子商务等专业都在开设《ASP网页制作》课程。在教学的过程中,可能由于教学方法的应用不得当或者在教学环节中某些环节的疏忽,造成教学效果的不理想。概括为以下几个问题:
1) 实际教学包括理论教学和实验环节。在理论教学过程中,会出现教师在课堂上讲了半天,学生还是没有具体的概念,缺乏直观的理解。慢慢地学生就会不知老师所云,对该课程就失去兴趣。理论教学是让学生了解该课程的第一把钥匙,如果失去了,对该课程的知识点与重点就会不明确,就无法指导实践,对后面的实验环节就会造成很不好的影响。
2) 传统的教学方法是以教师为主体,教学内容缺乏实践性、应用性、针对性。教师通常会按照课本安排的章节或者事先安排好的步骤把该课程的知识点灌输给学生,一种“填鸭式”的教学方法,按照自己的经验、用自己的方式把课讲完。没有与学生进行足够的互动,难以引起学生共鸣,不知道学生到底能否接受,吸收多少,做不到因地制宜,因材施教。这样的教学方法很可能造成该课程的教学失败。
3) 由教师对ASP中的各个知识点进行讲解,然后安排学生在实验室上机验证教师讲课的内容。单纯地以教师的教为中心,没有考虑到学生的实际情况,忽视学生主体作用和能力培养;实践教学方法与教学手段没有将学生职业能力培养得到真正地落实。这种方式下,学生虽然能够掌握一定的实践技能,但很难承担实际项目的开发,与市场需要的人才存在较大的差距。
2 《ASP网页制作》课程改进教学方法的对策
针对课程存在的以上现状,本人在多年教学过程中不断探索,不断更新自己的教学模式与方法,以求学生能够将学到的理论知识真正地应用到项目开发中去,解决现在高校学生普遍存在的动手能力差导致无法适应工作需要的问题。此教学模式与方法先后在04计算机与05计算机专业《ASP网页制作》的课程教学中进行了试用,取得了良好的效果。现大概总结为以下几方面与大家一起分享:
1) 在实际教学中,应采取多媒体教学结合传统板书教学的方式。在黑板上讲解比较难以理解的知识点和抽象的理论,穿插在中计算机上讲解实例,帮助学生理解。同时多媒体课件中丰富的信息和画面,对提高学生的学习兴趣也是很有好处的。
2) 在教学组织上,尽量将理论教学与实践教学的时间对半开。比如一个学期课程总共54学时,教师可以用36个学时用来讲课,18个学时用来项目实践。在36个课时中还包括学生完成每堂课教师要求完成实例的时间。在理论教学中,对数据库知识反复强调,而对案例涉及数据库操作要进行重点讲解,突出数据库操作的重要性,因为如何存取数据库的数据,是网站开发最重要最常用的事情。教师可以用最短的时间将理论知识阐述给学生,然后根据教学内容给学生设定实践目标,让学生在实践过程中自己去发现问题,尝试着自己去解决问题,因为只有这样学生才能真正把教学内容消化掉,而一味地把时间花在书本上而不给予学生实践的时间最终会导致学生对该课程似懂非懂。当学生求助于教师的时候,教师可以引导学生寻找解决问题的方法,并在课堂上对共性的问题做讲解或总评,这是一堂课中最重要的环节。学生只有在实践过程中独立地完成了实践目标,才能说把教学内容理解透彻,正所谓“实践出真知”。
3) 重视实践环节教学,实现教师的角色转变。按照项目开发的流程创设学习环境,以学生为中心,教师为指导,激发学生学习兴趣,提高学生的自主学习能力,让学生全方位投入项目开发中,将以往各章节所学习到的内容融会贯穿起来,做到熟能生巧,举一反三。
① 教师应从教学的主导者转型为引导者。教师根据教学需要,精心设计具有实用性的项目(选取的项目要将理论知识和实际技能结合起来,突出重点、难点以及知识的层次性,以达到逐步提高学生分析问题和解决问题的能力),分析开发项目的流程结构,讲解项目涵盖的重要知识点,激发学生参与项目开发的积极性并使学生明确在项目学习中应达到的目标。
② 引导学生以团队的形式开发项目,分工合作。项目开发需要大量的实践操作,学生通过不断地操作才能熟能生巧,对教师在课堂上讲授的知识具体化。当然在开发的过程中,学生会遇到许多不同类型的问题,这时候教师的引导作用就显得尤为的重要,给予学生解决问题的思路,引导学生将问题解决,达到一个以练代教的目的,让学生在项目中真正学到东西。教师要善于引导学生完成开发各个阶段间的过渡,让他们在开发过程中始终保持一定的热情,不至于在实践过程中找不着方向,并从中培养学生学习的主动性及自学能力。由于项目开发的过程是以团队的形式展开,团队的成员在开始过程中就需要相互协作,不断讨论、研究技术问题,因此在某一方面我们还间接培养了学生的口头表达能力、团结协作能力、与人共事能力、与人沟通能力等等。
③ 在学生完成他们手上的项目后,要求每个团队写一份项目实践报告。它对学生将来总结研究资料、撰写毕业论文或学术论文都是一种非常必要和有益的训练,同时有利于学生总结、记录实践过程,加深对实践内容的理解,并且教师可以通过实验报告了解学生实践的效果。报告格式主要设置了系统需求分析、功能设计、数据库组织与设计、模块详细设计等,内容设置类似于计算机类毕业设计论文格式。在报告的最后还要学生书写实践中出现的问题、解决方式及收获,以便教师更好地了解学生以及对自己以后的教学方法做出更好地调整。
④ 在项目开发都结束后,教师要组织学生进行项目评价,这对提高学生的项目开发能力有很大的帮助。采取的方式是小组汇报自评――学生互评――教师总评的模式。首先让该项目组的组长对项目开发过程做全面的总结与自评,再由其他项目组对该小组的开发提出问题或发表意见,营造互助学习的氛围,最后由教师对各小组的项目成果做综合评价。教师要对各小组在项目中存在的问题进行评述,并给予他们一定的建议,希望能帮助进一步的提高,当然教师首先要对学生的成绩与进步给予一定的肯定。
⑤ 改革评分方法,明确项目成绩权重。学生期末考核采用“平时成绩+项目成绩+笔试成绩”加权记分的方法。其中期末笔试:60%、平时成绩:20%(平时学生完成作业的情况、课堂上互动的情况、平时小实验完成情况)、项目成绩:20%(项目实践报告5%,程序及答辩15%)。对平时成绩与项目成绩做了明确要求,占课程总评成绩的40%,学生就会比以前更重视实践。通过这样的评分标准,可以有效地防止此课程出现“高分低能”的现象,让学生不再死读书。
3 结束语
针对高校学生,特别是计算机专业学生,动手能力差的现象,我们教师要不断地反省自己的教学方法,不能一味地跟着自己的感觉走,凭着老的教学方案走,一定要与时俱进,要积极地与学生进行互动,了解学生对于课程的想法,适时调整教学方式,因地制宜,因材施教,让学生真正成为课堂上的主人。
在《ASP网页制作》课程中,一定要采取理论与实践相结合的方式,使学生在获得知识的同时,提高了动手能力和学习能力。在教学中引入项目实践这个方案,能够让学生对课程整体内容掌握更全面、更牢固、更系统,提高学生对ASP的综合应用能力和编程水平,通过项目实践的方式又可以间接提升了学生责任感、团体协作等素质。
参考文献:
[1] 贺平. 项目教学法的实践探索[M]. 中国职业技术教育,2006,(22).
【论文摘 要】在中职学校的计算机教学中,教师要通过营造一个良好的课堂氛围、创设贴近生活的案例情境,运用各种各样的教学方法和手段来不断提高学生的学习兴趣,为此,教师需要不断提高自身的教学水平和各方面的素质。
在中等职业学校,计算机是门很重要的学科,本人从事计算机教学多年来,深感计算机教学有别于其它学科。在教学中,开始学生都对计算机充满着神秘感,有着浓厚的兴趣,但随着计算机教学内容的深入、难度增大,而学习的内容与实际的计算机应用又有一定的差距,学生的兴趣就会慢慢降低。为此计算机教师必须多动脑筋,在现有的教学条件下,充分利用现有资源,不断进行教学研究,采用多种教学方法,激发学生爱好,提高教学效率,使学生切实学到技能。
一、营造良好的学习氛围,激发学生的学习兴趣。
兴趣是学习的动力,在教学中应注重激发学生的兴趣,营造良好的学习氛围。为此,作为计算机教研室主任,我在每个学期初就制定好了利用每周二下午的课外时间作为开展计算机兴趣爱好小组活动的计划。利用这段时间开展计算机兴趣小组活动,巩固计算机基础知识、操作技能,扩大眼界,增强学生对计算机课的兴趣。兴趣小组开展活动的内容可多种多样,如组装电脑、计算机图形图像处理、设计学校网站、参加校级、市级的计算机项目比赛等。同时,每学期开展一次全体学生都参加的文字录入、图文混排两项操作竞赛,以增强学生学习兴趣。兴趣小组的成立和竞赛的开展激发了学生的学习热情。计算机学科是一门实践性较强的学科,上机时间占70%,理论课教学时间一般只占30%。在上机实践中,应使学生感到在玩中学、学中玩。上机操作的过程是一个融合阅读、理解思考和观察、验证于一体的过程。学生刚开始学习时还有兴趣,但慢慢地热情就会下降,甚至不想再学。这就要求教师善于采用多种多样的教学方法。如新生第一个学期刚开始学习五笔字型时,爱好高涨,但真正练习打字速度时,却又感到枯燥、不耐烦。为活跃课堂气氛,教师可采用全能打字教室等打字软件供学生练习,以收到良好的教学效果。用这样的方法使原来枯燥乏味的指法练习,变得生动活泼。经过一段时间的练习后,同学们的打字速度明显提高,活跃了学习计算机的氛围。
二、注重操作技能的培养,激励学生的创新精神。
创新精神就是指灵活地运用已获得的知识去发现和创造一种新观念与新方法的能力。因此在当前积极推行的学校素质教育中,尤其要重视学生创新能力的培养。在课堂教学中,教师对于每一概念、每一问题的提出都应精心设计与安排,注重创设问题情境。而提出的问题要尽量从实际应用出发,贴近日常生活,使学生对问题感到有解决的需要,激发学习爱好,并鼓励和帮助学生建立创新意识,形成创造性心理品质。
在教学《机械制图及CAD》时,刚开始上课,我并没有直接就照本宣科,而是先拿一个螺母给学生作演示,问问学生如果要把这个螺母在计算机中画出来,用什么样的软件画图最好?这时,学生已跃跃欲试,利用所学到或曾经接触过的一些软件如PhotoShop、画图程序等来画螺母图。在给学生一定的自由作图时间后,我利用CAD软件中的3维作图功能快速把图作出。相比之下,专业的机械制图软件画出的零件图既准确又快速而且也贴近生活,因此,学生立刻就对CAD这款软件产生了兴趣。在讲到网页制作中的“网页间的链接”时可以把学生分成几组,每一组按爱好制作班级主页的某一部分,这节课将制作一个主页将各个单机中的网页按小组链接起来,在课堂上注重理论和实践的结合,将未做链接的与做好的链接比较,讲明链接的功能。将做得好的链接与一般的链接进行比较,激发学生的深入学习,鼓励学生使用不同的方法去创造性地解决问题。
三、转变教学观念,做到以学生为主,充分尊重学生的需要。
传统的课堂教学着眼于学科与知识,教师是绝对的权威,掌握着教材和学生,教师注重的是对知识的传授与技能的培养,最大愿望是让学生最大程度地掌握相关学科的知识与技能,在考试时能考出一个好成绩。新的教学理念强调在教学过程中教师应与学生积极互动、共同发展,注意培养学生的独立性和自主性,引导学生质疑、调查、探究,促进学生在教师指导下主动、富有个性的学习。同时教师要尊重学生的人格,关注个体差异,满足不同学生的学习需要,创设能引导学生主动参与的教育环境,激发学生的学习积极性。
四、教学方法多样化
我在教学过程中主要采用讲授法、讨论法、课题式教学法、多媒体教学法和实验法等。对基础知识的讲解主要采用讲授法,通过精讲加巧练,使学生达到对基础知识的掌握和加深对新知识的理解。上机操作课,主要采用讨论法。通过讨论,一方面可以促进学生积极参与,加强对新知识的巩固和探索,拓宽知识面;另一方面,可以充分地激发学生的创造意识。课题式教学法也主要是用在上机课上,做到每课时一个专题(包括例题和练习)。多媒体教学法则通过制作一些幻灯片,融入一些文本、声音、图形、图像和动画等,使讲解的内容和操作的过程以一种全新的面貌展现在学生面前,使学生更易于接受和消化所学的知识。一般情况下,在授课时不必要讲满一节课,要留下一些时间回答学生在上机过程中遇到的问题。而上机课只是在一些难懂的地方演示一遍给学生看,其他时间留给学生去摸索创造,这样的学习效果往往比学生从头到尾在教师的安排、监视下好得多。
五、在计算机教学中还要注重可持续发展能力的培养
计算机技术的飞速发展,与学习内容的相对滞后,使得课堂所学非将来之所用的情况越来越突出,这是不容回避的事实。如何在教授这些相对过时的知识同时,培养学生的可持续发展能力是每个计算机教育工作者都应重视的问题。
学生走上工作岗位后,面对的将是形形的软件,是没有人教他们使用的,只有在学校的教学中注重可持续发展能力的培养,才能在他们走上工作岗位后从容不迫地面对生疏的软件,并主动地学习利用。要营造这样一种氛围,不是不要老师,而是对教师提出了更高的要求,学生在学习中碰到的问题随机性和多样性突出,更需要教师有丰富的知识和充分的备课。学生充分的自主,还可能带来气氛的活跃,需要教师有很强的控制能力,既要保持良好的氛围,又不使之进入无序状态。在教学《网页制作》时,教师要求学生制作自己的主页,由此使学生的积极性、创造性、竞争力得到充分的发挥。一是都想在题材选择和技术的运用上力争做得更好,二是不限于课本的内容,产生对知识的不满足。这样既能较好地培养学生主动学习和自学的能力,又能让学生充分体现个人的价值。在此基础上,教师进行适当的指导,指出计算机技术的不断发展,网页制作没有最好,只有更好的思想;让学生上网浏览,了解当今网页制作的先进水平;将网页作品上传至因特网,组织学生之间进行作品的展示和评讲,取长补短。这样在对知识进一步探究的基础上,使学生网页制作水平不断得到提高,从而培养学生在学习上的可持续发展的能力,为其终身学习打好基础。综上所述,在计算机教学过程中,教师要激发学生的学习动机,变“要我学”为“我要学”。要注重理论联系实践,从而让学生自己去发现规律、熟悉规律,进而指导今后的学习。惟有这样,学生才能学得主动,学得轻松,学生的个性、特长才能自由发挥,学生的素质才能得到全面提高,切实培养学生自主学习的能力。总之,计算机学科是一门飞速发展的新兴学科,它的灵活性和多变性,决定了教学方法的灵活多样。在教学中应以学生为主体,启发引导学生自主学习,培养学生的创造力。
参考文献
1 叶思宏.关于中专计算机教学应如何定位的思考
2 徐仁坤.改革计算机教学 培养学生的能力[J].网络科技时代,2008(12)
3 沈军飞.计算机教学中学生创造性思维能力的培养[J].教学与管理,2005(24)
论文关键词:高校
网络
招生
宣传
一、网络的发展和招生工作
计算机网络的发展深刻地影响着人类社会生活的各个领域,教育领域也是如此。根据教育部的要求,从1999年开始,部分省、市在招生工作中开始网上招生录取,到2002年全国所有的高校都参加了网上招生录取,网上录取让人们耳目一新,它为招生工作的公正、公平、公开提供了一个平台。与招生相关的每一个人,都可以通过这个平台准确、及时地获得自己所需要的信息。与此同时部分有条件的院校开始利用校园网招生信息,而2003年的“非典”的出现加速了这项工作。
二、网上招生宣传的特点
1.信息量大。网络招生宣传的表现方式是网页,网页存放在服务器中,一张A4大小的网页只有150K,而当前比较通用的硬盘容量最小也不少于40G,也就是说在服务器中可以存放无数个A4的网页,为招生宣传提供了大量的空间,这是其它任何宣传媒体所无法比拟的。
2.信息传播快捷。传播速度快捷是网络招生宣传的另一个新的特征,随着网络的建设发展,网速己得到较快的增长,目前全国大部分地区已达以lom的带宽,不仅满足了人们浏览网页的需要,而且可以在线观看学院制作的视频宣传片。通过网络方便、快捷地获取一个学校信息的速度已远远超过了信函、广告等其他任何方式。
3.互动性。招生宣传一直以来都是单向性的,是招生院校单方面向学生或家长传播信息,而院校无法得知对方的需求,网络招生宣传则在院校和考生之间建立了一座通道,通过这个通道双方可以互通有无,招生院校不仅可以传播招生信息,还可以传播学校的文化,加深考生对院校的了解。
4多方位的表现形式。文字和图片是大部分媒体的表现形式,网络继承并发扬了这一优势,在网络上,我们不仅可以无限量地文字和图片,同时还可以制作三维动画、可视短片,全方位地对院校做宣传。
5.费用低廉。一般院校的网上宣传主要是利用校园网,目前绝大多数学校都建有校园网,网络招生宣传是对校园网的开发和利用,充分发挥校园网的功能,所需费用一般也仅仅限于网页的制作,目前制作精美的网页费用一般在3000元左右,费用相当低。商业网站的宣传费用一般较高,但商业网站给我们提供了多种选择,比如:选择短期广告和网页链接等费用也非常便宜。
6.环保。网上招生宣传是无纸化宣传,为人类节约了大量的资源,是我国建设节约型社会大环境下的一种理想选择,同时减少了环境污染。
7.时效性长。招生信息以网页的形式存放,只要负责招生的高校不删除,它将长期发挥信息传播的作用,相对张贴广告等其它形式具有较长的时效性。
8.信息更新便。在其它媒体上做宣传时,招生信息一旦发出就不能再更改,如遇学院有新的政策出台,也无法添加,而网上招生宣传则能有效地解决这些问题,只要在网页制作时加上后台管理的功能,就是不懂网页制作的招生人员也能轻松地解决信息更新的工作,方便社会尽快地了解招生政策的变化。
三、网络招生宣传的现状
从招生宣传的主体来讲,目前的网络招生宣传可分为以下四种情况:
1.高校利用校园网开展招生宣传:目前绝大部分高校都建立了自己的校园网,高校在校园网的基础上开发了自己的网页,在高校的主页上,招生工作都是最重要的一栏,招生信息网一般以二级页面的形式出现,大部分学院的招生网还有自己的域名,在招生网页中一般都公布有当年的招生计划、学费、招生章程、专业介绍、热门专业、往年录取分数线等考生十分关注的信息。考生不仅可以在这个平台上看到高校的招生信息,还可以通过浏览高校其它部门的网页,了解到高校的办学思想、管理理念、师资力量、就业信息等全方位的信息。
2.各省、市招生考试主管部门架设平台组织招生宣传:这种网站一般是省级教育信息技术中心一类的机构开发的,它为高校招生宣传提供了一个平台,以高校所在省、市为依据,将高校进行分类,方便考生查询。信息方式通常有三种:一种是高校根据网站的要求提供相关信息由网站安排工作人员进行;另一种方式是网站为高校设立一个通道,提供用户名和密码,由高校自行登录到网站,按照网站提供的模板信息;第三种是由网站为高校做一个链接,考生在网站上直接点击高校的链接就可以打开该高校自己的网页,以获取信息。近年也有部分省的网站对外承包,作为盈利性机构,高校在选择网站进行宣传时要详细考察这种情况。 3.租用商业网站开展招生宣传:商业网站是以盈利为目的的,它的操作模式和省级招考部门开设的网站相似,但商业网站拥有较强的开发能力,网页新颖,综合信息较多,较能吸引考生的注意,特别是国内知名的网站,如新浪、网易等,较易引起学生、家长的关注,再加上商业网站注重宣传手段,如举办的招生宣传周、招生论坛等活动,也吸引了大量的考生和家长的参与。其缺点第一是费用高,宣传周期短,不能长期引起社会的关注;第二是个别网站信誉较差,条件有限,在访问量大时网络浏览速度慢。
4.高校网站的互联推广:就是将本省本科或专科学校的网址集中在一起,挂在所有参与这一活动的高校招生网页上,考生只要访问到其中任何一所学校,就可以方便地找到该省所有高校的网址,方便考生查阅信息,综合比较。这种方法,一方面方便了考生获取相关的信息,另一方面也为高校节约了宣传费用。
四、网络招生宣传要做的工作
1.结合本校实际情况,对网络招生宣传的手段、过程、目标、经费、人力、时间等问题进行统筹安排,期望在有限的经费和人力情况下达到最佳的招生宣传效果。网络招生宣传的策划可由招生部门的同志共同研究,也可请有策划经验的人士参与,条件允许的情况下,可委托广告策划公司做较为专业的策划方案。
2准备详实的招生信息:考生对高校信息的需求量不断加大,因此高校招生宣传首先要做的就是准备充分、全面、真实的信息材料,如:招生章程、招生计划、学费标准、助学贷款、历年录取分数线以及各项奖助学金等。
3.注重网页的制作。传统的宣传大多为人们提供静止的图文视觉信息,而网络宣传可以为人们提供动静结合的视听信息。因此在网页的制作上要特别注重网络多媒体技术的运用,要充分利用色彩的搭配,使不同板块、重要栏目、重要信息的颜色和谐而突出,造成色彩上的冲击力,同时充分利用动画效果等技术,尽量为不同的内容配上相对应的图片,甚至视频短片,最大限度地做到动静结合、图文结合,给访问网页的考生在获取信息的同时提供一种美的享受。
4.充分利用网络的互动性。网络招生宣传的互动性是针对大部分媒体宣传的单向性而言的。单向性宣传方式的缺点是高校和学生之间无法沟通,而网络解决了这个问题,网络宣传在招生信息的同时还可以方便地回答考生的提问,收集考生、中学、社会关于高校招生工作的意见、建议,更好的改进工作。